@charset "UTF-8";
/* line 4, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.icon-wrapper {
  position: relative;
  top: 0.2em;
  left: 0em;
  width: 1em;
  display: inline-block;
  height: 0;
}

/* line 12, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.icon-wrapper img {
  display: inline-block;
  height: 1.2em;
  width: 1.2em;
}

/* line 18, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.action__btn .icon-wrapper {
  position: relative;
  top: -1em;
  left: -1em;
  width: 1em;
  display: inline-block;
}

/* line 25, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.action__btn .icon-wrapper img {
  position: absolute;
}

@media only screen and (max-width: 480px) {
  /* line 29, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .action__btn .icon-wrapper {
    top: -1.02em;
    left: -0.95em;
    width: 0.9em;
  }
}
@media only screen and (min-width: 481px) {
  /* line 38, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  html,
  body {
    font-size: 12px;
  }
}
/* line 45, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.responsive-wrapper-inner-640 {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

/* line 50, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.responsive-wrapper-inner-660 {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}

/* line 55, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.responsive-wrapper-inner-840 {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 769px) {
  /* line 61, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .responsive-wrapper-screen-lg-320 {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 769px) {
  /* line 69, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .hidden-screen-lg {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  /* line 74, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .block-screen-lg {
    display: block !important;
  }
}

/* line 80, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.height-100-percent {
  height: 100%;
}

/* line 84, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.padding-none {
  padding: 0 !important;
}

/* line 87, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.padding-top-4 {
  padding-top: 4px;
}

/* line 90, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.margin-none {
  margin: 0 !important;
}

/* line 93, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.no-margin-bottom {
  margin-bottom: 0 !important;
}

/* line 96, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.margin-bottom-8 {
  margin-bottom: 8px;
}

/* line 99, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.margin-bottom-12 {
  margin-bottom: 12px;
}

/* line 102, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.margin-bottom-16 {
  margin-bottom: 16px;
}

/* line 105, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.margin-bottom-24 {
  margin-bottom: 24px;
}

/* line 108, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.margin-bottom-32 {
  margin-bottom: 24px;
}

/* line 111, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.margin-left-9 {
  margin-left: 9px;
}

/* line 114, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.margin-right-4 {
  margin-right: 4px;
}

/* line 117, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.margin-right-9 {
  margin-right: 9px;
}

/* line 120, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.margin-top-4 {
  margin-top: 4px;
}

/* line 123, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.margin-top-6 {
  margin-top: 6px;
}

/* line 126, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.margin-top-8 {
  margin-top: 8px;
}

/* line 129, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.margin-top-12 {
  margin-top: 12px;
}

/* line 132, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.margin-top-16 {
  margin-top: 18px;
}

/* line 135, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.margin-top-18 {
  margin-top: 18px;
}

/* line 138, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.margin-top-24 {
  margin-top: 24px;
}

/* line 141, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.margin-top-40 {
  margin-top: 40px;
}

/* line 144, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.margin-right-40 {
  margin-right: 40px;
}

@media only screen and (min-width: 769px) {
  /* line 147, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .margin-top-screen-lg-60 {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 769px) {
  /* line 152, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .margin-bottom-screen-lg-24 {
    margin-bottom: 24px;
  }
}

@media only screen and (min-width: 769px) {
  /* line 157, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .margin-bottom-screen-lg-48 {
    margin-bottom: 48px;
  }
}

/* line 162, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.padding-40 {
  padding: 40px;
}

/* line 165, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.padding-left-16 {
  padding-left: 16px;
}

/* line 168, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.padding-bottom-4 {
  padding-bottom: 4px;
}

/* line 171, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.padding-bottom-60 {
  padding-bottom: 60px;
}

/* line 174, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.padding-bottom-80 {
  padding-bottom: 80px;
}

@media only screen and (min-width: 769px) {
  /* line 177, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .padding-screen-lg-40 {
    padding: 40px;
  }
}

@media only screen and (min-width: 769px) {
  /* line 182, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .padding-top-screen-lg-29 {
    padding: 29px !important;
  }
}

@media only screen and (min-width: 769px) {
  /* line 187, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .padding-top-screen-lg-60 {
    padding-top: 60px !important;
  }
}

@media only screen and (min-width: 769px) {
  /* line 192, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .padding-left-screen-lg-16 {
    padding-left: 16px;
  }
}

@media only screen and (min-width: 769px) {
  /* line 197, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .padding-right-screen-lg-16 {
    padding-right: 16px;
  }
}

/* line 203, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.bg-white {
  background-color: #ffffff;
}

/* line 207, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.clickable {
  cursor: pointer;
}

/* line 211, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.position-relative {
  position: relative;
}

/* line 215, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.position-absolute-centered {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* line 222, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.block-center {
  margin-left: auto;
  margin-right: auto;
}

/* line 227, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.height-fill {
  height: 100%;
}

/* line 231, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.centered,
.text-center,
.center-align {
  text-align: center;
}

/* line 237, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.right-align,
.text-right {
  text-align: right !important;
}

/* line 242, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.remove-shadow {
  box-shadow: none !important;
}

/* line 246, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.horizontal-scrollable-list {
  padding-top: 4px;
  padding-bottom: 12px;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}
/* line 256, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.horizontal-scrollable-list .base-component.horizontal-scrollable-list-item {
  margin-right: 4px;
}

/* line 260, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.horizontal-scrollable-list-item {
  display: inline-block;
  vertical-align: top;
  height: 88px;
  background-color: #fff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}
/* line 268, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.horizontal-scrollable-list-item.x-note {
  font-family: Hiragino Sans;
  font-style: normal;
  position: relative;
  width: 200px;
}
/* line 274, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.horizontal-scrollable-list-item.x-note a {
  display: block;
  padding-left: 64px;
}
/* line 278, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.horizontal-scrollable-list-item.x-note a > *:first-child {
  height: 80px;
  width: 60px;
  margin: 4px;
  position: absolute;
  left: 0px;
  background-color: #f0f0f0;
  border-radius: 4px;
  overflow: hidden;
}
/* line 288, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.horizontal-scrollable-list-item.x-note a > *:first-child img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
/* line 297, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.horizontal-scrollable-list-item.x-note a > *:last-child {
  padding: 4px;
  padding-top: 12.5px;
  height: 100%;
  width: 100%;
}
/* line 303, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.horizontal-scrollable-list-item.x-note a > *:last-child > *:nth-child(1) {
  color: #212121;
  font-weight: bold;
  font-size: 12px;
  line-height: 17px;
  align-self: stretch;
  margin-bottom: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 315, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.horizontal-scrollable-list-item.x-note a > *:last-child > *:nth-child(2) {
  color: #212121;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  height: 20px;
  margin-bottom: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 327, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.horizontal-scrollable-list-item.x-note a > *:last-child > *:nth-child(2) > * {
  vertical-align: middle;
}
/* line 331, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.horizontal-scrollable-list-item.x-note a > *:last-child > *:nth-child(2) i {
  position: relative;
  display: inline-block;
  background-color: #ddd;
  border-radius: 2em;
  width: 20px;
  height: 20px;
  overflow: hidden;
}
/* line 340, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.horizontal-scrollable-list-item.x-note a > *:last-child > *:nth-child(2) i img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
/* line 349, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.horizontal-scrollable-list-item.x-note a > *:last-child > *:nth-child(3) span {
  color: #bdbdbd;
  line-height: 17px;
  letter-spacing: -0.337647px;
  margin-right: 8px;
}
/* line 360, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.horizontal-scrollable-list-item.see-more {
  position: relative;
  width: 88px;
  font-family: Hiragino Sans, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  font-size: 12px;
}
/* line 371, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.horizontal-scrollable-list-item.see-more a {
  display: block;
  height: 100%;
  width: 100%;
}
/* line 376, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.horizontal-scrollable-list-item.see-more a span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  right: 0px;
  padding: 4px;
  display: block;
  color: #1298ff;
  text-align: center;
  white-space: initial;
}

/* line 392, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn-wrapper {
  display: inline-block;
  position: relative;
}

/* line 397, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn {
  font-family: Hiragino Sans, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  background-color: lightgrey !important;
  border-radius: 4px;
  outline: none;
  padding: 4px 6px;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* line 412, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn:hover {
  cursor: pointer;
  filter: brightness(110%);
}
/* line 417, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn:active {
  filter: brightness(120%);
}
/* line 421, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn:disabled {
  filter: grayscale(0.5) brightness(100%);
}
/* line 425, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn.block {
  display: block;
  width: 100%;
}
/* line 430, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn.large {
  padding: 1.4167em 0.8333em;
}
/* line 434, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn.primary {
  background-color: #1298ff !important;
  color: #ffffff;
  border-color: #1298ff;
  border-style: solid;
}
/* line 440, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn.primary:hover {
  filter: none;
  background-color: #14bbff !important;
  border-color: #14bbff !important;
}
/* line 446, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn.primary:active {
  filter: none;
  background-color: #16ccff !important;
  border-color: #16ccff !important;
}
/* line 453, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn.outline {
  position: relative;
  background-color: transparent !important;
  color: #1298ff;
  border: solid 1px #1298ff;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 0;
  margin-bottom: 0;
}
/* line 464, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn.line {
  font-size: 1.24em;
  padding: 0 0.333em;
  line-height: 1.75em;
  height: 2.084em;
  background-color: #00b900 !important;
  border-color: #00b900;
  color: #ffffff;
  border-radius: 0.5em;
  border-style: solid;
}
/* line 475, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn.line i {
  position: relative;
  top: -0.1em;
  left: 0;
  margin-right: 0.333em;
  display: inline-block;
  background: url(https://d.line-scdn.net/r/web/social-plugin/img/common/line_v3.png) 0 4px no-repeat;
  background-size: 24px 22px;
  width: 24px;
  height: 100%;
}
/* line 488, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn.line span {
  position: relative;
  top: -0.6em;
}
/* line 494, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn.white {
  background-color: #ffffff !important;
  border-style: none;
  color: #1298ff;
}
/* line 499, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn.white:hover {
  background-color: #ddd !important;
}
/* line 503, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn.white:active {
  background-color: #c1c1c1 !important;
}

/* line 509, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
button.base-component.x-btn.legacy {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;
  font-size: 1.4rem;
  padding: 1.2rem;
  border: 1px solid #1298ff;
  border-radius: 0.4rem;
  line-height: 1;
}
@media only screen and (min-width: 769px) {
  /* line 509, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  button.base-component.x-btn.legacy {
    padding: 1.2rem 3.6rem;
  }
}

/* line 526, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
button.base-component.x-btn.outline-app {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;
  font-size: 1.2rem;
  font-weight: bold;
  color: #1298ff;
  background-color: #fff !important;
  border: solid 1px #e0e0e0;
  padding: 8px 1em;
}
/* line 537, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
button.base-component.x-btn.outline-app:hover {
  filter: brightness(104%);
}
/* line 541, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
button.base-component.x-btn.outline-app:active {
  filter: brightness(108%);
}

/* line 547, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn-icon {
  font-size: 1.2em;
  position: relative;
  top: 0.05em;
}

/* line 553, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn.primary.create-notebook-btn {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.12), 0px 6px 6px rgba(0, 0, 0, 0.24);
}
/* line 560, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn.primary.create-notebook-btn svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* line 567, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn.primary.create-notebook-btn span {
  display: none;
}
@media only screen and (min-width: 769px) {
  /* line 553, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.x-btn.primary.create-notebook-btn {
    height: initial;
    width: initial;
    font-size: 12px;
    font-weight: bold;
    font-family: Hiragino Sans, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;
    line-height: 18px;
    letter-spacing: 0.2px;
    padding: 16px 12px;
    padding-left: 45px;
    border-radius: 4px;
  }
  /* line 585, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.x-btn.primary.create-notebook-btn span {
    display: initial;
    white-space: nowrap;
  }
  /* line 590, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.x-btn.primary.create-notebook-btn svg {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
  }
}

/* line 599, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
a.base-component.tutoring-outline-link-btn,
.publishable-content .rich-text .link-block {
  position: relative;
  display: inline-block;
  border: 2px solid #1298ff;
  border-radius: 4px;
  color: #1298ff;
  font-weight: bold;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, "メイリオ", Osaka, sans-serif, system-ui;
  box-shadow: 0px 2px 0px #1298ff;
  text-align: center;
  box-sizing: border-box;
  line-height: 0.8;
  font-size: 14px;
  padding: 21px 27.4px 20px 27.4px;
}
/* line 619, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
a.base-component.tutoring-outline-link-btn.block,
.publishable-content .rich-text .link-block.block {
  display: block;
}
/* line 623, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
a.base-component.tutoring-outline-link-btn.with-icon,
.publishable-content .rich-text .link-block.with-icon {
  padding-left: 50px;
  padding-right: 30px;
}
/* line 627, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
a.base-component.tutoring-outline-link-btn.with-icon i,
a.base-component.tutoring-outline-link-btn.with-icon svg,
a.base-component.tutoring-outline-link-btn.with-icon img,
.publishable-content .rich-text .link-block.with-icon i,
.publishable-content .rich-text .link-block.with-icon svg,
.publishable-content .rich-text .link-block.with-icon img {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-12px);
  left: 14px;
}

/* line 645, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn-outline-v2 {
  padding: 5px 8px;
  padding-bottom: 4px;
  border: 1px solid #1298ff;
  box-sizing: border-box;
  border-radius: 4px;
  background: #fff;
  font-weight: 600;
  font-family: Hiragino Sans;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.464286px;
  color: #1298ff;
  outline: none;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* line 663, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn-outline-v2.active {
  background: #f5f5f5;
  border-color: #f5f5f5;
}
/* line 667, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn-outline-v2.active:hover {
  filter: brightness(101%);
}
/* line 671, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn-outline-v2.active:active {
  filter: brightness(102%);
}
/* line 676, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn-outline-v2:hover {
  cursor: pointer;
  filter: brightness(110%);
}
/* line 681, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn-outline-v2:active {
  filter: brightness(120%);
}

/* line 687, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.x-btn-outline-v2.follow {
  min-width: 120px;
}

/* line 692, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.follow-count {
  text-align: center;
  display: inline-block;
}
/* line 698, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.follow-count > span > div:first-child, .base-component.follow-count > a > div:first-child {
  font-family: Hiragino Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.464286px;
  color: #1298ff;
}
/* line 708, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.follow-count > span > div:last-child, .base-component.follow-count > a > div:last-child {
  font-family: Hiragino Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.464286px;
  color: #9e9e9e;
}

/* line 720, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.sort-tabs {
  margin-left: auto;
  margin-right: auto;
}
/* line 724, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.sort-tabs ul {
  display: flex;
  flex-direction: row;
}
/* line 728, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.sort-tabs ul li {
  display: inline-block;
  width: 33.33%;
}
/* line 732, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.sort-tabs ul li:last-child {
  flex: 1;
}
/* line 736, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.sort-tabs ul li a,
.base-component.sort-tabs ul li .clickable {
  font-family: Hiragino Sans, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;
  background-color: #fff;
  color: #757575;
  border-color: #eeeeee;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: block;
  width: 100%;
  padding: 4px 0px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
}
/* line 757, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.sort-tabs ul li a.active,
.base-component.sort-tabs ul li .clickable.active {
  background-color: #1298ff;
  border-color: #1298ff;
  color: #ffffff;
}
/* line 765, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.sort-tabs ul li:first-child a,
.base-component.sort-tabs ul li:first-child .clickable {
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
/* line 774, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.sort-tabs ul li:last-child a,
.base-component.sort-tabs ul li:last-child .clickable {
  border-style: solid;
  border-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
@media only screen and (min-width: 961px) {
  /* line 720, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.sort-tabs {
    max-width: 304px;
  }
}

/* line 790, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.google-search {
  max-width: 960px;
  margin: auto;
  padding: 0;
  background: #f5f5f5;
  padding: 12px;
}

/* line 798, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.google-search-count {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: #1298ff;
  max-width: 960px;
  border-radius: 8px;
  padding: 8px;
  color: whitesmoke;
  font-size: 26px;
  font-weight: 900;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;
}

/* line 814, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.google-search-count_area > .search_query {
  font-size: 14px;
  margin-bottom: 22px;
}
/* line 817, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.google-search-count_area > .search_query > .search_query-text {
  font-size: 24px;
  font-weight: bold;
}

/* line 823, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.google-search-count_area > .search_qa {
  font-size: 16px;
  text-align: center;
  color: #1298FF;
  text-decoration: underline;
}

/* line 830, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.google-note-count_note {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 835, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.google-note-count_note > .note_query-text span {
  font-size: 24px;
  font-weight: bold;
}
/* line 839, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.google-note-count_note > .note_query-count span {
  font-size: 16px;
  font-weight: bold;
}

/* line 845, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tabs, .base-component.mypage-tabs__container, .base-component.mypage-2nd-tabs__container {
  border-bottom: 0.1rem solid #e0e0e0;
}
/* line 848, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tabs ul, .base-component.mypage-tabs__container ul, .base-component.mypage-2nd-tabs__container ul {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;
  width: 100%;
  max-width: 960px;
  margin: auto;
  display: table;
  padding: 0;
  position: relative;
  height: 4.5rem;
  background: #fff;
}
/* line 864, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tabs ul li, .base-component.mypage-tabs__container ul li, .base-component.mypage-2nd-tabs__container ul li {
  width: 50%;
  display: table-cell;
}
/* line 868, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tabs ul li .clickable, .base-component.mypage-tabs__container ul li .clickable, .base-component.mypage-2nd-tabs__container ul li .clickable,
.base-component.tabs ul li a,
.base-component.mypage-tabs__container ul li a,
.base-component.mypage-2nd-tabs__container ul li a {
  color: #757575;
  text-align: center;
  color: #757575;
  font-size: 1.1rem;
  padding: 0;
  line-height: 4.5rem;
  display: block;
  white-space: nowrap;
  text-decoration: none;
  height: 4.5rem;
}
/* line 883, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tabs ul li .clickable.active, .base-component.mypage-tabs__container ul li .clickable.active, .base-component.mypage-2nd-tabs__container ul li .clickable.active,
.base-component.tabs ul li a.active,
.base-component.mypage-tabs__container ul li a.active,
.base-component.mypage-2nd-tabs__container ul li a.active {
  font-weight: bold;
  border-bottom: 0.3rem solid #757575;
}
/* line 888, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tabs ul li .clickable:hover, .base-component.mypage-tabs__container ul li .clickable:hover, .base-component.mypage-2nd-tabs__container ul li .clickable:hover,
.base-component.tabs ul li a:hover,
.base-component.mypage-tabs__container ul li a:hover,
.base-component.mypage-2nd-tabs__container ul li a:hover {
  color: #757575;
  background-color: #e0e0e0;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  cursor: pointer;
}

/* line 900, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-pagination-organism {
  position: relative;
}
/* line 903, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-pagination-organism > *:first-child {
  font-size: 12px;
  line-height: 32px;
  color: #212121;
  letter-spacing: 0.2px;
  text-align: center;
  margin-bottom: 8px;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
/* line 919, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-pagination-organism .base-component.clear-pagination {
  text-align: center;
}
/* line 922, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-pagination-organism .base-component.clear-pagination > * {
  display: none;
  margin-right: 0;
}
/* line 926, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-pagination-organism .base-component.clear-pagination > *.pagination-info {
  display: inline-block;
  width: initial;
  padding: 0 5px;
  font-size: 12px;
  font-weight: normal;
  color: #212121;
  letter-spacing: 0.2px;
}
/* line 936, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-pagination-organism .base-component.clear-pagination > *:first-child {
  display: inline-block;
}
/* line 939, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-pagination-organism .base-component.clear-pagination > *:last-child {
  display: inline-block;
}
@media only screen and (min-width: 769px) {
  /* line 946, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.clear-pagination-organism > *:first-child {
    display: block;
    line-height: 18px;
    margin-bottom: 8px;
    position: initial;
    transform: none;
  }
  /* line 955, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.clear-pagination-organism .base-component.clear-pagination > * {
    display: inline-block;
    margin-right: 5px;
  }
  /* line 959, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.clear-pagination-organism .base-component.clear-pagination > *.pagination-info {
    display: none;
  }
  /* line 963, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.clear-pagination-organism .base-component.clear-pagination > *:first-child {
    display: inline-block;
  }
  /* line 967, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.clear-pagination-organism .base-component.clear-pagination > *:last-child {
    display: inline-block;
    margin-right: 0px;
  }
}

/* line 977, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-pagination .boxed {
  background: #ffffff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}
/* line 983, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-pagination > a, .base-component.clear-pagination > span {
  font-size: 12px;
  font-weight: bold;
  vertical-align: top;
  text-align: center;
  line-height: 32px;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 5px;
}
/* line 995, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-pagination > a:last-child, .base-component.clear-pagination > span:last-child {
  margin-right: 0px;
}
/* line 999, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-pagination > a > *, .base-component.clear-pagination > span > * {
  line-height: 32px;
}
/* line 1004, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-pagination > a {
  color: #1298ff;
}
/* line 1008, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-pagination > span {
  color: #212121;
}
/* line 1011, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-pagination > span i {
  color: #9e9e9e;
}

/* line 1017, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.pagination {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;
  display: table;
  width: 100%;
  position: relative;
}
/* line 1026, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.pagination.with-bottom-border {
  border-bottom: 1px solid #e6e6e6;
}
/* line 1030, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.pagination > div {
  display: table-cell;
  width: 33%;
  text-align: center;
}
/* line 1036, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.pagination .pagination-info {
  color: #333333;
}
/* line 1040, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.pagination .pagination-prev,
.base-component.pagination .pagination-next {
  color: #cccccc;
}
/* line 1044, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.pagination .pagination-prev a,
.base-component.pagination .pagination-prev span,
.base-component.pagination .pagination-next a,
.base-component.pagination .pagination-next span {
  display: block;
  padding: 1.25em;
  text-align: center;
}
/* line 1051, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.pagination .pagination-prev a,
.base-component.pagination .pagination-prev .clickable,
.base-component.pagination .pagination-next a,
.base-component.pagination .pagination-next .clickable {
  color: #1298ff;
}
/* line 1055, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.pagination .pagination-prev a:hover,
.base-component.pagination .pagination-prev .clickable:hover,
.base-component.pagination .pagination-next a:hover,
.base-component.pagination .pagination-next .clickable:hover {
  background-color: #dbf2fd;
}

/* line 1063, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-list .see-more-notes {
  text-align: center;
  padding-bottom: 24px;
}
/* line 1067, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-list .see-more-notes a {
  background-color: #fff;
  border-radius: 4px;
  border: solid 1px #1298ff;
  color: #1298ff;
  font-size: 14px;
  font-weight: bold;
  padding: 16px 84px;
  display: inline-block;
}
@media only screen and (max-width: 480px) {
  /* line 1063, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.notebook-list .see-more-notes {
    padding-left: 12px;
    padding-right: 12px;
  }
  /* line 1082, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.notebook-list .see-more-notes a {
    display: block;
  }
}
/* line 1088, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-list ul {
  padding-bottom: 24px;
}
/* line 1091, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-list ul li {
  border-bottom: solid 1px #eeeeee;
  position: relative;
  height: 80px;
}
/* line 1096, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-list ul li > a {
  display: block;
  height: 100%;
  font-size: 14px;
  color: #212121;
  line-height: 21px;
  padding: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: calc(12px + 56px + 8px);
}
/* line 1109, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-list ul li > a:hover {
  background: whitesmoke;
}
/* line 1113, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-list ul li > a .frame {
  content: "";
  position: absolute;
  display: block;
  left: 12px;
  top: 12px;
  bottom: 12px;
  width: 41px;
  border-radius: 0.3em;
  overflow: hidden;
}
/* line 1124, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-list ul li > a .frame img {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
/* line 1132, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-list ul li > a .super {
  font-size: 12px;
  color: #9e9e9e;
}
/* line 1136, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-list ul li > a .super span {
  display: inline-block;
}
/* line 1139, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-list ul li > a .super span:not(:last-child) {
  margin-right: 12px;
}
/* line 1145, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-list ul li > a .main {
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* line 1152, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-list ul li > a .sub {
  display: flex;
  flex-direction: row;
  font-size: 12px;
  color: #9e9e9e;
}
/* line 1158, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-list ul li > a .sub > div:first-child {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* line 1165, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-list ul li > a .sub > div:last-child {
  text-align: right;
  padding-left: 1em;
  min-width: 10em;
}
/* line 1170, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-list ul li > a .sub > div:last-child span {
  font-size: 12px;
  display: inline-block;
}
/* line 1174, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-list ul li > a .sub > div:last-child span:not(:last-child) {
  margin-right: 9px;
}
/* line 1179, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-list ul li > a .sub > div:last-child i {
  margin-right: 6px;
}

/* line 1189, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.user-list {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;
  background-color: #fff;
}
@media only screen and (min-width: 961px) {
  /* line 1189, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.user-list {
    border-radius: 0.8rem;
    border: 1px solid #e6e6e6;
    border-bottom: none;
    overflow: hidden;
  }
}
/* line 1202, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.user-list .user-link {
  display: table;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  padding: 0.8rem;
  color: #212121;
}
/* line 1211, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.user-list .user-link:hover {
  background-color: whitesmoke;
}
/* line 1216, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.user-list .user-frame {
  border-radius: 50%;
  float: left;
  overflow: hidden;
  display: table-cell;
  border: solid 1px #e6e6e6;
  width: 4.8rem;
  height: 4.8rem;
}
/* line 1225, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.user-list .user-frame img {
  width: 100%;
}
/* line 1230, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.user-list .user-info {
  display: table-cell;
  padding: 0 1.6rem;
  width: 100%;
  vertical-align: top;
  overflow: hidden;
}
/* line 1237, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.user-list .user-info h4 {
  font-size: 1.6rem;
  color: #1298ff;
  line-height: 1.6;
}
/* line 1243, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.user-list .user-info .user-desc {
  width: 100%;
  font-size: 1.2rem;
  overflow: hidden;
  line-height: 1.6;
}

/* line 1252, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-heading-3 {
  font-weight: bold;
  font-size: 1.5rem;
  color: #1298ff;
  padding: 10px;
}

/* line 1259, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-suggest {
  background-color: #fafafa;
  padding: 12px;
  border-radius: 4px;
}
/* line 1264, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-suggest.x-info {
  background-color: #fffbee;
  border-color: #fffbee;
}
@media only screen and (min-width: 961px) {
  /* line 1259, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.clear-suggest {
    position: relative;
  }
  /* line 1272, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.clear-suggest > div:first-child {
    display: table;
    height: 68px;
    width: 52.5%;
    padding-right: 12px;
  }
  /* line 1278, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.clear-suggest > div:first-child p {
    display: table-cell;
    margin-bottom: 0px !important;
    line-height: 21px !important;
    vertical-align: middle;
  }
  /* line 1286, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.clear-suggest > div:last-child {
    position: absolute;
    top: 50%;
    right: 12px;
    left: 52.5%;
    transform: translateY(-50%);
    width: 46.5%;
  }
  /* line 1294, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.clear-suggest > div:last-child a,
  .base-component.clear-suggest > div:last-child button {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
/* line 1302, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-suggest p {
  font-family: Hiragino Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  margin-bottom: 12px;
}
/* line 1313, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-suggest > div:last-child {
  background-color: #fff;
  padding: 12px 13px;
  border-radius: 4px;
}
/* line 1318, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-suggest > div:last-child > a, .base-component.clear-suggest > div:last-child > button {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px;
  padding-top: 11px;
  padding-bottom: 11px;
}

/* line 1332, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-back {
  display: inline-block;
  padding: 12px;
  height: 48px;
  width: 48px;
}

/* line 1339, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-text-input {
  position: relative;
}
/* line 1342, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-text-input input {
  background: #fff;
  border: solid 1px #e0e0e0;
  box-sizing: border-box;
  border-radius: 8px;
  padding-top: 15px;
  padding-bottom: 14px;
  padding-left: 11px;
  padding-right: 49px;
  font-size: 14px;
  line-height: 21px;
  width: 100%;
  outline: none;
  -webkit-appearance: none;
}
/* line 1359, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-text-input input ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #9e9e9e;
  opacity: 1;
  /* Firefox */
}
/* line 1365, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-text-input input :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #9e9e9e;
}
/* line 1370, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-text-input input ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #9e9e9e;
}
/* line 1376, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-text-input img {
  position: absolute;
  right: 0;
  padding: 14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
/* line 1384, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-text-input img:hover {
  cursor: pointer;
}

/* line 1390, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-hot-keyword {
  display: inline-block;
  padding: 5px 8px 4px 8px;
  box-sizing: border-box;
  border: solid 1px #e0e0e0;
  border-radius: 4px;
  font-family: Hiragino Sans;
  line-height: 21px;
  font-size: 14px;
  text-align: center;
  color: #212121;
}
/* line 1403, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-hot-keyword:hover {
  cursor: pointer;
}

/* line 1407, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-hot-keyword-list {
  padding-left: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  white-space: nowrap;
  overflow-x: auto;
}
/* line 1414, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-hot-keyword-list .base-component.tutoring-hot-keyword {
  margin-right: 12px;
}

/* line 1420, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-search-tabs ul {
  display: flex;
  flex-direction: row;
}
/* line 1424, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-search-tabs ul li {
  display: inline-block;
  width: 33.33%;
}
/* line 1428, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-search-tabs ul li:last-child {
  flex: 1;
}
/* line 1432, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-search-tabs ul li .clickable {
  font-family: Hiragino Sans;
  color: #757575;
  border-bottom: solid 2px #e0e0e0;
  display: block;
  width: 100%;
  padding: 8px 0px;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
  text-align: center;
}
/* line 1445, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-search-tabs ul li .clickable.active {
  color: #1298ff;
  border-bottom: solid 2px #1298ff;
}

/* line 1455, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-search-suggest-list > div {
  font-family: Hiragino Sans;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  background-color: #eeeeee;
  color: #757575;
  padding: 16px 12px;
}
/* line 1465, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-search-suggest-list > ul {
  font-family: Hiragino Sans;
  background-color: #fff;
}
/* line 1469, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-search-suggest-list > ul li {
  border-bottom: solid 1px #eeeeee;
  padding-top: 20px;
  padding-bottom: 18px;
  padding-left: 42px;
  background-image: url(http://localhost:3000/assets/tutoring_schools/graduation_cap.svg);
  background-repeat: no-repeat;
  background-position: 12px 50%;
}
/* line 1481, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-search-suggest-list > ul li > span {
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  color: #9e9e9e;
  display: inline-block;
  margin-bottom: 4px;
}
/* line 1491, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-search-suggest-list > ul li > div:last-child {
  font-size: 16px;
  line-height: 22px;
}
/* line 1496, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-search-suggest-list > ul li.school {
  background-image: url(http://localhost:3000/assets/tutoring_schools/ui_icons/search.svg);
  padding-top: 9px;
  padding-bottom: 7px;
}
/* line 1504, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-search-suggest-list > ul li:hover {
  cursor: pointer;
  background-color: rgba(18, 152, 255, 0.1);
}

/* line 1512, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.tutoring-search-suggest-illust {
  background-image: url(http://localhost:3000/assets/tutoring_schools/advanced_search-example.png);
  display: inline-block;
  background-repeat: no-repeat;
  height: 232px;
  width: 285px;
  background-position-x: right;
}

/* line 1522, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.th .base-component.tutoring-search-suggest-illust {
  background-size: contain;
  background-image: url(http://localhost:3000/assets/tutoring_schools/advanced_search-example-th.png);
}

/* line 1529, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-mail-received-illust {
  background-image: url(http://localhost:3000/assets/mail_received.png);
  display: inline-block;
  background-repeat: no-repeat;
  height: 131px;
  width: 152px;
}

/* line 1537, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-timeline-illust {
  background-image: url(http://localhost:3000/assets/guides/timeline.png);
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  height: 232px;
  width: 255px;
}

/* line 1546, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-liked-notes-illust {
  background-image: url(http://localhost:3000/assets/guides/liked_notes.png);
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  height: 232px;
  width: 230px;
}
/* line 1554, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-liked-notes-illust.use-webp {
  background-image: url(http://localhost:3000/assets/guides/liked_notes.webp);
}

/* line 1559, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-bookmarked-pages-illust {
  background-image: url(http://localhost:3000/assets/guides/bookmarked_pages.png);
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  height: 232px;
  width: 230px;
}

/* line 1568, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-created-notes-illust {
  background-image: url(http://localhost:3000/assets/guides/created_notes.png);
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  height: 200px;
  width: 215px;
}

/* line 1577, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-note-view-history-illust {
  background-image: url(http://localhost:3000/assets/guides/note_view_history.png);
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  height: 190px;
  width: 192px;
}
/* line 1585, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.clear-note-view-history-illust.use-webp {
  background-image: url(http://localhost:3000/assets/guides/note_view_history.webp);
}

/* line 1590, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.ranking-title {
  text-align: center;
  font-weight: bold;
  color: #757575;
  line-height: 22px;
  margin: 0px auto;
  padding: 9px 0px;
  font-size: 12px;
}
/* line 1599, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.ranking-title .base-component.ranking-decoration {
  vertical-align: sub;
  margin-right: 5px;
}
@media only screen and (min-width: 769px) {
  /* line 1590, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.ranking-title {
    font-size: 20px;
    line-height: 29px;
    padding: 17.5px 0px;
  }
}

/* line 1611, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.ranking-decoration {
  background-image: url(http://localhost:3000/assets/decorations/ranking.png);
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  height: 22px;
  width: 33px;
}
@media only screen and (min-width: 769px) {
  /* line 1611, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.ranking-decoration {
    height: 29px;
    width: 44px;
  }
}

/* line 1626, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.alert.alert-info, .base-component.alert-info.alert-success, .flash-wrapper .base-component.alert-info.notice, .base-component.alert-info.alert-warning, .flash-wrapper .base-component.alert-info.error {
  display: block;
  border-radius: 4px;
  padding: 11px 11px;
  background: rgba(18, 152, 255, 0.1);
  border: 1px solid #1298ff;
  box-sizing: border-box;
  text-align: left;
  line-height: 20px;
  font-size: 14px;
  font-family: Noto Sans JP;
  font-style: normal;
  font-weight: normal;
  color: #212121;
}
@media only screen and (min-width: 769px) {
  /* line 1626, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
  .base-component.alert.alert-info, .base-component.alert-info.alert-success, .flash-wrapper .base-component.alert-info.notice, .base-component.alert-info.alert-warning, .flash-wrapper .base-component.alert-info.error {
    padding: 21px 22px;
  }
}

/* line 1647, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.tooltip {
  cursor: pointer;
  background: black;
  color: white;
  line-height: 2em;
  padding: 0 0.5em;
  position: absolute;
  right: 1em;
  top: calc(-2em - 6px);
  border-radius: 0.3em;
}
/* line 1658, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.tooltip::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid black;
  position: absolute;
  right: 1em;
  bottom: -4px;
}

/* line 1672, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.pick-interests-list {
  text-align: center;
  padding-bottom: 8px;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
/* line 1680, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.pick-interests-list .base-component.pick-interests-item {
  position: relative;
  left: 8px;
  margin-right: 16px;
  margin-bottom: 16px;
}

/* line 1688, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.pick-interests-item {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: solid 1px #1298ff;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #1298ff;
  overflow: hidden;
  overflow-wrap: break-word;
  user-select: none;
}
/* line 1710, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.pick-interests-item > div {
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}
/* line 1718, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.pick-interests-item:hover {
  cursor: pointer;
}
/* line 1722, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.pick-interests-item.active {
  background-color: #1298ff;
  color: #fff;
}
/* line 1727, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.pick-interests-item.disabled:hover {
  cursor: initial;
}

/* line 1732, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.action-form-button {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  color: #fff;
  border-radius: 30px;
  background-color: #1298ff;
  border: none;
  outline: none;
  padding: 12px 64px 13px;
}
/* line 1745, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.action-form-button:hover {
  cursor: pointer;
}
/* line 1749, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.action-form-button:active {
  filter: brightness(0.7);
}
/* line 1753, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.action-form-button:focus {
  box-shadow: #12aaef 0px 0px 6px;
}

/* line 1759, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.action-form-input-control label {
  display: block;
  color: #424242;
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 0.5rem;
}
/* line 1768, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.action-form-input-control input[type="text"] {
  font-size: 14px;
  appearance: none;
  padding: 16px 13px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  border-radius: 8px;
  width: calc(100% - 2px);
  margin: 1px;
}
/* line 1778, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.action-form-input-control input[type="text"]:focus {
  outline: none;
  border: 3px solid #41c3ff;
  width: 100%;
  padding: 15px 12px;
  margin: 0px;
}
/* line 1786, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.action-form-input-control input[type="text"]::placeholder {
  color: #949494;
}
/* line 1792, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.action-form-input-control.error input[type="text"] {
  background: rgba(255, 90, 90, 0.1);
  border: 1px solid #ff5a5a;
}
/* line 1796, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.action-form-input-control.error input[type="text"]:focus {
  padding: 16px 13px;
  width: calc(100% - 2px);
  margin: 1px;
}
/* line 1803, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.action-form-input-control.error .error-message {
  margin-top: 8px;
  display: block;
  color: #ff5a5a;
}

/* line 1811, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.app-download-banner-modal {
  padding: 12px;
  padding-top: 0px;
  padding-bottom: 0px;
}
/* line 1817, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.app-download-banner-modal .app-download-banner-inner > div:nth-child(3) {
  padding-top: 44px;
}
/* line 1820, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.app-download-banner-modal .app-download-banner-inner > div:nth-child(3) > div:last-child {
  height: 124px;
}

/* line 1829, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2.embedded .base-component.question-v2 {
  padding: 0;
}
/* line 1832, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2.embedded .base-component.question-v2 .question-wrapper-v2 {
  margin-top: 0;
  box-shadow: none;
  border-top: solid 1px #e0e0e0;
}
/* line 1838, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2.embedded .base-component.question-v2 .question-wrapper-v2 > a {
  padding-bottom: 12px;
}
/* line 1841, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2.embedded .base-component.question-v2 .question-wrapper-v2 > a > div:nth-child(3) {
  margin-bottom: 0;
}
/* line 1844, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2.embedded .base-component.question-v2 .question-wrapper-v2 > a > div:nth-child(3) ul {
  margin-bottom: 0;
}
/* line 1851, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 {
  padding: 0 0.8em;
}
/* line 1854, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 .question-wrapper-v2 {
  position: relative;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(228, 167, 167, 0.12);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: block;
  color: #212121;
  background-color: #fff;
  border-radius: 2px;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.8rem;
}
/* line 1870, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 .question-wrapper-v2:hover {
  background-color: #dbf2fd;
}
/* line 1874, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 .question-wrapper-v2 a {
  display: block;
  color: #212121;
  padding: 12px;
  padding-bottom: 56px;
}
/* line 1881, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 > .question-wrapper-v2 a > div:nth-child(1) {
  margin-bottom: 6px;
}
/* line 1884, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 > .question-wrapper-v2 a > div:nth-child(1) > span:nth-child(1) {
  display: inline-block;
  padding: 3px 6px;
  border-radius: 2px;
  background: #eeeeee;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.428571px;
  text-align: center;
}
/* line 1896, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 > .question-wrapper-v2 a > div:nth-child(1) > span:nth-child(2) {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.337647px;
  color: #757575;
  position: relative;
  top: -0.12em;
  margin-left: 12px;
}
/* line 1908, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 > .question-wrapper-v2 a > div:nth-child(1) > time {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.337647px;
  color: #757575;
  position: relative;
  top: -0.12em;
  float: right;
}
/* line 1921, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 > .question-wrapper-v2 a > div:nth-child(2) {
  margin-bottom: 8px;
}
/* line 1924, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 > .question-wrapper-v2 a > div:nth-child(2) h2 {
  font-size: 12px;
  line-height: 16px;
}
/* line 1929, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 > .question-wrapper-v2 a > div:nth-child(2) b {
  color: #1298ff;
}
/* line 1934, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 > .question-wrapper-v2 a > div:nth-child(3) {
  margin-bottom: 12px;
}
/* line 1937, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 > .question-wrapper-v2 a > div:nth-child(3) ul {
  margin-bottom: 6px;
}
/* line 1941, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 > .question-wrapper-v2 a > div:nth-child(3) li {
  background: #eeeeee;
  position: relative;
  display: inline-block;
  height: 72px;
  width: 72px;
  overflow: hidden;
  border-radius: 2px;
  margin-right: 12px;
}
/* line 1952, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 > .question-wrapper-v2 a > div:nth-child(3) li img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
/* line 1960, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 > .question-wrapper-v2 a > div:nth-child(3) p {
  padding: 4px;
  background-color: #eeeeee;
  color: #757575;
  border-radius: 2px;
  font-size: 10px;
  line-height: 16px;
}
/* line 1970, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 > .question-wrapper-v2 > div:last-child {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 40px;
  padding: 12px;
  padding-top: 0;
  padding-bottom: 6px;
}
/* line 1980, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 > .question-wrapper-v2 > div:last-child button {
  position: relative;
  z-index: 1;
}
/* line 1986, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 > .question-wrapper-v2 > div:last-child > span:nth-child(1).active {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.337647px;
  color: #4db6ac;
}
/* line 1993, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 > .question-wrapper-v2 > div:last-child > span:nth-child(1).done {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.337647px;
  color: #ff5a5a;
}
/* line 2001, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 > .question-wrapper-v2 > div:last-child > span:last-child {
  position: absolute;
  right: 12px;
  bottom: 12px;
}
/* line 2006, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.question-index-v2 .base-component.question-v2 > .question-wrapper-v2 > div:last-child > span:last-child > span:last-child {
  font-weight: bold;
  color: #1298ff;
}

/* line 2015, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.login-required {
  font-size: 14px;
  text-align: center;
  padding: 12px;
}
/* line 2021, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.login-required a:hover {
  cursor: pointer;
  filter: brightness(120%);
}
/* line 2026, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.login-required a:active {
  filter: brightness(110%);
}
/* line 2031, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.login-required > div:nth-child(1) {
  margin-bottom: 16px;
}
/* line 2035, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.login-required > div:nth-child(2) {
  margin-bottom: 24px;
}
/* line 2038, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.login-required > div:nth-child(2) a {
  display: inline-block;
  background-color: #1298ff;
  color: #fff;
  padding: 16px 20px;
  border-radius: 4px;
}
/* line 2048, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.login-required > div:nth-child(3) a {
  color: #1298ff;
  text-decoration: underline;
}

/* line 2055, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.question-followup {
  font-family: Hiragino Sans, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.12);
  padding: 16px;
}
/* line 2064, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.question-followup > div:nth-child(1) {
  font-size: 14px;
  color: #757575;
  letter-spacing: 2px;
  text-align: center;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 16px;
}
/* line 2074, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.question-followup > div:nth-child(2) {
  text-align: center;
}
/* line 2077, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.question-followup > div:nth-child(2) button {
  width: calc(50% - 9px);
  background: none;
  color: #1298ff;
  border: solid 1px #1298ff;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 12px;
}
/* line 2086, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.question-followup > div:nth-child(2) button:not(:first-child) {
  margin-left: 12px;
}
/* line 2090, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.question-followup > div:nth-child(2) button:hover {
  cursor: pointer;
  filter: brightness(110%);
}
/* line 2095, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.question-followup > div:nth-child(2) button:active {
  filter: brightness(120%);
}
/* line 2099, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.question-followup > div:nth-child(2) button:disabled {
  cursor: initial;
  filter: grayscale(0.5) brightness(100%);
}

/* line 2107, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.question-followup-list {
  font-family: Hiragino Sans, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.12);
}
/* line 2115, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.question-followup-list > div:nth-child(1) {
  font-size: 14px;
  color: #212121;
  letter-spacing: 2px;
  text-align: center;
  font-weight: bold;
  line-height: 21px;
  padding: 16px;
}

/* line 2126, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-grid-v2 {
  display: inline-block;
  padding: 2px;
  margin: 0;
  width: calc(50% - 3px);
  max-width: 236px;
  vertical-align: top;
}

/* line 2135, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.ad-grid {
  width: 100%;
  min-height: 100px;
  background-color: #efefef;
  margin-top: 9px;
  margin-bottom: 9px;
}

/* line 2143, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 {
  font-family: Hiragino Sans, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;
  position: relative;
  text-align: left;
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}
/* line 2157, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 a {
  transition: all 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* line 2160, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 a:hover {
  opacity: 0.8;
}
/* line 2166, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2.list > div:nth-child(1) {
  background-color: rgba(18, 152, 255, 0.72);
}
/* line 2170, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2.list > div:nth-child(1) > a > div:nth-child(1) {
  height: 100%;
}
/* line 2173, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2.list > div:nth-child(1) > a > div:nth-child(1) > div {
  position: relative;
  float: left;
  width: 50%;
  height: 50%;
  border-radius: 4px;
  overflow: hidden;
}
/* line 2182, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2.list > div:nth-child(1) > a > div:nth-child(1) > div:only-child {
  height: 100%;
  width: 100%;
}
/* line 2190, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2.list.empty > div:nth-child(1) > a > div:nth-child(1) > div:only-child {
  background-color: #e0e0e0;
}
/* line 2193, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2.list.empty > div:nth-child(1) > a > div:nth-child(1) img {
  width: initial;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* line 2203, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(1) {
  padding: 4px;
}
/* line 2207, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(1) > a {
  display: block;
  position: relative;
  width: 100%;
  height: 168px;
  overflow: hidden;
  -webkit-appearance: none;
  border-radius: 4px;
}
/* line 2218, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(1) > a > div:nth-child(1) img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
/* line 2225, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(1) > a > div:nth-child(1) > span {
  position: absolute;
  top: 6px;
  left: 6px;
  -webkit-appearance: none;
  border-radius: 0.2rem;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  padding: 0.4rem;
  color: #fff;
}
/* line 2236, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(1) > a > div:nth-child(1) > span.pro {
  background-color: #ff7152;
}
/* line 2240, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(1) > a > div:nth-child(1) > span.article {
  background-color: #bf57c8;
}
/* line 2245, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(1) > a > div:nth-child(1) > i {
  position: absolute;
  font-size: 4.7em;
  color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
/* line 2255, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(1) > a > div:nth-child(2) {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* line 2263, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(1) > a > div:nth-child(2) span {
  border-radius: 2px 0px 4px;
  display: inline-block;
  padding: 3px 6px;
  padding-top: 5px;
  background-color: rgba(18, 152, 255, 0.8);
  color: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 12px;
}
/* line 2276, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(1) > a > div:nth-child(2) i {
  font-size: 8px;
}
/* line 2282, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(2) {
  padding: 4px;
  padding-top: 0px;
}
/* line 2286, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(2) > div:nth-child(1) {
  font-size: 14px;
  line-height: 21px;
  margin: 4px 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 2295, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(2) > div:nth-child(1) a {
  color: #212121;
  font-weight: bold;
}
/* line 2301, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(2) > div:nth-child(2) {
  position: relative;
  padding-left: 40px;
  min-height: 32px;
}
/* line 2306, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(2) > div:nth-child(2) a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* line 2312, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(2) > div:nth-child(2) a > div:nth-child(1) {
  position: absolute;
  left: 0px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
}
/* line 2320, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(2) > div:nth-child(2) a > div:nth-child(1) img {
  width: 100%;
  height: 100%;
}
/* line 2326, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(2) > div:nth-child(2) a > span:nth-child(2) {
  font-size: 12px;
  line-height: 18px;
  color: #212121;
  color: #1298ff;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 2339, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) {
  color: #757575;
}
/* line 2342, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) span:not(:last-child) {
  display: inline-block;
  margin-right: 12px;
}
/* line 2347, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) i {
  color: #bdbdbd;
}
/* line 2350, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-v2 > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) i.fas.fa-heart {
  color: #1298ff;
}

/* line 2361, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-sticky-v2 {
  position: relative;
  text-align: left;
  width: 100%;
  height: auto;
  padding: 4px;
  background-color: #fff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}
/* line 2372, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-sticky-v2 > div:nth-child(1) {
  min-height: 180px;
}
/* line 2375, /webrails/concourse_rails/app/assets/stylesheets/web/_base.scss */
.base-component.notebook-sticky-v2 > div:nth-child(1) img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}

/* line 10, /webrails/concourse_rails/app/assets/stylesheets/web/_layout.scss */
header {
  overflow: hidden;
  overflow: visible;
  margin: 0;
  padding: 0;
}

/* line 18, /webrails/concourse_rails/app/assets/stylesheets/web/_layout.scss */
h1 {
  font-size: 1em;
  margin: 0;
  padding: 0;
}
/* line 22, /webrails/concourse_rails/app/assets/stylesheets/web/_layout.scss */
h1 img {
  height: 2.5em;
}
/* line 24, /webrails/concourse_rails/app/assets/stylesheets/web/_layout.scss */
h1 img:hover {
  opacity: .7;
}
/* line 28, /webrails/concourse_rails/app/assets/stylesheets/web/_layout.scss */
h1 a {
  margin: auto;
}

/* line 33, /webrails/concourse_rails/app/assets/stylesheets/web/_layout.scss */
main {
  padding: 0;
}

/* line 10, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.container, .registrations__container, .sessions-new__container, .banner, .question-new-error__container, .answers-new__container, .answers-new-error__container, .responses-new__container, .responses-new-error__container, .user-edit__container, .album-form {
  max-width: 960px;
  margin: 0 auto;
}

/* line 15, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.contents__bg, .registrations__bg, .sessions-new__bg, .timelines__bg, .study_talks__bg, .unpublished__bg, .author__bg, .featured-tutoring-schools__bg,
.tutoring-schools-columns__bg, .questions__bg, .question-new__bg, .question-answers__bg, .mypage__bg, .user-edit__bg {
  background-color: #EEEEEE;
}

/* line 20, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.error__title {
  font-size: 1.6em;
  padding: .5em;
  line-height: 1.4;
  margin: 0 8px;
}

/* line 26, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.error__description {
  margin: 0 16px;
}

/* line 31, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pagenation__container {
  max-width: 960px;
  margin: auto;
  background-color: #fff;
}

/* line 37, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pagenation--with_bottomline {
  border-bottom: 1px solid #e6e6e6;
}

/* line 40, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pagenation--with-line {
  border-top: 1px solid #e6e6e6;
}

/* line 43, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pagenation__no-link, .question__pagenation__no-link {
  padding: 1.25em;
}

/* line 46, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pagenation__cell, .pagenation__back, .question__pagenation__back, .pagenation__number, .question__pagenation__number, .pagenation__forward, .question__pagenation__forward {
  display: table-cell;
  width: 33%;
  text-align: center;
  color: #cccccc;
}

/* line 55, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pagenation__number, .question__pagenation__number {
  color: #333333;
}

/* line 62, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pagenation__btn, .question__pagenation__btn {
  display: block;
  padding: 1.25em;
  color: #1298ff;
  text-align: center;
}
/* line 67, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pagenation__btn:hover, .question__pagenation__btn:hover {
  background-color: #e8f5ff;
}

/* line 73, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.avatar__img, .timeline-avatar__img, .study_talk-avatar__img, .answers-question-avatar__img, .answers-answer-avatar__img, .answers-comment-avatar__img, .responses-answer-avatar__img, .responses-response-avatar__img {
  -webkit-appearance: none;
  border-radius: 50%;
  /* CSS3草案 */
  -webkit-border-radius: 50%;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50%;
  /* Firefox用 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: block;
  overflow: hidden;
  width: 3.2em;
  height: 3.2em;
}
/* line 80, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.avatar__img img, .timeline-avatar__img img, .study_talk-avatar__img img, .answers-question-avatar__img img, .answers-answer-avatar__img img, .answers-comment-avatar__img img, .responses-answer-avatar__img img, .responses-response-avatar__img img {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 3.2em;
  height: 3.2em;
}

/* line 91, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.detail__container {
  max-width: 960px;
  margin: auto;
  background-color: #fff;
}

/* line 96, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.detail {
  position: relative;
}

/* line 99, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.detail__btn {
  display: block;
  padding: 1em 2em;
  color: #1298ff;
  text-align: center;
  font-size: 1.2em;
}
/* line 107, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.detail__btn:hover {
  background-color: #e8f5ff;
}

/* line 111, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.detail__icon {
  position: absolute;
  top: .2em;
  left: 97%;
  height: 1.5em;
}

/* line 119, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sns {
  padding: 1em;
  text-align: center;
  background-color: #e0e0e0;
}

/* line 124, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sns__container {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

/* line 129, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sns__title {
  font-size: 1rem;
  margin: 0;
  float: left;
  padding: 1rem 0 0 0;
  color: #999999;
}

/* line 136, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sns__title-img {
  height: 1.15em;
}

/* line 139, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sns__icons {
  float: left;
}

/* line 142, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sns__icon {
  float: left;
  margin-left: .5em;
}

/* line 146, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sns__btn:hover {
  opacity: .6;
}

/* line 149, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sns__icon-img {
  padding: 0;
  height: 3em;
}

/* line 155, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.alert, .alert-success, .flash-wrapper .notice, .alert-warning, .flash-wrapper .error {
  -webkit-appearance: none;
  border-radius: 0.3em;
  /* CSS3草案 */
  -webkit-border-radius: 0.3em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.3em;
  /* Firefox用 */
  font-size: 1.2rem;
  padding: 2rem;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 2rem;
}
/* line 162, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.alert h2, .alert-success h2, .flash-wrapper .notice h2, .alert-warning h2, .flash-wrapper .error h2 {
  font-size: 1.6rem;
}

/* line 166, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.alert-success, .flash-wrapper .notice {
  background-color: #dbeed3;
  color: #356b35;
  border: 1px solid #d0e6bf;
}

/* line 172, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.alert-warning, .flash-wrapper .error {
  background-color: #f0d9d9;
  color: #9f3b56;
  border: 1px solid #e8c5cb;
}

/* line 178, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.field-with-errors {
  float: left;
}

/* line 181, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.field-with-errors .error {
  font-size: 1.2rem;
  color: #356b35;
  font-weight: bold;
  margin-top: .8rem;
}

/* line 188, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.form-label, .album-form-label {
  font-size: 1.2rem;
  color: #757575;
}

/* line 192, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.form-checkbox__container {
  height: 3.2rem;
  padding: 1.6rem 0;
  font-size: 1.2rem;
}

/* line 197, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.form-description {
  font-size: 1rem;
  color: #757575;
  margin-top: .4rem;
}

/* line 202, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.form-control, .album-form-control {
  -webkit-appearance: none;
  border-radius: 0.3em;
  /* CSS3草案 */
  -webkit-border-radius: 0.3em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.3em;
  /* Firefox用 */
  margin-top: .5em;
  width: 100%;
  height: 4em;
  border: 1px solid #b3b3b3;
}

/* line 209, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.form-group {
  margin-bottom: 1.6rem;
}

/* line 213, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.form__btn, .form-main__btn, .album-form__btn, .form-sub__btn, .album-form-sub__btn {
  -webkit-appearance: none;
  border-radius: 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem;
  /* Firefox用 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border: 1px solid #1298ff;
  margin: .8rem auto 0 auto;
  padding: 1.2rem;
  display: block;
  color: #fff;
  position: relative;
  width: 100%;
  max-width: 960px;
  background-color: #1298ff;
  text-align: center;
  font-size: 1.4rem;
}
/* line 216, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.form__btn:hover, .form-main__btn:hover, .album-form__btn:hover, .form-sub__btn:hover, .album-form-sub__btn:hover {
  opacity: 0.5;
}

/* line 232, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.form-main__btn, .album-form__btn {
  color: #fff;
  background-color: #1298ff;
}

/* line 238, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.title {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1.6rem;
}

/* line 243, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.date__tx, .notebook-date, .question__header__date {
  text-align: right;
  color: #b3b3b3;
}

/* line 249, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.content--status_fixedfooter {
  margin-bottom: -5em;
  padding-bottom: 5em;
}

/* line 254, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.fixed__footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  position: fixed;
  left: 0;
  z-index: 9999999999;
  height: 5em;
}

/* line 267, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header-shadow {
  position: relative;
  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2);
  z-index: 1;
  padding-top: 3.8rem;
  box-shadow: none;
  border-bottom: solid 1px #dedede;
}
@media only screen and (min-width: 769px) {
  /* line 267, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .header-shadow {
    padding-top: 4rem;
  }
}

/* line 282, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.floating__btn, .notebook-floating__btn, .notebook-liked-floating__btn, .page-floating__btn, .page-liked-floating__btn {
  position: fixed;
  width: 6.4rem;
  height: 6.4rem;
  right: 2.4rem;
  bottom: 8rem;
  background-color: #1298ff;
  color: #FFF;
  border-radius: 3.2rem;
  text-align: center;
  box-shadow: 0.3rem 0.3rem 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
  z-index: 10;
  border: none;
  cursor: pointer;
}

/* line 297, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.floating__btn:hover, .notebook-floating__btn:hover, .notebook-liked-floating__btn:hover, .page-floating__btn:hover, .page-liked-floating__btn:hover {
  background-color: #1298ff;
}

/* line 300, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.floating__ic {
  height: auto;
}

/* line 305, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.footer-banner {
  background-color: #EEEEEE;
  padding: 1.5em 0.75em;
  text-align: center;
}
/* line 11, /webrails/concourse_rails/app/assets/stylesheets/web/_mixins.scss */
.footer-banner a:hover {
  opacity: 0.5;
}

/* line 312, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.footer-banner__img {
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

/* line 320, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.footer-form {
  background: #0e84df;
  color: #fffef9;
  -webkit-appearance: none;
  border-radius: 1.6rem;
  /* CSS3草案 */
  -webkit-border-radius: 1.6rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 1.6rem;
  /* Firefox用 */
  display: inline;
  padding: .4rem 1.6rem;
}

/* line 331, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.search__container {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  visibility: hidden;
}

/* line 339, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.search {
  background-color: #f0f0f0;
  padding: 0;
  width: 100%;
  height: 4.5em;
  border-bottom: 2px solid #1298ff;
}

/* line 346, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.search__close {
  display: table-cell;
  width: 4.5em;
  height: 4.5em;
  background-color: #1298ff;
}

/* line 352, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.search__btn {
  display: block;
  height: 100%;
  width: 4.5em;
}

/* line 357, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.search__img {
  position: relative;
  top: 1.4em;
  left: 1.4em;
  width: 1.7em;
  height: 1.7em;
}

/* line 364, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.search__textbox_container {
  display: table-cell;
  width: 100%;
  height: 0em;
  padding: 0em .75em;
  vertical-align: middle;
}

/* line 373, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.settings, .questions__filter__options, .questions__filter__status__options, .questions__filter__grade__options, .questions__filter__subject__options, .school-years-settings {
  position: fixed;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 2rem;
  visibility: hidden;
  padding-top: 15rem;
}

/* line 383, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.settings__contents, .questions__filter__options__contents {
  position: relative;
  -webkit-appearance: none;
  border-radius: 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem;
  /* Firefox用 */
  overflow: hidden;
}

/* line 388, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.settings__cat, .questions__filter__options__cat {
  position: relative;
  border-top: 1px solid #e6e6e6;
  background-color: #f0f0f0;
  padding: 1em;
  font-size: 1.2em;
}

/* line 395, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.settings__option, .questions__filter__options__option {
  position: relative;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
}

/* line 400, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.settings__btn, .questions__filter__options__btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1.5rem 1rem 1.5rem 2rem;
  display: block;
  font-size: 1.2em;
  color: #666666;
}
/* line 409, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.settings__btn:hover, .questions__filter__options__btn:hover {
  background-color: #f2faff;
}

/* line 413, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.settings__img, .questions__filter__options__img {
  position: absolute;
  top: 1.45rem;
  left: .5rem;
  width: 1rem;
  height: 1rem;
}

/* line 420, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.settings__options_active, .questions__filter__options__options_active {
  background-image: url(http://localhost:3000/assets/web/ic_check.gif);
  background-repeat: no-repeat;
  background-size: auto .75em;
  background-position: 1em 50%;
}

/* line 425, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.settings__header, .subjects__header, .questions__filter__options__header, .questions__filter__status__options__header, .questions__filter__grade__options__header, .questions__filter__subject__options__header {
  overflow: hidden;
  width: 100%;
  height: 4.5em;
}

/* line 430, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.settings__close, .questions__filter__options__close {
  width: 4.5em;
  height: 4.5em;
  float: right;
  background-color: #1298ff;
}

/* line 436, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.settings__close__btn, .subjects__close__btn, .questions__filter__options__close__btn {
  display: block;
  height: 100%;
  width: 100%;
}

/* line 441, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.settings__close__img, .subjects__close__img, .questions__filter__options__close__img {
  position: relative;
  top: 1.4em;
  left: 1.4em;
  width: 1.7em;
  height: 1.7em;
}

/* line 452, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.subjects {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 200%;
  background-color: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  padding: 2rem;
}

/* line 461, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.subjects__contents {
  position: relative;
  -webkit-appearance: none;
  border-radius: 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem;
  /* Firefox用 */
  overflow: hidden;
}

/* line 466, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.subjects__cat {
  position: relative;
  border-top: 1px solid #e6e6e6;
  background-color: #f0f0f0;
  padding: 1em;
  font-size: 1.2em;
}

/* line 473, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.subjects__option {
  position: relative;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
}

/* line 478, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.subjects__btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1.5rem 1rem 1.5rem 2rem;
  display: block;
  font-size: 1.2em;
  color: #666666;
}
/* line 489, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.subjects__btn:hover {
  background-color: #f2faff;
}

/* line 493, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.subjects__img {
  position: absolute;
  top: 1.45rem;
  left: .5rem;
  width: 1rem;
  height: 1rem;
}

/* line 500, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.subjects__options_active {
  background-image: url(http://localhost:3000/assets/web/ic_check.gif);
  background-repeat: no-repeat;
  background-size: auto .75em;
  background-position: 1em 50%;
}

/* line 508, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.subjects__close {
  width: 4.5em;
  height: 4.5em;
  background-color: #1298ff;
}

/* line 522, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.nav {
  height: 4rem;
}

/* line 526, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header-center {
  vertical-align: top;
  text-align: center;
  width: 100%;
  height: 4rem;
  padding-left: 1.6rem;
}

/* line 534, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header-center-content {
  text-align: left;
  height: 4rem;
}

/* line 539, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.bottom-navi-padding {
  margin-bottom: 8rem;
}

/* line 543, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header-right {
  position: absolute;
  right: 0;
}

/* line 547, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header-grade, .header-school-year {
  vertical-align: middle;
  display: table-cell;
  padding: .8rem;
}

/* line 552, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header-grade__btn, .header-school-year__btn {
  display: block;
  background: #1298ff;
  color: #fff;
  -webkit-appearance: none;
  border-radius: 1.2rem;
  /* CSS3草案 */
  -webkit-border-radius: 1.2rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 1.2rem;
  /* Firefox用 */
  padding: .2rem .8rem;
  margin-top: .4rem;
  font-size: 1rem;
}

/* line 564, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header__active {
  background-color: #fff;
}

/* line 569, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header__account {
  display: table-cell;
  vertical-align: top;
  width: 4.5em;
}

/* line 576, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.globalnavi-mypage__ic {
  background-image: url(http://localhost:3000/ic_mypage.png);
}

/* line 580, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.globalnavi__btn--active .globalnavi-mypage__ic {
  background-image: url(http://localhost:3000/ic_mypage_on.png);
}

/* line 589, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header__back {
  position: absolute;
  margin: .75em .5em;
  top: 0px;
  left: 0px;
}

/* line 595, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header__back__btn {
  background-image: url(http://localhost:3000/assets/web/header_back.gif);
  background-repeat: no-repeat;
  -webkit-appearance: none;
  border-radius: 0.3em;
  /* CSS3草案 */
  -webkit-border-radius: 0.3em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.3em;
  /* Firefox用 */
  background-size: contain;
  padding: 1em 1em 1em 1.5em;
  float: left;
  text-align: center;
  display: block;
  color: #1298ff;
  background-color: #fff;
  background-position: center left;
}
/* line 608, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header__back__btn:hover {
  opacity: .7;
}

/* line 618, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header-whatcanido__btn {
  -webkit-appearance: none;
  border-radius: 1.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 1.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 1.4rem;
  /* Firefox用 */
  left: 100%;
  color: #fff;
  padding: .4rem .8rem;
  font-size: 1rem;
  background-color: #1298ff;
}

/* line 626, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header-whatcanido {
  line-height: 1.2rem;
  margin-top: .4rem;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
  padding-left: .8rem;
}

/* line 637, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header-menu__container {
  height: 2.8rem;
  width: 100%;
  text-align: right;
  background-color: #0e84df;
  overflow: hidden;
}

/* line 644, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header-menu {
  width: auto;
  float: right;
  display: table;
}

/* line 649, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header-menu__btn {
  display: table-cell;
  height: 2.8rem;
  width: auto;
  color: #fff;
  padding: .8rem;
  font-size: 1.2rem;
  vertical-align: middle;
}

/* line 658, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header-menu-btn__tx {
  display: inline;
}

/* line 661, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header-login__btn {
  display: table-cell;
}

/* line 664, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header-login-avatar {
  display: table-cell;
  vertical-align: middle;
}

/* line 668, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.header-login-avatar__img {
  -webkit-appearance: none;
  border-radius: 50%;
  /* CSS3草案 */
  -webkit-border-radius: 50%;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50%;
  /* Firefox用 */
  float: left;
  width: 2rem;
  height: 2rem;
}

/* line 676, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.white__container, .registrations__container, .sessions-new__container, .timeline__container, .timeline__container-linked, .timeline__container.clickable, .study_talk__container, .study_talk__container-linked, .study_talk__container.clickable, .authorinfo, .question__container, .question-new__container, .answers-answer__container, .user-edit__container {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-align: left;
  width: 100%;
  position: relative;
  height: auto;
  background: #fff;
  padding: .4rem;
}
/* line 20, /webrails/concourse_rails/app/assets/stylesheets/web/_mixins.scss */
.white__container a:hover, .registrations__container a:hover, .sessions-new__container a:hover, .timeline__container a:hover, .timeline__container-linked a:hover, .study_talk__container a:hover, .study_talk__container-linked a:hover, .authorinfo a:hover, .question__container a:hover, .question-new__container a:hover, .answers-answer__container a:hover, .user-edit__container a:hover {
  opacity: 0.5;
}

/* line 687, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.btn, .submit__btn, .action__btn, .registrations__btn, .question-new__btn, .answers-answer-new__btn, .answers-new__btn, .responses-new__btn, .edit__btn, .authorinfo-edit__btn, .grey__btn, .timeline__btn, .study_talk__btn, .answers-comment__btn {
  -webkit-appearance: none;
  border-radius: 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem;
  /* Firefox用 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin: .8rem auto 1.6rem auto;
  padding: 1.6rem;
  display: block;
  position: relative;
  width: 100%;
  max-width: 960px;
  text-align: center;
  font-size: 1.4rem;
}
/* line 690, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.btn:hover, .submit__btn:hover, .action__btn:hover, .registrations__btn:hover, .question-new__btn:hover, .answers-answer-new__btn:hover, .answers-new__btn:hover, .responses-new__btn:hover, .edit__btn:hover, .authorinfo-edit__btn:hover, .grey__btn:hover, .timeline__btn:hover, .study_talk__btn:hover, .answers-comment__btn:hover {
  opacity: 0.5;
}

/* line 702, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.submit__btn, .action__btn, .registrations__btn, .question-new__btn, .answers-answer-new__btn, .answers-new__btn, .responses-new__btn {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  color: #fff;
  background-color: #4db6ac;
  border: none;
}

/* line 710, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.edit__btn, .authorinfo-edit__btn {
  color: #1298ff;
  background-color: transparent;
  border: 1px solid #1298ff;
}

/* line 717, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.grey__btn, .timeline__btn, .study_talk__btn, .answers-comment__btn {
  color: #1298ff;
  margin: 1.6rem auto 0 auto;
  padding: 1.6rem;
  background-color: #eeeeee;
}

/* line 726, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.action__btn {
  font-weight: bold;
  background-color: #1298ff;
}

/* line 732, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.links__container {
  text-align: center;
  font-size: 1.2rem;
}

/* line 736, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.link__btn {
  display: block;
  margin-bottom: 1.2rem;
  color: #1298ff;
}

/* line 742, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.action__btn.content-partner-schools:hover {
  opacity: 1;
}

/* line 745, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.action__btn.content-partner-schools:active {
  filter: grayscale(0.4);
}

/* line 750, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.registrations__bg {
  -webkit-appearance: none;
  border-radius: 0;
  /* CSS3草案 */
  -webkit-border-radius: 0;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0;
  /* Firefox用 */
  padding-top: 4rem;
}

/* line 755, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.registrations__container {
  padding: 2.4rem;
}

/* line 766, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sessions-new__bg {
  padding-top: 4rem;
}

/* line 770, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sessions-new__container {
  -webkit-appearance: none;
  border-radius: 0;
  /* CSS3草案 */
  -webkit-border-radius: 0;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0;
  /* Firefox用 */
  padding: 2.4rem;
}

/* line 776, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sessions-new-rememberme__container {
  text-align: center;
  font-size: 1.2rem;
  color: #757575;
}

/* line 788, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.tabs, .mypage-tabs__container, .mypage-2nd-tabs__container {
  position: relative;
  overflow: auto;
  background-color: #fafafa;
  background-color: initial;
}
/* line 795, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.tabs.initializing .tabs__btn, .initializing.mypage-tabs__container .tabs__btn, .initializing.mypage-2nd-tabs__container .tabs__btn, .tabs.initializing .mypage-tab__btn, .initializing.mypage-tabs__container .mypage-tab__btn, .initializing.mypage-2nd-tabs__container .mypage-tab__btn, .tabs.initializing .mypage-2nd-tab__btn, .initializing.mypage-tabs__container .mypage-2nd-tab__btn, .initializing.mypage-2nd-tabs__container .mypage-2nd-tab__btn {
  color: transparent;
  cursor: initial !important;
  position: relative;
}
/* line 800, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.tabs.initializing .tabs__btn:hover, .initializing.mypage-tabs__container .tabs__btn:hover, .initializing.mypage-2nd-tabs__container .tabs__btn:hover, .tabs.initializing .mypage-tab__btn:hover, .initializing.mypage-tabs__container .mypage-tab__btn:hover, .initializing.mypage-2nd-tabs__container .mypage-tab__btn:hover, .tabs.initializing .mypage-2nd-tab__btn:hover, .initializing.mypage-tabs__container .mypage-2nd-tab__btn:hover, .initializing.mypage-2nd-tabs__container .mypage-2nd-tab__btn:hover {
  cursor: initial !important;
  background-color: initial;
}
/* line 806, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.tabs.initializing .tabs__btn--status_active, .initializing.mypage-tabs__container .tabs__btn--status_active, .initializing.mypage-2nd-tabs__container .tabs__btn--status_active, .tabs.initializing .mypage-2nd-tab__btn--active, .initializing.mypage-tabs__container .mypage-2nd-tab__btn--active, .initializing.mypage-2nd-tabs__container .mypage-2nd-tab__btn--active {
  border-bottom-width: 0;
  background: initial !important;
}
/* line 811, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.tabs.initializing .tabs__btn:before, .initializing.mypage-tabs__container .tabs__btn:before, .initializing.mypage-2nd-tabs__container .tabs__btn:before, .tabs.initializing .mypage-tab__btn:before, .initializing.mypage-tabs__container .mypage-tab__btn:before, .initializing.mypage-2nd-tabs__container .mypage-tab__btn:before, .tabs.initializing .mypage-2nd-tab__btn:before, .initializing.mypage-tabs__container .mypage-2nd-tab__btn:before, .initializing.mypage-2nd-tabs__container .mypage-2nd-tab__btn:before {
  content: '';
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 8px;
  right: 8px;
  background: #eeeeee;
  border-radius: .75em;
}

/* line 823, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.tabs__btns, .mypage-tabs, .mypage-2nd-tabs {
  display: table;
  margin: 0;
  padding: 0;
  position: relative;
  height: 4.5rem;
}

/* line 830, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.tab-event__subtitle {
  position: relative;
  font-size: 1rem;
  top: -.5rem;
}

/* line 835, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.tab-event__title {
  font-size: 1.2rem;
}

/* line 839, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.tabs__btn__wrapper, .mypage-tab, .mypage-2nd-tab, .mypage-notebooks-tab {
  font-size: 1.2rem;
  display: table-cell;
}

/* line 844, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pronote.tabs__btn__wrapper > a:hover, .pronote.mypage-tab > a:hover, .pronote.mypage-2nd-tab > a:hover, .pronote.mypage-notebooks-tab > a:hover {
  color: #ff7152;
  border-bottom-color: #ff7152;
}

/* line 848, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pronote.tabs__btn__wrapper > .tabs__btn--status_active, .pronote.mypage-tab > .tabs__btn--status_active, .pronote.mypage-2nd-tab > .tabs__btn--status_active, .pronote.mypage-notebooks-tab > .tabs__btn--status_active, .pronote.tabs__btn__wrapper > .mypage-2nd-tab__btn--active, .pronote.mypage-tab > .mypage-2nd-tab__btn--active, .pronote.mypage-2nd-tab > .mypage-2nd-tab__btn--active, .pronote.mypage-notebooks-tab > .mypage-2nd-tab__btn--active {
  background: #ff7152;
}

/* line 851, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pronote.tabs__btn__wrapper > .tabs__btn--status_active:hover, .pronote.mypage-tab > .tabs__btn--status_active:hover, .pronote.mypage-2nd-tab > .tabs__btn--status_active:hover, .pronote.mypage-notebooks-tab > .tabs__btn--status_active:hover, .pronote.tabs__btn__wrapper > .mypage-2nd-tab__btn--active:hover, .pronote.mypage-tab > .mypage-2nd-tab__btn--active:hover, .pronote.mypage-2nd-tab > .mypage-2nd-tab__btn--active:hover, .pronote.mypage-notebooks-tab > .mypage-2nd-tab__btn--active:hover {
  color: #fff;
}

/* line 855, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.tabs__btn, .mypage-tab__btn, .mypage-2nd-tab__btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: .8em 1em;
  display: block;
  white-space: nowrap;
  text-decoration: none;
  color: #757575;
  height: 4.5rem;
  text-align: center;
  color: #555555;
  margin-top: 1px;
  height: 48px;
}

/* line 871, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.tabs__btn:hover, .mypage-tab__btn:hover, .mypage-2nd-tab__btn:hover {
  box-sizing: border-box;
  color: #1298ff;
  background-color: #fff;
  border-bottom: 0.3rem solid #1298ff;
}

/* line 878, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.tabs__btn--status_active, .mypage-2nd-tab__btn--active {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  color: #fff;
  background-color: #1298ff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}
/* line 885, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.tabs__btn--status_active:hover, .mypage-2nd-tab__btn--active:hover {
  color: #fff;
  background-color: #1298ff;
  filter: brightness(110%);
}

/* line 892, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.tab-event__subtitle {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: .8em;
  font-weight: 500 !important;
}

/* line 899, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.tab-event__title {
  position: relative;
  top: -1.3em;
  text-align: center;
}

/* line 908, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sort, .search__sort {
  position: relative;
  background-color: #eeeeee;
  padding-top: 1em;
  height: 5em;
  width: 100%;
  font-style: 24em;
  padding-top: 16px;
  padding-bottom: 8px;
}

/* line 919, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sort__btns {
  -webkit-appearance: none;
  border-radius: 0.3em;
  /* CSS3草案 */
  -webkit-border-radius: 0.3em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.3em;
  /* Firefox用 */
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  list-style-type: none;
}

/* line 927, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sort__btn__wrapper, .sort__btn__wrapper--status_active {
  width: 7em;
  text-align: center;
  display: block;
  float: left;
  background-color: #fff;
  border: 1px solid #b3b3b3;
  border-color: #E5E5E5;
}

/* line 936, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sort__btn__wrapper--status_active {
  background-color: #b3b3b3;
}

/* line 940, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sort__btn--pos_left {
  border-radius: 0.3em 0 0 0.3em;
  -webkit-border-radius: 0.3em 0 0 0.3em;
  -moz-border-radius: 0.3em 0 0 0.3em;
  border-right: 0px;
  overflow: hidden;
}

/* line 945, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sort__btn--pos_right {
  border-radius: 0 0.3em 0.3em 0;
  -webkit-border-radius: 0 0.3em 0.3em 0;
  -moz-border-radius: 0 0.3em 0.3em 0;
  border-left: 0px;
  overflow: hidden;
}

/* line 950, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sort__btn, .sort__btn--status_active {
  display: block;
  padding: .9em .5em .8em;
  color: #b3b3b3;
}
/* line 956, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sort__btn:hover, .sort__btn--status_active:hover {
  background-color: #f2f2f2;
}

/* line 960, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sort__btn--status_active {
  color: #fff;
}
/* line 963, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.sort__btn--status_active:hover {
  background-color: #999999;
}

/* line 968, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.banner-light__container, .banner-dark__container {
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0.8em;
  /* CSS3草案 */
  -webkit-border-radius: 0.8em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.8em;
  /* Firefox用 */
  position: relative;
  margin: 0 .8rem .8rem;
  padding: 1rem;
  max-width: 960px;
  background-color: #e7f6fd;
  border: 1px solid #e6e6e6;
}
/* line 11, /webrails/concourse_rails/app/assets/stylesheets/web/_mixins.scss */
.banner-light__container a:hover, .banner-dark__container a:hover {
  opacity: 0.5;
}

/* line 980, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.banner {
  width: 100%;
  max-width: 500px;
  display: table;
}

/* line 986, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.banner__left {
  display: table-cell;
  width: 4rem;
}

/* line 990, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.banner-clear__img {
  width: 4rem;
}

/* line 993, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.banner-google__img {
  width: 6rem;
}

/* line 996, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.banner-appstore__img {
  width: 6rem;
}

/* line 999, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.banner__center {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  padding: 0 1rem;
}

/* line 1005, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.banner-light-precatch, .banner-dark-precatch {
  font-size: 1rem;
  color: #1298ff;
}

/* line 1009, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.banner-light-catch, .banner-dark-catch {
  margin-top: .3rem;
  font-size: 1.4rem;
  color: #1298ff;
  line-height: 1.5;
}

/* line 1015, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.banner-light-function, .banner-dark-function {
  display: none;
}

/* line 1018, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.banner__right {
  display: table-cell;
  width: 5.9rem;
  vertical-align: middle;
}

/* line 1024, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.banner-dark__container {
  background-color: #1298ff;
}

/* line 1028, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.banner-dark-precatch {
  color: #fff;
}

/* line 1032, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.banner-dark-catch {
  color: #fff;
}

/* line 1040, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.banner-app__container {
  height: 4rem;
  line-height: 4rem;
  padding: 0;
  background-color: #e7f6fd;
  border-bottom: 0;
}
/* line 1046, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.banner-app__container a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
/* line 1050, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.banner-app__container a span {
  display: inline-block;
  vertical-align: middle;
  padding-left: .5em;
  font-size: 1.4em;
}
/* line 1057, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.banner-app__container a, .banner-app__container a:active, .banner-app__container a:hover, .banner-app__container a:visited {
  color: #1298ff;
}

/* line 1063, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timelines__bg, .study_talks__bg {
  padding-top: 1.6rem;
}

/* line 1067, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timelines, .study_talks {
  padding-bottom: .8em;
}

/* line 1070, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline__container, .timeline__container-linked, .timeline__container.clickable, .study_talk__container, .study_talk__container-linked, .study_talk__container.clickable {
  overflow: hidden;
  position: relative;
  margin: .8rem auto 0 auto;
  padding: .8rem;
  display: block;
  width: 100%;
  max-width: 960px;
}

/* line 1082, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline__container-linked:hover, .timeline__container.clickable:hover, .clickable.timeline__container-linked:hover {
  background-color: #e8f5ff;
}

/* line 1089, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.study_talk__container-linked:hover, .study_talk__container.clickable:hover, .clickable.study_talk__container-linked:hover {
  background-color: #e8f5ff;
}

/* line 1094, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline, .study_talk {
  overflow: hidden;
  margin: 0;
  padding: 0 .8em;
  position: relative;
}

/* line 1100, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-header, .study_talk-header {
  overflow: hidden;
  width: 100%;
}

/* line 1104, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-header-date, .study_talk-header-date {
  float: right;
  color: #b3b3b3;
}

/* line 1109, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-message, .study_talk-message {
  display: table;
}

/* line 1112, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-avatar__img, .study_talk-avatar__img {
  display: table-cell;
}

/* line 1116, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-message__tx, .study_talk-message__tx {
  display: table-cell;
  vertical-align: middle;
  color: #757575;
  padding-left: .8rem;
  line-height: 1.6;
}

/* line 1123, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-contents, .timeline-image__container, .study_talk-image__container, .study_talk-contents {
  margin-top: .4rem;
  font-size: 1.2rem;
  line-height: 1.6;
  width: 100%;
  color: #212121;
}
/* line 1129, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-contents p, .timeline-image__container p, .study_talk-image__container p, .study_talk-contents p {
  margin-bottom: 1.2rem;
}

/* line 1133, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-notebook, .study_talk-notebook {
  margin-top: .8rem;
  overflow: hidden;
  border: solid 1px #e0e0e0;
  -webkit-appearance: none;
  border-radius: 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem;
  /* Firefox用 */
}

/* line 1139, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-notebook__img, .study_talk-notebook__img {
  float: left;
  width: 4rem;
  height: 5.4rem;
  -webkit-appearance: none;
  border-radius: 0.4rem 0 0 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem 0 0 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem 0 0 0.4rem;
  /* Firefox用 */
  overflow: hidden;
  background: #9e9e9e;
}
/* line 1146, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-notebook__img img, .study_talk-notebook__img img {
  width: 4.5em;
}

/* line 1150, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-notebook__right, .study_talk-notebook__right {
  float: left;
  padding: 0 .8rem;
}

/* line 1154, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-notebook__cat, .study_talk-notebook__cat {
  overflow: hidden;
  color: #999999;
  margin-top: .8rem;
  overflow: visible;
  font-size: 1rem;
  display: block;
  height: .8rem;
}
/* line 1162, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-notebook__cat li, .study_talk-notebook__cat li {
  display: block;
  float: left;
  margin-right: 1em;
}

/* line 1168, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-notebook__title, .study_talk-notebook__title {
  margin-top: .8rem;
  font-size: 1.6rem;
  color: #212121;
}

/* line 1177, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline__img, .study_talk__img {
  width: 100%;
}

/* line 1180, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-image__container, .study_talk-image__container {
  text-align: center;
}

/* line 1184, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-pagination__container, .study_talk-pagination__container {
  max-width: 960px;
  margin: auto;
  background-color: #fff;
}

/* line 1189, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-pagination, .study_talk-pagination {
  display: table;
  width: 100%;
  position: relative;
  border-top: 1px solid #e6e6e6;
}

/* line 1197, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timelines--not__exist, .study_talk--not__exist {
  padding: 1.6rem;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

/* line 1207, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notes-banner-bg {
  background: whitesmoke;
  padding: .8rem 0;
}

/* line 1211, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notes {
  overflow: hidden;
  padding: 1em .75em;
}

/* line 1216, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notes_container {
  max-width: 960px;
  margin: auto;
}

/* line 1220, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notes_container--status_no-note {
  text-align: center;
  padding: 2em 0 1em;
}

/* line 1224, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.note__container {
  position: relative;
  padding: 8px;
  width: 50%;
  max-width: 240px;
  float: left;
}

/* line 1232, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.grid-notes_container {
  max-width: 960px;
  margin: auto;
  padding: 0;
}
/* line 1237, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.grid-notes_container .stamp {
  display: inline-block;
  width: 50%;
  max-width: 240px;
  min-height: 200px;
  padding: 4px;
  overflow: hidden;
}

/* line 1259, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-notebook, .mypage-new-notebook {
  padding-top: 13px;
}
/* line 1262, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-notebook .notebook-new-btn__container, .mypage-new-notebook .notebook-new-btn__container {
  max-width: 960px;
  margin: auto;
  border-bottom: solid 1px #ddd;
  width: calc(100% - 3em);
}

/* line 1273, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage-new-notebook {
  padding-bottom: 13px;
}

/* line 1279, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.note-like__btn {
  -webkit-appearance: none;
  border-radius: 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem;
  /* Firefox用 */
  height: auto;
  background: #fff;
  padding: .4rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.8rem;
  text-align: center;
  z-index: 1;
  padding: .8rem;
  color: #9e9e9e;
  border: none;
  cursor: pointer;
}

/* line 1295, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.note-liked-btn__ic {
  color: #1298ff;
}

/* line 1298, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.note-like-btn__tx {
  margin-top: .8rem;
}

/* line 1301, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.note__img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* line 1314, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.contents__bg.x-notebook-list.details, .x-notebook-list.details.registrations__bg, .x-notebook-list.details.sessions-new__bg, .x-notebook-list.details.timelines__bg, .x-notebook-list.details.study_talks__bg, .x-notebook-list.details.unpublished__bg, .x-notebook-list.details.author__bg, .x-notebook-list.details.featured-tutoring-schools__bg,
.x-notebook-list.details.tutoring-schools-columns__bg, .x-notebook-list.details.questions__bg, .x-notebook-list.details.question-new__bg, .x-notebook-list.details.question-answers__bg, .x-notebook-list.details.mypage__bg, .x-notebook-list.details.user-edit__bg {
  padding-bottom: 0px;
}
/* line 1317, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.contents__bg.x-notebook-list.details .notes, .x-notebook-list.details.registrations__bg .notes, .x-notebook-list.details.sessions-new__bg .notes, .x-notebook-list.details.timelines__bg .notes, .x-notebook-list.details.study_talks__bg .notes, .x-notebook-list.details.unpublished__bg .notes, .x-notebook-list.details.author__bg .notes, .x-notebook-list.details.featured-tutoring-schools__bg .notes,
.x-notebook-list.details.tutoring-schools-columns__bg .notes, .x-notebook-list.details.questions__bg .notes, .x-notebook-list.details.question-new__bg .notes, .x-notebook-list.details.question-answers__bg .notes, .x-notebook-list.details.mypage__bg .notes, .x-notebook-list.details.user-edit__bg .notes {
  padding-bottom: calc(70px + 12px);
}
/* line 1320, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.contents__bg.x-notebook-list.details .notes .ranking-pos, .x-notebook-list.details.registrations__bg .notes .ranking-pos, .x-notebook-list.details.sessions-new__bg .notes .ranking-pos, .x-notebook-list.details.timelines__bg .notes .ranking-pos, .x-notebook-list.details.study_talks__bg .notes .ranking-pos, .x-notebook-list.details.unpublished__bg .notes .ranking-pos, .x-notebook-list.details.author__bg .notes .ranking-pos, .x-notebook-list.details.featured-tutoring-schools__bg .notes .ranking-pos,
.x-notebook-list.details.tutoring-schools-columns__bg .notes .ranking-pos, .x-notebook-list.details.questions__bg .notes .ranking-pos, .x-notebook-list.details.question-new__bg .notes .ranking-pos, .x-notebook-list.details.question-answers__bg .notes .ranking-pos, .x-notebook-list.details.mypage__bg .notes .ranking-pos, .x-notebook-list.details.user-edit__bg .notes .ranking-pos {
  position: absolute;
  right: .8rem;
  bottom: .8rem;
  font-size: 1.4em;
  font-weight: bold;
  color: white;
  background: #FF9177;
  z-index: 1;
  width: 1.571em;
  height: 1.571em;
  text-align: center;
  line-height: 1.571em;
  border-radius: 1.5rem;
  opacity: 1;
  overflow: hidden;
  box-shadow: 1px 1px 1px 1px rgba(255, 145, 119, 0.7);
}
/* line 1338, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.contents__bg.x-notebook-list.details .notes .ranking-pos.top-4, .x-notebook-list.details.registrations__bg .notes .ranking-pos.top-4, .x-notebook-list.details.sessions-new__bg .notes .ranking-pos.top-4, .x-notebook-list.details.timelines__bg .notes .ranking-pos.top-4, .x-notebook-list.details.study_talks__bg .notes .ranking-pos.top-4, .x-notebook-list.details.unpublished__bg .notes .ranking-pos.top-4, .x-notebook-list.details.author__bg .notes .ranking-pos.top-4, .x-notebook-list.details.featured-tutoring-schools__bg .notes .ranking-pos.top-4,
.x-notebook-list.details.tutoring-schools-columns__bg .notes .ranking-pos.top-4, .x-notebook-list.details.questions__bg .notes .ranking-pos.top-4, .x-notebook-list.details.question-new__bg .notes .ranking-pos.top-4, .x-notebook-list.details.question-answers__bg .notes .ranking-pos.top-4, .x-notebook-list.details.mypage__bg .notes .ranking-pos.top-4, .x-notebook-list.details.user-edit__bg .notes .ranking-pos.top-4 {
  background: #FF3708;
}
/* line 1342, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.contents__bg.x-notebook-list.details .notes .ranking-pos.large-pos, .x-notebook-list.details.registrations__bg .notes .ranking-pos.large-pos, .x-notebook-list.details.sessions-new__bg .notes .ranking-pos.large-pos, .x-notebook-list.details.timelines__bg .notes .ranking-pos.large-pos, .x-notebook-list.details.study_talks__bg .notes .ranking-pos.large-pos, .x-notebook-list.details.unpublished__bg .notes .ranking-pos.large-pos, .x-notebook-list.details.author__bg .notes .ranking-pos.large-pos, .x-notebook-list.details.featured-tutoring-schools__bg .notes .ranking-pos.large-pos,
.x-notebook-list.details.tutoring-schools-columns__bg .notes .ranking-pos.large-pos, .x-notebook-list.details.questions__bg .notes .ranking-pos.large-pos, .x-notebook-list.details.question-new__bg .notes .ranking-pos.large-pos, .x-notebook-list.details.question-answers__bg .notes .ranking-pos.large-pos, .x-notebook-list.details.mypage__bg .notes .ranking-pos.large-pos, .x-notebook-list.details.user-edit__bg .notes .ranking-pos.large-pos {
  font-size: 2em;
  width: 1.1em;
  height: 1.1em;
  text-align: center;
  line-height: 1.1em;
}
/* line 1352, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.contents__bg.x-notebook-list.details .pagenation, .x-notebook-list.details.registrations__bg .pagenation, .x-notebook-list.details.sessions-new__bg .pagenation, .x-notebook-list.details.timelines__bg .pagenation, .x-notebook-list.details.study_talks__bg .pagenation, .x-notebook-list.details.unpublished__bg .pagenation, .x-notebook-list.details.author__bg .pagenation, .x-notebook-list.details.featured-tutoring-schools__bg .pagenation,
.x-notebook-list.details.tutoring-schools-columns__bg .pagenation, .x-notebook-list.details.questions__bg .pagenation, .x-notebook-list.details.question-new__bg .pagenation, .x-notebook-list.details.question-answers__bg .pagenation, .x-notebook-list.details.mypage__bg .pagenation, .x-notebook-list.details.user-edit__bg .pagenation {
  background-color: #ffffff;
}

/* line 1359, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.author__bg .wrapper.search-by-location {
  padding: 1.2rem;
}
/* line 1363, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.author__bg button.search-by-location {
  width: 100%;
  background-color: #1298ff;
  color: #ffffff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 0.4rem;
  padding: 0rem 3.6rem;
  line-height: 3.65;
  font-size: 1.2rem;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* line 1375, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.author__bg button.search-by-location:active {
  opacity: .5;
}
/* line 1379, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.author__bg button.search-by-location .fa.fa-location-arrow {
  font-size: 1.5em;
  position: relative;
  top: .09em;
  margin-right: .4em;
}

/* line 1390, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
#school-scroll-target {
  position: relative;
  top: -105px;
}

/* line 1395, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
div.content-partner-schools-placeholder {
  min-height: 50px;
  padding: .8rem;
  font-size: 3rem;
  line-height: 3;
  text-align: center;
}

/* line 1403, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.content-partner-company-desc {
  padding: .8rem;
  font-size: 1.2rem;
  line-height: 1.5;
}

@media only screen and (max-width: 480px) {
  /* line 1410, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  #school-scroll-target {
    top: 0px;
  }
}
/* line 1416, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.list-notebook, .list-user {
  display: block;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  padding: .8rem;
  color: #212121;
}
/* line 1424, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.list-notebook:hover, .list-user:hover {
  background-color: whitesmoke;
}

/* line 1428, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.list-notebook__cat {
  overflow: hidden;
  color: #999999;
  font-size: 1rem;
}
/* line 1432, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.list-notebook__cat li {
  display: block;
  float: left;
  margin-right: 1em;
}

/* line 1438, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.list-notebook-pronote__tx {
  position: absolute;
  background-color: #ff7152;
  top: 1.2rem;
  left: 1.2rem;
  -webkit-appearance: none;
  border-radius: 0.2rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.2rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2rem;
  /* Firefox用 */
  padding: .4rem;
  color: #fff;
  top: .8rem;
  right: .8rem;
  left: auto;
}

/* line 1451, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.list-notebook-author {
  margin-top: .8rem;
  color: #999999;
}

/* line 1455, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.list-notebook-counts {
  position: absolute;
  right: .4rem;
  bottom: .4rem;
}

/* line 1460, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.list-bookmark-page__tx {
  font-size: 1rem;
  padding: .2rem 1.2rem;
  -webkit-appearance: none;
  border-radius: 1rem;
  /* CSS3草案 */
  -webkit-border-radius: 1rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 1rem;
  /* Firefox用 */
  color: #9e9e9e;
  background-color: #EEEEEE;
}

/* line 1467, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.list-user {
  display: table;
}

/* line 1471, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.list-user-img__container {
  -webkit-appearance: none;
  border-radius: 50%;
  /* CSS3草案 */
  -webkit-border-radius: 50%;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50%;
  /* Firefox用 */
  float: left;
  overflow: hidden;
  display: table-cell;
  border: solid 1px #e6e6e6;
  width: 4.8rem;
  height: 4.8rem;
}

/* line 1480, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.list-user__img {
  width: 100%;
}

/* line 1483, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.list-user-info__container {
  display: table-cell;
  padding: 0 1.6rem;
  width: 100%;
  vertical-align: top;
  overflow: hidden;
}

/* line 1490, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.list-user__title {
  font-size: 1.6rem;
  color: #1298ff;
  line-height: 1.6;
}

/* line 1495, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.list-user-intro__container {
  width: 100%;
  font-size: 1.2rem;
  overflow: hidden;
  line-height: 1.6;
}

/* line 1504, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.note-bg {
  background-color: #EEEEEE;
  padding-bottom: 1rem;
  width: 100%;
  border-radius: 0;
}

/* line 1510, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.info, .album-form-info {
  max-width: 960px;
  background-color: #fff;
  position: relative;
  padding: 1.2rem 0  0;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  overflow: hidden;
}

/* line 1520, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-header {
  padding: 0 .8rem;
}

/* line 1523, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-floating__btn {
  background-color: #fff;
  color: #9e9e9e;
}

/* line 1528, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-floating__btn:hover {
  background-color: #e7f6fd;
}

/* line 1531, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-liked-floating__btn {
  background-color: #fff;
  color: #1298ff;
}

/* line 1536, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-liked-floating__btn:hover {
  background-color: #e7f6fd;
}

/* line 1539, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook__title {
  font-size: 2rem;
  padding: .8rem 0;
  line-height: 1.4;
  margin: 0;
}

/* line 1545, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-date {
  display: block;
  padding: .4rem .8rem;
}

/* line 1550, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-category {
  overflow: hidden;
  display: table;
  position: relative;
  padding: .0em;
  margin: .8rem 0 0;
  background-color: #fff;
  width: 100%;
  font-size: 1.2rem;
}

/* line 1560, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-category__btn, .notebook-category-pronote__badge, .notebook-category-grade__btn, .notebook-category-grade__btn-disabled, .notebook-category-school-year__btn, .notebook-category-subject__btn, .notebook-category-subject__btn-disabled, .authorinfo-grade__btn {
  -webkit-appearance: none;
  border-radius: 0.3em;
  /* CSS3草案 */
  -webkit-border-radius: 0.3em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.3em;
  /* Firefox用 */
  display: block;
  padding: .5em;
}

/* line 1565, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-category-pronote {
  display: table-cell;
  float: left;
  margin-right: .8rem;
}

/* line 1570, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-category-pronote__badge {
  color: #fff;
  background-color: #ff7152;
}

/* line 1575, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-category-grade {
  display: table-cell;
  float: left;
  margin-right: .8rem;
}

/* line 1580, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-category-grade__btn, .notebook-category-grade__btn-disabled {
  color: #fff;
  white-space: nowrap;
  background-color: #4db6ac;
}
/* line 1585, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-category-grade__btn:hover, .notebook-category-grade__btn-disabled:hover {
  background-color: #cccccc;
}

/* line 1591, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-category-grade__btn-disabled:hover {
  background-color: #4db6ac;
}

/* line 1595, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-category-school-year {
  display: table-cell;
  float: left;
  margin-right: .8rem;
}

/* line 1600, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-category-school-year__btn {
  color: #666666;
}

/* line 1604, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-category-subject {
  display: table-cell;
  float: left;
  margin-right: 1rem;
}

/* line 1610, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-category-subject__btn, .notebook-category-subject__btn-disabled {
  color: #666666;
  white-space: nowrap;
  background-color: #e6e6e6;
}
/* line 1615, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-category-subject__btn:hover, .notebook-category-subject__btn-disabled:hover {
  background-color: #cccccc;
}

/* line 1621, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-category-subject__btn-disabled:hover {
  background-color: #e6e6e6;
}

@keyframes action-btn-slide-down {
  from {
    bottom: calc(56px + 13px + 1px);
  }
  to {
    bottom: -100px;
  }
}
@keyframes action-btn-slide-up {
  from {
    bottom: -100px;
  }
  to {
    bottom: calc(56px + 13px + 1px);
  }
}
@keyframes new-action-btn-slide-up {
  from {
    bottom: -100px;
  }
  to {
    bottom: calc(0px + 13px + 1px);
  }
}
/* line 1651, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-counts {
  overflow: hidden;
  padding: .2rem .8rem 0;
  text-align: left;
  color: #9e9e9e;
  font-size: 1.2rem;
}

/* line 1658, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-counts__count {
  position: relative;
  margin-right: 2rem;
  display: inline;
}

/* line 1663, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-counts__label__icon {
  margin-bottom: .1em;
}

/* line 1666, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.notebook-counts__figure {
  display: inline-block;
  position: relative;
  margin-left: .4rem;
}

/* line 1672, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-counts, .study_talk-counts {
  overflow: hidden;
  padding-top: 6px;
  text-align: left;
  color: #9e9e9e;
  font-size: 1.2rem;
}

/* line 1679, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-counts__count, .study_talk-counts__count {
  position: relative;
  margin-right: 2rem;
  display: inline;
}

/* line 1684, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-counts__label__icon, .study_talk-counts__label__icon {
  margin-bottom: .1em;
}

/* line 1687, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.timeline-counts__figure, .study_talk-counts__figure {
  display: inline-block;
  position: relative;
  margin-left: .4rem;
}

/* line 1693, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.subinfo {
  overflow: hidden;
  position: relative;
  padding: 0 1rem 1rem;
}
/* line 1697, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.subinfo p {
  font-size: 1.2em;
  line-height: 1.4em;
  max-width: 960px;
  text-align: left;
}

/* line 1705, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.subinfo__author {
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  position: relative;
  padding: .8rem 1rem 1rem 1rem;
  font-size: 1.5em;
  color: #1298ff;
  display: block;
  -moz-transition: all;
  -o-transition: all;
  -webkit-transition: all;
  transition: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

/* line 1716, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.subinfo__author__img {
  -webkit-appearance: none;
  border-radius: 50%;
  /* CSS3草案 */
  -webkit-border-radius: 50%;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50%;
  /* Firefox用 */
  float: left;
  width: 4rem;
  height: 4rem;
}

/* line 1722, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.subinfo__author__name {
  float: left;
  margin: 1rem 0 0 1rem;
}

/* line 1729, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pages__bg .viewer-actions {
  text-align: right;
  margin-top: 8px;
  margin-right: 8px;
}
/* line 1734, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pages__bg .viewer-actions .new-tag {
  margin-right: .5em;
  position: relative;
  top: -1px;
}
/* line 1740, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pages__bg .viewer-actions .separator {
  color: #bbb;
  margin-left: .3em;
  margin-right: .3em;
}
/* line 1744, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pages__bg .viewer-actions .separator:after {
  content: '|';
}
/* line 1749, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pages__bg .viewer-actions a {
  line-height: 2;
  color: #1298ff;
}
/* line 1753, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pages__bg .viewer-actions a:hover {
  text-decoration: underline;
}

/* line 1761, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pages__container {
  overflow: hidden;
  padding: 1em .5em;
  max-width: 960px;
  margin: auto;
}

/* line 1767, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pages {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
/* line 1770, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pages::before, .pages::before {
  order: 1;
}
/* line 1774, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pages > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 150px;
  -moz-box-flex: 1;
  -moz-flex: 1 1 150px;
  -ms-flex: 1 1 150px;
  flex: 1 1 150px;
  padding: .4em .3em 0 0;
}

/* line 1781, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pages__page {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: .2em .2em .2em .2em;
  width: 100%;
  text-align: center;
  display: block;
}
/* line 20, /webrails/concourse_rails/app/assets/stylesheets/web/_mixins.scss */
.pages__page a:hover {
  opacity: 0.5;
}
/* line 1788, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pages__page:hover {
  opacity: 0.5;
}
/* line 1791, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pages__page p {
  color: #999999;
  padding: .2em 0 .3em 0;
}
/* line 1795, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pages__page img {
  width: 100%;
}

/* line 1799, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pages__page__trimming {
  position: relative;
}
/* line 1802, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pages__page__trimming img {
  overflow: hidden;
  -webkit-appearance: none;
  border-radius: 0.5em;
  /* CSS3草案 */
  -webkit-border-radius: 0.5em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.5em;
  /* Firefox用 */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* line 1808, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pages__page__trimming .vid-wrapper {
  position: absolute;
  font-size: 6rem;
  top: calc(50% - 3.2rem);
  left: 0;
  right: 0;
  color: #FFF;
}
/* line 1817, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pages__page__trimming .vid-wrapper > .fill-circle {
  background: #9E9E9E;
  position: absolute;
  left: calc(50% - 2.4rem);
  right: calc(50% - 2.4rem);
  top: .5rem;
  bottom: calc(100% - 5.5rem);
  border-radius: 2rem;
}
/* line 1827, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.pages__page__trimming .vid-wrapper > i {
  position: relative;
}

/* line 1832, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.smartphone .pages__page > div {
  position: relative;
}
/* line 1835, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.smartphone .pages__page > div .vid-wrapper {
  position: absolute;
  font-size: 4.5rem;
  top: calc(50% - 2.2rem);
  left: 0;
  right: 0;
  color: #FFF;
}
/* line 1844, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.smartphone .pages__page > div .vid-wrapper > .fill-circle {
  background: #9E9E9E;
  position: absolute;
  left: calc(50% - 1.8rem);
  right: calc(50% - 1.8rem);
  top: .5rem;
  bottom: calc(100% - 4rem);
  border-radius: 2rem;
}
/* line 1854, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.smartphone .pages__page > div .vid-wrapper > i {
  position: relative;
}

/* line 1861, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.note-info {
  max-width: 960px;
  margin: .8rem auto 0;
  background-color: #fff;
}

/* line 1866, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.note-info-title {
  font-size: 1.2rem;
  background-color: #b3b3b3;
  width: 100%;
  padding: .75em;
  color: #424242;
  max-width: 960px;
  margin: auto;
  background-color: #eeeeee;
}

/* line 1877, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.tags__applicationlink__container {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 0em 1em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  text-align: center;
  width: 100%;
  display: block;
}

/* line 1880, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.tags__applicationlink {
  overflow: hidden;
  -webkit-appearance: none;
  border-radius: 0.3em;
  /* CSS3草案 */
  -webkit-border-radius: 0.3em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.3em;
  /* Firefox用 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  color: #333333;
  background-color: #e0e0e0;
  display: block;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.2em;
  padding: .75em;
}

/* line 1883, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.tags__applicationlink__ic {
  padding-right: .25em;
}

/* line 1888, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.note-comments {
  max-width: 960px;
  margin: .8rem auto 0;
  background-color: #fff;
}

/* line 1893, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.note-comments-title {
  font-size: 1.2rem;
  background-color: #b3b3b3;
  width: 100%;
  padding: .75em;
  color: #424242;
  max-width: 960px;
  margin: auto;
  background-color: #eeeeee;
}

/* line 1905, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.unpublished__bg {
  text-align: center;
  padding-top: 6.1rem;
}

/* line 1919, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.author__bg {
  padding-top: 6.8rem;
}

/* line 1923, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo {
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 1.6rem;
  background-color: #fff;
  width: 100%;
  max-width: 960px;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 auto 1.6rem;
}

/* line 1934, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo-company-catch__container {
  font-size: 2rem;
  font-weight: bold;
  margin: .8rem 0rem;
  line-height: 1.6;
}

/* line 1940, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo-basic__container {
  overflow: hidden;
}

/* line 1943, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo__img__container {
  -webkit-appearance: none;
  border-radius: 50%;
  /* CSS3草案 */
  -webkit-border-radius: 50%;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50%;
  /* Firefox用 */
  float: left;
  width: 6em;
  height: 6em;
  overflow: hidden;
}

/* line 1950, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo-grade__btn {
  color: #fff;
  white-space: nowrap;
  background-color: #4db6ac;
  width: auto;
  display: table;
  margin-bottom: .8rem;
  font-size: 1.2rem;
}
/* line 1959, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo-grade__btn:hover {
  background-color: #cccccc;
}

/* line 1963, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo__img {
  width: 100%;
}

/* line 1966, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo__right {
  width: 100%;
  margin-top: .8rem;
  margin-left: -6em;
  float: left;
}

/* line 1972, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo__name__container {
  width: 100%;
  margin: .5em 0 0 7em;
  float: left;
}

/* line 1977, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo__name {
  font-size: 1.8em;
}

/* line 1980, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo__follow__container {
  margin: .5em 0 0 7em;
  float: left;
  display: table;
}

/* line 1985, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo__follow {
  display: table-cell;
}

/* line 1988, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo__follow__label {
  display: table-cell;
  color: #9e9e9e;
  padding-right: 1.6rem;
  font-size: 1.1rem;
}

/* line 1994, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo__follow__figure {
  display: table-cell;
  color: gray;
  font-size: 1.6rem;
  padding-right: 1.6rem;
}

/* line 2000, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo-detail__container {
  overflow: hidden;
}

/* line 2003, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo-detail-item {
  display: table;
  padding: .8rem 0 0 0;
  float: left;
  margin-right: 1.6rem;
  width: 100%;
}

/* line 2010, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo-detail-item__label {
  display: table-cell;
  font-size: 1.2rem;
  color: #9e9e9e;
  padding-right: .8rem;
}

/* line 2016, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo-detail-item__value {
  display: table-cell;
  color: #212121;
  font-size: 1.6rem;
  line-height: 1.4em;
  text-align: right;
}

/* line 2023, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo-detail-item__desc {
  display: table-cell;
  text-align: center;
  background-color: #4db6ac;
  color: white;
  border-radius: 3px;
  padding: 1px;
  width: 48%;
  font-size: 1.2rem;
  line-height: 1.4em;
}

/* line 2034, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorinfo-edit__btn {
  margin-bottom: 1.6rem;
}

/* line 2039, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.author-follow__button, .author-unfollow__button {
  font-size: 1.2rem;
  border: solid 1px #1298ff;
  line-height: 2.8em;
  text-align: center;
  text-decoration: none;
  border-radius: .3em;
  display: inline-block;
  background: white;
  color: #1298ff;
  padding: 0 1.7em;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}
/* line 2051, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.author-follow__button:hover, .author-unfollow__button:hover {
  filter: brightness(110%);
}
/* line 2055, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.author-follow__button:active, .author-unfollow__button:active {
  filter: brightness(120%);
}
/* line 2059, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.author-follow__button:disabled, .author-unfollow__button:disabled {
  filter: grayscale(0.5) brightness(100%);
}
/* line 2063, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.author-follow__button .fa, .author-unfollow__button .fa {
  position: relative;
  top: .1em;
  font-size: 1.2em;
  margin-right: 3px;
}

/* line 2072, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.author-unfollow__button {
  color: #fff;
  background-color: #1298ff;
}

/* line 2080, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorintro article {
  font-size: 1.2em;
  line-height: 1.4em;
  margin: 1.6rem 0;
}

/* line 2086, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorintro-company__img {
  width: 100%;
}

/* line 2091, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorcounts__container {
  margin: 0 -1.6rem -1.6rem;
  padding: 0;
}

/* line 2095, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorcounts {
  width: 100%;
  background-color: #fff;
}
/* line 2098, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorcounts h3 {
  background-color: whitesmoke;
  width: 100%;
  padding: .75em;
  color: #9e9e9e;
  font-size: 1.3em;
  max-width: 960px;
  margin: auto;
}

/* line 2108, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorcount__container {
  display: table;
  width: 100%;
}

/* line 2112, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorcount__label {
  display: table-cell;
  width: 30%;
  padding: 1.6rem 0 1.6rem 1.6rem;
  color: #9e9e9e;
  font-size: 1.1rem;
}

/* line 2119, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorcount__label--with-line {
  background-image: url(http://localhost:3000/assets/web/author_counts_bg.png);
  background-repeat: no-repeat;
  background-position: right center;
}

/* line 2123, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.authorcount__figure {
  display: table-cell;
  width: 20%;
  padding: 1.6rem 1.6rem 1.6rem 0;
  color: #333333;
  font-size: 1.6rem;
  text-align: right;
}

/* line 2132, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.authorinfo {
  margin-bottom: 1rem;
  max-width: 680px;
}
@media only screen and (max-width: 480px) {
  /* line 2132, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .school.authorinfo {
    margin-bottom: 0;
  }
}
/* line 2140, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.authorinfo h2 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
/* line 2146, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.authorinfo .cover-wrapper {
  position: relative;
  left: -1.6rem;
  height: 28.6rem;
  width: calc(100% + 3.2rem);
  text-align: center;
  overflow: hidden;
}
/* line 2154, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.authorinfo .cover-wrapper img {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
/* line 2163, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.authorinfo .profile-pic-wrapper {
  position: relative;
  top: 0;
  height: calc(6rem + 7px);
  margin-bottom: 12px;
}
/* line 2170, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.authorinfo .profile-pic-inner {
  position: relative;
  top: calc(-6rem - 7px);
  display: inline-block;
  width: calc(12rem + 14px);
  height: calc(12rem + 14px);
  border: solid 7px white;
  background-color: white;
  border-radius: 50%;
  overflow: hidden;
}
/* line 2181, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.authorinfo .profile-pic-inner img {
  width: 100%;
}
/* line 2186, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.authorinfo .followers {
  font-size: 1.2em;
  margin-bottom: 6px;
  color: #999999;
}
/* line 2191, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.authorinfo .followers b {
  color: #000;
}
/* line 2196, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.authorinfo .teaching-format-tag-list {
  font-size: 1.2em;
  color: #999999;
}
/* line 2200, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.authorinfo .teaching-format-tag-list a {
  color: #333333;
}
/* line 2204, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.authorinfo .teaching-format-tag-list span {
  display: inline-block;
  margin-left: .3em;
}
/* line 2209, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.authorinfo .teaching-format-tag-list .fa-question-circle {
  font-size: 1.2em;
  color: #9E9E9E;
}
/* line 2215, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.authorinfo .follow-button-container {
  position: relative;
  top: -6rem;
  height: 0;
  float: right;
}

/* line 2223, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

/* line 2229, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.main {
  background-color: #ffffff;
}
@media only screen and (min-width: 481px) {
  /* line 2233, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .new-user-profile.company.main {
    border-radius: 0.8em;
    margin-bottom: 1em;
  }
}
/* line 2239, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.main .header {
  position: relative;
  line-height: 4.2em;
  padding-left: calc(4.2em + 2.67em + 0.083em + 0.083em + 1.2em);
}
/* line 2244, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.main .header .user-avatar-wrapper {
  position: absolute;
  top: calc(50% - 1.335em);
  bottom: calc(50% - 1.335em);
  left: calc(4.2em + .8em);
}
/* line 2251, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.main .header .back-button {
  font-size: 1.2em;
  color: #757575;
  position: absolute;
  left: 0;
  width: calc(3.5em);
  height: calc(3.5em);
  text-align: center;
  border-bottom-right-radius: 0.8rem;
  border-right: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
@media only screen and (min-width: 481px) {
  /* line 2251, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .new-user-profile.company.main .header .back-button {
    border-top-left-radius: 0.8rem;
    width: calc(3.5em - 1px);
    height: calc(3.5em - 1px);
  }
}
/* line 2267, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.main .header .back-button:hover {
  background-color: #e9faff;
}
/* line 2272, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.main .header h2 {
  font-size: 1.1em;
  font-weight: bold;
}
/* line 2278, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.main .cover-wrapper {
  position: relative;
  height: 32rem;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
/* line 2285, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.main .cover-wrapper img {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
/* line 2294, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.main .tag-wrapper {
  margin-top: .75em;
  margin-bottom: .75em;
}
/* line 2298, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.main .tag-wrapper .tag-list {
  font-weight: bold;
  line-height: 1.9;
  padding-left: 1em;
}
/* line 2303, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.main .tag-wrapper .tag-list a {
  color: #333333;
}
/* line 2305, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.main .tag-wrapper .tag-list a:hover {
  opacity: 0.5;
}
/* line 2310, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.main .tag-wrapper .tag-list span.clickable {
  display: inline-block;
  width: calc(100% - 1em);
}
@media only screen and (min-width: 481px) {
  /* line 2310, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .new-user-profile.company.main .tag-wrapper .tag-list span.clickable {
    width: initial;
  }
}
/* line 2318, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.main .tag-wrapper .tag-list img {
  height: 1.4em;
  position: relative;
  top: .25em;
  margin-right: .75em;
}
/* line 2325, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.main .tag-wrapper .tag-list .fa-question-circle {
  font-size: 1.2em;
  color: #9E9E9E;
}
/* line 2332, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.main .profile-action-controls {
  display: flex;
  flex-direction: row;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: .5em;
  padding-bottom: 3em;
}
/* line 2340, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.main .profile-action-controls .follow-wrapper {
  position: relative;
  flex: 1;
  margin-right: 1em;
}
/* line 2345, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.main .profile-action-controls .follow-wrapper .x-followers {
  color: #9E9E9E;
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 2.5;
}
/* line 2352, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.main .profile-action-controls .follow-wrapper .x-followers b {
  color: #000000;
}

/* line 2360, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content {
  margin-top: 3.25em;
  margin-bottom: 3.25em;
}
@media only screen and (min-width: 481px) {
  /* line 2360, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .new-user-profile.company.content {
    margin-top: 2.75em;
    margin-bottom: 2.75em;
  }
}
/* line 2368, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content .user-avatar-wrapper {
  position: absolute;
  left: .3em;
}
/* line 2373, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content .bubble {
  border-radius: 8px;
}
/* line 2377, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content .content-question {
  position: relative;
}
/* line 2380, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content .content-question .bubble {
  position: relative;
  background-color: #1298ff;
  color: #ffffff;
  font-size: 1.2em;
  font-weight: 500;
  margin-left: 3.33em;
  line-height: 1.2em;
  margin-right: calc(.21em + 6px);
  margin-bottom: 0.83em;
  padding: .6em 1em;
}
/* line 2392, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content .content-question .bubble::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid #1298ff;
  border-right: 6px solid transparent;
  position: absolute;
  right: -6px;
  bottom: 10px;
}
/* line 2405, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content .content-answer {
  position: relative;
}
/* line 2408, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content .content-answer .bubble {
  position: relative;
  background-color: white;
  margin-left: calc(3.95em + 6px);
  margin-right: 3.95em;
  padding: 1em;
  line-height: 1.5;
}
/* line 2416, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content .content-answer .bubble::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid #ffffff;
  border-left: 6px solid transparent;
  position: absolute;
  left: -6px;
  top: 1.5em;
}
/* line 2428, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content .content-answer .user-avatar-wrapper {
  font-size: 1.155em;
}
/* line 2432, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content .content-answer .answer-title {
  font-weight: bold;
  margin-bottom: 1em;
}
/* line 2439, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content.bullet ul {
  font-weight: 500;
  padding-left: 2em;
}
/* line 2444, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content.bullet li {
  position: relative;
  margin-bottom: .5em;
}
/* line 2448, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content.bullet li:last-child {
  margin-bottom: 0;
}
/* line 2452, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content.bullet li img {
  position: absolute;
  height: 1.4em;
  top: .1em;
  left: -2em;
}
/* line 2462, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content.message .sub-content.full-height {
  height: 100%;
}
/* line 2466, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content.message .sub-content {
  position: relative;
  height: 4.9em;
  overflow: hidden;
}
/* line 2471, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content.message .sub-content .faded-text {
  position: absolute;
  left: 0;
  right: 0;
  height: 33%;
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25), #ffffff);
}
/* line 2481, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content.message .sub-footer {
  display: block;
  text-align: right;
}
/* line 2485, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content.message .sub-footer span {
  display: inline-block;
  color: #1298ff;
  line-height: 2em;
}
/* line 2490, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content.message .sub-footer span:active {
  filter: brightness(120%);
}
@media only screen and (min-width: 481px) {
  /* line 2498, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .new-user-profile.company.content.message .sub-content {
    height: 100%;
  }
  /* line 2500, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .new-user-profile.company.content.message .sub-content .faded-text {
    display: none;
  }
  /* line 2505, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .new-user-profile.company.content.message .sub-footer {
    display: none;
  }
}
/* line 2513, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content.carousel .x-slick-carousel {
  margin-right: 3.95em;
  margin-left: 3.95em;
}
/* line 2517, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content.carousel .x-slick-carousel img {
  display: none;
}
/* line 2522, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content.carousel .x-slick-carousel .slick-initialized img {
  display: block;
}
/* line 2529, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content.carousel .content-answer.increased-bottom-margin .bubble {
  margin-bottom: 4.3em;
}
/* line 2534, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content.carousel .slick-slider {
  margin-bottom: 1em;
}
/* line 2539, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.content.carousel .slick-dots button::before {
  font-size: 20px;
}

/* line 2546, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.blackboard {
  margin-top: .5em;
  margin-bottom: 3.5em;
}
/* line 2551, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.blackboard .blackboard-image-wrapper img {
  width: 100%;
}
/* line 2556, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.blackboard .cta-button-wrapper {
  margin-left: 3em;
  margin-right: 3em;
}
/* line 2560, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.blackboard .cta-button-wrapper .action__btn {
  margin-top: 0;
  font-size: 1.2em;
  padding: 1.4167em .8333em;
  line-height: 2.1em;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}

/* line 2570, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.share-actions {
  background-color: #ffffff;
}
@media only screen and (min-width: 481px) {
  /* line 2574, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .new-user-profile.company.share-actions {
    border-radius: 0.8em;
  }
}
/* line 2579, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.share-actions .share-actions-title {
  font-size: 1.2em;
  text-align: center;
  line-height: 2.5em;
}
/* line 2585, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.share-actions .action-break {
  display: inline-block;
  width: 2em;
}
/* line 2590, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.new-user-profile.company.share-actions .share-actions-wrapper {
  padding: 1em;
  display: flex;
  justify-content: center;
}

/* line 2597, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.detailed-authorinfo {
  font-size: 1.2rem;
  max-width: 680px;
  margin: 0 auto 1rem;
}
/* line 2602, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.detailed-authorinfo .sub-section {
  background: white;
  margin: .8rem;
  border-radius: .4em;
  padding: 0 .75em .75em .75em;
}
/* line 2608, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.detailed-authorinfo .sub-section .sub-title {
  font-size: 1em;
  line-height: 2.5;
}
/* line 2612, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.detailed-authorinfo .sub-section .sub-title b {
  display: inline-block;
  margin-left: .4em;
  color: #999999;
}
/* line 2618, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.detailed-authorinfo .sub-section .catch-phrase {
  font-weight: bold;
}
/* line 2622, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.detailed-authorinfo .sub-section .sub-content {
  position: relative;
  line-height: 1.5;
}
/* line 2627, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.detailed-authorinfo .sub-section .sub-footer {
  display: none;
}

/* line 2633, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.notebook-btn__container {
  max-width: 680px;
  margin: 0 auto 1.6rem;
  margin-bottom: 1rem;
}
/* line 2638, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.notebook-btn__container a.action__btn {
  display: inline-block;
  width: calc(50% - 2px);
  margin: 0;
}
/* line 2643, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.notebook-btn__container a.action__btn:first-child {
  margin-right: 4px;
}
/* line 2647, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.notebook-btn__container a.action__btn:nth-child(2) {
  background-color: #ff7152;
}
/* line 2653, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.school.notebook-btn__container.full-width a.action__btn {
  width: 100%;
  margin-right: 0px !important;
}

@media only screen and (max-width: 480px) {
  /* line 2662, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .school.authorinfo .cover-wrapper {
    height: 17.6rem;
  }
  /* line 2665, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .school.authorinfo .cover-wrapper img {
    top: -100%;
    bottom: -100%;
  }
  /* line 2671, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .school.authorinfo .profile-pic-wrapper {
    height: calc(4rem + 5px);
  }
  /* line 2675, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .school.authorinfo .profile-pic-inner {
    top: calc(-4rem - 5px);
    width: calc(8rem + 10px);
    height: calc(8rem + 10px);
    border: solid 5px white;
  }
  /* line 2682, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .school.authorinfo .follow-button-container {
    top: -4rem;
  }

  /* line 2688, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .new-user-profile.company.main .cover-wrapper {
    height: 17.6rem;
  }
  /* line 2691, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .new-user-profile.company.main .cover-wrapper img {
    top: -100%;
    bottom: -100%;
  }

  /* line 2699, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .school.detailed-authorinfo .sub-section .sub-content {
    height: 3em;
    min-height: 3em;
    overflow: hidden;
  }
  /* line 2704, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .school.detailed-authorinfo .sub-section .sub-content .faded-text {
    position: absolute;
    left: 0;
    right: 0;
    height: 42%;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25), #ffffff);
  }
  /* line 2714, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .school.detailed-authorinfo .sub-section .sub-content.full-height {
    height: 100%;
  }
  /* line 2718, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .school.detailed-authorinfo .sub-section .sub-footer {
    display: block;
    text-align: right;
  }
  /* line 2722, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .school.detailed-authorinfo .sub-section .sub-footer span {
    margin-right: .3em;
    display: inline-block;
    color: #1298ff;
    line-height: 2em;
  }
  /* line 2728, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .school.detailed-authorinfo .sub-section .sub-footer span:active {
    filter: brightness(120%);
  }

  /* line 2735, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .school.notebook-btn__container {
    position: fixed;
    z-index: 3;
    bottom: -100px;
    right: 10px;
    left: 10px;
    margin: 0px;
    padding: .4rem 0px;
  }
  /* line 2744, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .school.notebook-btn__container.slide-up {
    animation: new-action-btn-slide-up 0.2s ease-out 0s;
    bottom: calc(0px + 13px + 1px);
  }
  /* line 2749, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .school.notebook-btn__container.slide-down {
    animation: action-btn-slide-down 0.2s ease-out 0s;
  }
  /* line 2754, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .school.notebook-btn__container:not(.full-width) a.action__btn {
    height: 60px;
    vertical-align: bottom;
  }
  /* line 2760, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .school.notebook-btn__container a.action__btn {
    margin: 0;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    padding: 0.6rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2.3rem;
    font-size: 1.1rem;
    line-height: 1.4;
    text-align: left;
  }
  /* line 2771, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .school.notebook-btn__container a.action__btn .icon-wrapper {
    position: absolute;
    top: 1em;
    left: .4em;
  }
}
/* line 2780, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.featured-tutoring-schools__bg,
.tutoring-schools-columns__bg {
  padding-top: calc(4.0rem + 1px + 3px);
}
@media only screen and (max-width: 480px) {
  /* line 2780, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .featured-tutoring-schools__bg,
  .tutoring-schools-columns__bg {
    padding-top: calc(4.0rem + 1px + 0px);
  }
}

@media only screen and (max-width: 480px) {
  /* line 2792, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .tutoring-school-app.top.new .publishable-content > section.featured-list, .tutoring-school-app.top.new .publishable-content > section.column-list {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 24px;
  }
  /* line 2802, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .tutoring-school-app.top.new .publishable-content > section.featured-list ul li a .fa-chevron-right, .tutoring-school-app.top.new .publishable-content > section.column-list ul li a .fa-chevron-right {
    font-size: 16.8px;
  }
}
@media only screen and (min-width: 481px) {
  /* line 2792, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .tutoring-school-app.top.new .publishable-content > section.featured-list, .tutoring-school-app.top.new .publishable-content > section.column-list {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 24px;
  }
}

/* line 2818, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.featured-tutoring-schools,
.tutoring-schools-columns {
  padding-bottom: 80px;
}
/* line 2822, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.featured-tutoring-schools .tutoring-school-header-v2 a,
.tutoring-schools-columns .tutoring-school-header-v2 a {
  font-size: 16px;
  padding-left: 2px;
  padding-right: 2px;
  height: 42px;
  line-height: 42px;
}
/* line 2829, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.featured-tutoring-schools .tutoring-school-header-v2 a i,
.tutoring-schools-columns .tutoring-school-header-v2 a i {
  font-size: 19px;
}
@media only screen and (max-width: 480px) {
  /* line 2822, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .featured-tutoring-schools .tutoring-school-header-v2 a,
  .tutoring-schools-columns .tutoring-school-header-v2 a {
    padding-left: 12px;
    padding-right: 12px;
    height: 48px;
    line-height: 48px;
  }
}
/* line 2841, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.featured-tutoring-schools .responsive-wrapper,
.tutoring-schools-columns .responsive-wrapper {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

/* line 2849, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content .featured-tag {
  display: inline-block;
  padding: 4px;
  letter-spacing: .1em;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #1238FF;
  line-height: 113%;
}
/* line 2860, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section {
  background: #FFFFFF;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 21px;
  color: #212121;
  padding-left: 100px;
  padding-right: 100px;
}
/* line 2872, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section .section-title {
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: bold;
  font-size: 18px;
  line-height: 27px;
}
/* line 2880, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-main {
  padding-top: 40px;
  padding-bottom: 40px;
}
/* line 2884, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-main .featured-main-frame {
  width: 100%;
  position: relative;
  display: block;
  padding-bottom: 56.25%;
  overflow-y: hidden;
}
/* line 2891, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-main .featured-main-frame img {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
/* line 2899, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-main .featured-main-title {
  font-size: 16px;
  padding-top: 16px;
  margin-bottom: 12px;
}
/* line 2904, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-main .featured-main-title.no-main-visual {
  padding-top: 0px;
}
/* line 2908, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-main .featured-main-title .featured-tag {
  margin-right: 8px;
}
/* line 2912, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-main .featured-main-title span:last-child {
  letter-spacing: .1em;
}
@media only screen and (max-width: 480px) {
  /* line 2880, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .publishable-content > section.featured-main {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 16px;
  }
  /* line 2923, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .publishable-content > section.featured-main .featured-main-title {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* line 2927, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .publishable-content > section.featured-main .featured-main-title.no-main-visual {
    padding-top: 16px;
  }
  /* line 2932, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .publishable-content > section.featured-main .featured-main-description {
    padding-left: 16px;
    padding-right: 16px;
  }
}
/* line 2939, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools, .publishable-content > section .featured-schools {
  padding-bottom: 16px;
}
/* line 2942, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools:not(section), .publishable-content > section .featured-schools:not(section) {
  padding-bottom: 0px;
}
/* line 2947, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools ul li, .publishable-content > section .featured-schools ul li {
  position: relative;
  border-bottom: 1px solid #E0E0E0;
  padding-left: 230px;
  padding-top: 12px;
  min-height: 189px;
  font-family: "Hiragino Kaku Gothic ProN";
}
/* line 2955, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools ul li:first-child, .publishable-content > section .featured-schools ul li:first-child {
  border-top: 1px solid #E0E0E0;
}
/* line 2960, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools ul li a:first-child, .publishable-content > section .featured-schools ul li a:first-child {
  font-size: 12px;
  color: #212121;
}
/* line 2964, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools ul li a:first-child .frame, .publishable-content > section .featured-schools ul li a:first-child .frame {
  position: absolute;
  left: 12px;
  top: 12px;
  width: 200px;
  height: 150px;
  overflow: hidden;
}
/* line 2972, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools ul li a:first-child .frame img, .publishable-content > section .featured-schools ul li a:first-child .frame img {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
/* line 2980, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools ul li a:first-child .featured-inner-wrapper, .publishable-content > section .featured-schools ul li a:first-child .featured-inner-wrapper {
  position: relative;
  min-height: 87px;
  padding-right: 2.1em;
}
/* line 2985, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools ul li a:first-child .featured-inner-wrapper .fa-chevron-right, .publishable-content > section .featured-schools ul li a:first-child .featured-inner-wrapper .fa-chevron-right {
  font-size: 16px;
  position: absolute;
  right: 11px;
  top: calc(50% - 8px);
  color: #1298FF;
}
@media only screen and (max-width: 480px) {
  /* line 2985, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .publishable-content > section.featured-schools ul li a:first-child .featured-inner-wrapper .fa-chevron-right, .publishable-content > section .featured-schools ul li a:first-child .featured-inner-wrapper .fa-chevron-right {
    right: 0px;
  }
}
/* line 2997, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-name, .publishable-content > section .featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-name {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}
/* line 3003, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-title, .publishable-content > section .featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-title {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 13px;
}
/* line 3009, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-grades, .publishable-content > section .featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-grades {
  display: inline-block;
  width: 45px;
  height: 20px;
  background: rgba(255, 127, 0, 0.3);
  border-radius: 2px;
  color: #212121;
  margin-bottom: 5px;
}
/* line 3018, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-grades > span, .publishable-content > section .featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-grades > span {
  margin: 1px 4px;
}
/* line 3021, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-grades > span:not(:last-child), .publishable-content > section .featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-grades > span:not(:last-child) {
  margin-right: 4px;
}
/* line 3027, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-teaching-formats, .publishable-content > section .featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-teaching-formats {
  display: inline-block;
  width: 57px;
  height: 20px;
  background: #F5F5F5;
  border-radius: 2px;
  color: black;
  margin-bottom: 8px;
}
/* line 3036, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-teaching-formats > span, .publishable-content > section .featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-teaching-formats > span {
  margin: 1px 4px;
}
/* line 3039, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-teaching-formats > span:not(:last-child), .publishable-content > section .featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-teaching-formats > span:not(:last-child) {
  margin-right: 4px;
}
@media only screen and (max-width: 480px) {
  /* line 3046, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .publishable-content > section.featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-teaching-formats-warapper, .publishable-content > section .featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-teaching-formats-warapper {
    width: 211px;
    height: 54px;
  }
}
/* line 3052, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-teaching-contents, .publishable-content > section .featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-teaching-contents {
  width: 378px;
  height: 36px;
  size: 12px;
  line-height: 18px;
  color: #757575;
  margin-bottom: 12px;
}
@media only screen and (max-width: 480px) {
  /* line 3052, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .publishable-content > section.featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-teaching-contents, .publishable-content > section .featured-schools ul li a:first-child .featured-inner-wrapper .featured-school-teaching-contents {
    width: 211px;
    word-break: keep-all;
  }
}
/* line 3068, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools ul li a:last-child, .publishable-content > section .featured-schools ul li a:last-child {
  margin-bottom: 15px;
  position: relative;
  display: inline-block;
  color: #1298FF;
  font-weight: bold;
  padding-left: 51px;
  padding-right: 32px;
  text-align: center;
  border: 2px solid #1298FF;
  border-radius: 4px;
  box-shadow: 0px 2px 0px #1298FF;
  line-height: 54px;
  width: 327px;
}
/* line 3084, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-schools ul li a:last-child .fa.fa-search, .publishable-content > section .featured-schools ul li a:last-child .fa.fa-search {
  font-size: 22px;
  position: absolute;
  left: 16px;
  top: calc(50% - 13px);
}
@media only screen and (max-width: 480px) {
  /* line 2939, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .publishable-content > section.featured-schools, .publishable-content > section .featured-schools {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 24px;
  }
  /* line 3101, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .publishable-content > section.featured-schools ul li, .publishable-content > section .featured-schools ul li {
    padding-left: 140px;
    padding-bottom: 93px;
  }
  /* line 3107, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .publishable-content > section.featured-schools ul li a:first-child .frame, .publishable-content > section .featured-schools ul li a:first-child .frame {
    width: 120px;
    height: 90px;
  }
  /* line 3113, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .publishable-content > section.featured-schools ul li a:last-child, .publishable-content > section .featured-schools ul li a:last-child {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 15px;
    margin: 0;
    width: initial;
  }
}
/* line 3127, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-list, .publishable-content > section.column-list {
  padding-bottom: 16px;
}
/* line 3131, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-list ul li, .publishable-content > section.column-list ul li {
  border-bottom: 1px solid #E0E0E0;
}
/* line 3134, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-list ul li:first-child, .publishable-content > section.column-list ul li:first-child {
  border-top: 1px solid #E0E0E0;
}
/* line 3138, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-list ul li a, .publishable-content > section.column-list ul li a {
  position: relative;
  font-weight: bold;
  color: #212121;
  display: block;
  padding-left: 12px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 32px;
}
/* line 3149, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-list ul li a:hover > span:last-child, .publishable-content > section.column-list ul li a:hover > span:last-child {
  text-decoration: underline;
}
/* line 3154, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-list ul li a .fa-chevron-right, .publishable-content > section.column-list ul li a .fa-chevron-right {
  position: absolute;
  right: 12px;
  top: calc(50% - 8px);
  color: #1298FF;
}
/* line 3161, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.featured-list ul li a .featured-tag, .publishable-content > section.featured-list ul li a .column-tag, .publishable-content > section.column-list ul li a .featured-tag, .publishable-content > section.column-list ul li a .column-tag {
  margin-right: 8px;
}
@media only screen and (max-width: 480px) {
  /* line 3127, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .publishable-content > section.featured-list, .publishable-content > section.column-list {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 24px;
  }
}
/* line 3176, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section {
  font-size: 14px;
  color: #212121;
}
/* line 3180, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section .column-tag {
  display: inline-block;
  padding: 4px;
  letter-spacing: .1em;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #0DB464;
  line-height: 113%;
}
/* line 3191, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.column-main {
  padding-top: 40px;
  padding-bottom: 16px;
}
/* line 3195, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.column-main .column-main-title {
  margin-bottom: 16px;
}
/* line 3198, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.column-main .column-main-title > div:nth-child(1) {
  margin-bottom: 8px;
}
/* line 3201, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.column-main .column-main-title > div:nth-child(1) .column-article-timestamp {
  color: #757575;
  font-size: 12px;
  letter-spacing: .1em;
}
/* line 3206, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.column-main .column-main-title > div:nth-child(1) .column-article-timestamp img {
  vertical-align: middle;
}
/* line 3212, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.column-main .column-main-title > div:nth-child(2) {
  margin-bottom: 16px;
}
/* line 3215, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.column-main .column-main-title > div:nth-child(2) h1 {
  font-size: 16px;
  line-height: 113%;
  letter-spacing: 0.1em;
  font-weight: bold;
}
/* line 3223, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.column-main .column-main-title > .tag-group {
  margin-top: 16px;
  margin-bottom: 16px;
}
/* line 3227, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.column-main .column-main-title > .tag-group > span {
  display: inline-block;
  color: #1298FF;
  line-height: 113%;
  letter-spacing: .1em;
}
/* line 3233, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.column-main .column-main-title > .tag-group > span:not(:last-child) {
  margin-right: 12px;
}
/* line 3240, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.column-main .column-main-frame {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  overflow-y: hidden;
  background: #ddd;
  margin-top: 16px;
  margin-bottom: 16px;
}
/* line 3249, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.column-main .column-main-frame img {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 480px) {
  /* line 3191, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .publishable-content > section.column-main {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
/* line 3264, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.column-article-section {
  padding-top: 40px;
  padding-bottom: 40px;
}
/* line 3268, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.column-article-section .column-section-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 113%;
  letter-spacing: 0.1em;
  margin-bottom: 16px;
}
/* line 3276, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section.column-article-section .column-section-content {
  line-height: 160%;
}
@media only screen and (max-width: 480px) {
  /* line 3264, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .publishable-content > section.column-article-section {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
  }
  /* line 3286, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .publishable-content > section.column-article-section .featured-schools {
    position: relative;
    left: -4px;
    width: calc(100% + 4px + 4px);
    padding-left: 0px;
    padding-right: 0px;
  }
}
/* line 3297, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section .rich-text .text-bold {
  font-weight: bold;
}
/* line 3301, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section .rich-text .text-larger {
  font-size: 16px;
}
/* line 3305, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section .rich-text .text-primary-color {
  color: #ff7f00;
}
/* line 3309, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section .rich-text .text-secondary-color {
  color: #0db464;
}
/* line 3313, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section .rich-text .link-inline {
  color: #1298FF;
}
/* line 3316, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section .rich-text .link-inline:hover {
  text-decoration: underline;
}
/* line 3321, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section .rich-text .link-block {
  display: block;
  margin-top: 16px;
  margin-bottom: 16px;
}
/* line 3327, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section .rich-text .image-frame {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  overflow-y: hidden;
  background: #ddd;
  margin-top: 16px;
  margin-bottom: 8px;
}
/* line 3336, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section .rich-text .image-frame img {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
/* line 3344, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section .rich-text .image-caption {
  font-size: 12px;
  color: #757575;
  margin-top: 8px;
  margin-bottom: 12px;
}
/* line 3351, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section .rich-text .header-middle {
  font-weight: bold;
  font-size: 14px;
  margin-top: 16px;
  margin-bottom: 12px;
}
/* line 3358, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section .rich-text .header-small {
  font-weight: normal;
  font-size: 14px;
  margin-top: 16px;
  margin-bottom: 12px;
}
/* line 3364, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.publishable-content > section .rich-text .header-small:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #0DB464;
  border-radius: 2em;
  margin-right: 8px;
  vertical-align: middle;
}

/* line 3381, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.registration h2 {
  background-color: #f2f2f2;
  text-align: center;
  font-size: 1.5em;
  padding: .75em;
}
/* line 3387, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.registration form {
  padding: 1px 1.5em 2.5em;
}
/* line 3390, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.registration h3 {
  margin-top: 1.5em;
  font-size: 1.5em;
}
/* line 3394, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.registration input {
  -webkit-appearance: none;
  border-radius: 0.3em;
  /* CSS3草案 */
  -webkit-border-radius: 0.3em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.3em;
  /* Firefox用 */
  margin-top: .5em;
  width: 100%;
  height: 4em;
  border: 1px solid #b3b3b3;
}
/* line 3401, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.registration p {
  font-size: 1.5em;
  line-height: 1.5;
  margin-top: 2em;
}
/* line 3406, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.registration button {
  -webkit-appearance: none;
  border-radius: 0.5rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.5rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.5rem;
  /* Firefox用 */
  background-color: #1298ff;
  width: 100%;
  padding: 0;
  margin-top: 1em;
  height: 4rem;
  font-size: 1.8em;
  text-align: center;
  color: #fff;
  border: none;
}

/* line 3422, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page {
  background-color: #000;
}

/* line 3426, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page main {
  background: none;
  text-align: center;
}

/* line 3431, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page-floating__btn {
  bottom: 2.4rem;
  background-color: #fff;
  color: #9e9e9e;
}

/* line 3437, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page-floating__btn:hover {
  background-color: #e7f6fd;
}

/* line 3440, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page-liked-floating__btn {
  background-color: #fff;
  color: #1298ff;
  bottom: 2.4rem;
}

/* line 3446, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page-liked-floating__btn:hover {
  background-color: #e7f6fd;
}

/* line 3449, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page__container {
  position: relative;
  height: 100%;
  max-width: 500px;
  margin: auto;
}
/* line 3453, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page__container img {
  height: 100%;
  width: 100%;
}
/* line 3457, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page__container a {
  display: block;
}

/* line 3461, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page__ic {
  color: #fff;
  font-size: 5.4rem;
  text-shadow: 0 0 0.5em #000;
  text-shadow: 0 0 0.5em 1em #000;
}

/* line 3467, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page__close {
  position: absolute;
  left: 50%;
  width: 50%;
  height: 5em;
  padding: 1em;
  text-align: right;
}

/* line 3475, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page__left {
  position: absolute;
  width: 50%;
  height: 100%;
}
/* line 3479, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page__left a {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
  text-align: left;
}
/* line 3487, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page__left i {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1em;
  left: -1em;
}

/* line 3496, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page__right {
  position: absolute;
  left: 50%;
  width: 50%;
  height: 100%;
}
/* line 3501, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page__right a {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
  padding: 0;
  text-align: right;
}
/* line 3510, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page__right i {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -1em;
  margin: auto;
  padding: 0;
  height: 1em;
}

/* line 3520, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page__number {
  width: 100%;
  padding: 1em;
  text-align: center;
  position: absolute;
  bottom: 0;
  color: #fff;
  font-size: 1.2em;
  text-shadow: 0 0 0.5em #000;
  text-shadow: 0 0 0.5em 1em #000;
}

/* line 3530, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page-menu__container {
  position: absolute;
  top: .8rem;
  left: .8rem;
  width: 9.6rem;
}

/* line 3536, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page-bookmark__btn, .page-print__btn {
  position: relative;
  float: left;
  width: 4rem;
  height: 4rem;
  padding: 1em;
  margin-right: .8rem;
  border: none;
  cursor: pointer;
  border: 1px solid #9e9e9e;
  background-color: #fff;
  -webkit-appearance: none;
  border-radius: 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem;
  /* Firefox用 */
}

/* line 3549, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page-bookmark-btn__ic {
  color: #9e9e9e;
}

/* line 3552, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page-bookmarked-btn__ic {
  color: #1298ff;
}

/* line 3555, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.page-print__btn {
  color: #1298ff;
}

/* line 3562, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.search-searchbox__container {
  background-color: #fafafa;
  padding: .75em;
}

/* line 3566, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.search__searchbox {
  -webkit-appearance: none;
  border-radius: 0.3em;
  /* CSS3草案 */
  -webkit-border-radius: 0.3em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.3em;
  /* Firefox用 */
  width: 100%;
  height: 3.5em;
  border: 1px solid #e6e6e6;
}

/* line 3573, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
nav.search-options {
  background: #fafafa;
  padding: 0 1em;
  line-height: 3em;
}

/* line 3578, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
nav.search-options input:hover {
  cursor: pointer;
}

/* line 3581, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
nav.search-options label:hover {
  cursor: pointer;
}

/* line 3585, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.search__sort {
  border: none;
}

/* line 3591, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.questions__bg {
  padding-top: 1.6rem;
}

/* line 3597, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-header, .answers-answer-header__container, .answers-comment-header__container, .responses-answer-header__container, .responses-response-header__container {
  display: table;
  width: 100%;
}

/* line 3601, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-header-category {
  display: table-cell;
}

/* line 3604, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-header-subject {
  -webkit-appearance: none;
  border-radius: 0.25em;
  /* CSS3草案 */
  -webkit-border-radius: 0.25em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.25em;
  /* Firefox用 */
  padding: .35em .4em .25em;
  background-color: #1298ff;
  color: #fff;
  display: block;
  float: left;
}

/* line 3612, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-header-grade, .question-header-type, .question-header-status {
  padding: .35em;
  margin-left: .8em;
  float: left;
  color: #b3b3b3;
}

/* line 3618, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-header-type {
  margin-left: .4em;
}

/* line 3622, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-header-date, .answers-answer-header__date, .answers-comment-header__date, .responses-answer-header__date, .responses-response-header__date {
  display: table-cell;
  text-align: right;
  color: #b3b3b3;
  vertical-align: top;
}

/* line 3629, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.questions {
  padding-bottom: .8em;
}

/* line 3632, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.questions-header__sitename {
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
  width: 8rem;
}
/* line 3638, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.questions-header__sitename img {
  height: 3.2rem;
}

/* line 3642, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.questions__filter {
  background: #fafafa;
  width: 100%;
  height: 4.5em;
}

/* line 3648, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.questions__filter__categories {
  display: table;
  width: 100%;
}

/* line 3652, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.questions__filter__category, .questions__filter__category--status_last {
  display: table-cell;
  width: 33%;
  background-image: url(http://localhost:3000/assets/web/questions_filter_bg.png);
  background-repeat: no-repeat;
  background-size: .1em 3.5em;
  background-position: right .5em;
}

/* line 3659, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.questions__filter__category--status_last {
  background: none;
}

/* line 3663, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.questions__filter__category__btn, .questions__filter__category__status__btn, .questions__filter__category__grade__btn, .questions__filter__category__subject__btn {
  display: block;
  width: 100%;
  height: 4.5em;
  text-align: center;
  font-size: 1.1em;
  padding: 1.6em;
  color: #666666;
  background-image: url(http://localhost:3000/assets/web/questions_filter_arrow.png);
  background-repeat: no-repeat;
  background-position: right 1.8em;
  background-size: 1.25em .55em;
}

/* line 3707, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.questions__filter__options__options {
  max-height: 30rem;
  overflow-y: scroll;
}

/* line 3717, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.questions__filter__options__footer {
  height: 0.4rem;
  background: #fafafa;
}

/* line 3753, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question {
  overflow: hidden;
  margin: 0;
  padding: 0 .8em;
  position: relative;
}

/* line 3759, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question__container, .question-new__container {
  -webkit-appearance: none;
  border-radius: 0.8em;
  /* CSS3草案 */
  -webkit-border-radius: 0.8em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.8em;
  /* Firefox用 */
  overflow: hidden;
  position: relative;
  margin: .8rem auto 0 auto;
  padding: .8rem;
  color: #1298ff;
  display: block;
  width: 100%;
  max-width: 960px;
}
/* line 3770, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question__container:hover, .question-new__container:hover {
  background-color: #e8f5ff;
}

/* line 3774, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question__container--status_no-question {
  max-width: 960px;
  margin: 0 auto;
  padding: 4.5em 0 3.5em;
  text-align: center;
  color: gray;
}

/* line 3781, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question__header {
  display: table;
  width: 100%;
}

/* line 3785, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question__header__category {
  display: table-cell;
}

/* line 3788, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question__header__subject {
  -webkit-appearance: none;
  border-radius: 0.25em;
  /* CSS3草案 */
  -webkit-border-radius: 0.25em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.25em;
  /* Firefox用 */
  padding: .35em .4em .25em;
  background-color: #1298ff;
  color: #fff;
  display: block;
  float: left;
}

/* line 3796, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question__header__grade {
  padding: .35em;
  margin-left: .8em;
  float: left;
  color: #b3b3b3;
}

/* line 3802, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question__header__date {
  display: table-cell;
  vertical-align: top;
}

/* line 3807, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question__content, .answers-answer__content, .responses-answer__content {
  margin-top: .4em;
  font-size: 1.2em;
  line-height: 1.4em;
  width: 100%;
  color: #333333;
  word-break: break-all;
}

/* line 3815, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-footer {
  display: table;
  width: 100%;
  margin: 1.6rem 0 0;
}

/* line 3820, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-footer-like__btn, .question-footer-liked__btn {
  display: table;
  color: #9e9e9e;
  margin-left: .8rem;
  border: none;
  width: auto;
  cursor: pointer;
  background-color: transparent;
}

/* line 3829, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
i.question-footer-like-btn__ic {
  display: table-cell;
}

/* line 3835, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
i.question-footer-liked-btn__ic {
  display: table-cell;
  color: #1298ff;
}

/* line 3839, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-footer-like-btn__tx {
  display: table-cell;
  padding-left: .8rem;
  vertical-align: middle;
  font-size: 1.2rem;
}

/* line 3845, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-footer-status {
  display: table-cell;
  text-align: left;
  color: #b3b3b3;
}

/* line 3850, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-footer-answernumber {
  display: table-cell;
  text-align: right;
  color: #b3b3b3;
}

/* line 3855, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-footer-answernumber-figure {
  color: #1298ff;
  font-weight: bold;
}

/* line 3859, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-img__container, .question-img__container--ocr, .answers-answer-img__container, .answers-comment-img__container, .responses-answer-img__container, .responses-response-img__container {
  -webkit-appearance: none;
  border-radius: 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem;
  /* Firefox用 */
  height: 6.4rem;
  margin-top: .8em;
  overflow: hidden;
}

/* line 3865, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-img__container--ocr {
  -webkit-appearance: none;
  border-radius: 0.4rem 0.4rem 0 0;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem 0.4rem 0 0;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem 0.4rem 0 0;
  /* Firefox用 */
}

/* line 3869, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question__img, .answers-answer__img, .answers-comment__img, .responses-answer__img, .responses-response__img {
  width: 100%;
  position: relative;
}

/* line 3873, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-ocr__container {
  color: #757575;
  line-height: 1.5;
  -webkit-appearance: none;
  border-radius: 0 0 0.4rem 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0 0 0.4rem 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0 0 0.4rem 0.4rem;
  /* Firefox用 */
  border: 1px solid #eeeeee;
  background-color: #eeeeee;
  padding: .4rem;
}

/* line 3881, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-tags__container, .answers-answer-tags__container {
  overflow: hidden;
  margin-top: .8rem;
}

/* line 3885, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-tag__container, .answers-answer-tag__container {
  -webkit-appearance: none;
  border-radius: 0.2rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.2rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2rem;
  /* Firefox用 */
  display: block;
  float: left;
  background-color: #e0e0e0;
  padding: .5em .5em;
  color: #757575;
  margin: .125em;
  font-size: 1em;
}

/* line 3895, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question__footer-banner, .answers__footer-banner {
  background-color: #EEEEEE;
  padding: 1.5em 0.75em;
  text-align: center;
}
/* line 11, /webrails/concourse_rails/app/assets/stylesheets/web/_mixins.scss */
.question__footer-banner a:hover, .answers__footer-banner a:hover {
  opacity: 0.5;
}

/* line 3903, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question__pagenation__container {
  max-width: 960px;
  margin: auto;
  background-color: #fff;
}

/* line 3908, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question__pagenation {
  display: table;
  width: 100%;
  position: relative;
  border-top: 1px solid #e6e6e6;
}

/* line 3932, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-new__bg {
  padding-top: 4.2rem;
  padding-bottom: 1.6rem;
}

/* line 3937, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-new__container {
  margin-top: 1rem;
}
@media only screen and (min-width: 961px) {
  /* line 3937, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .question-new__container {
    margin-top: 2rem;
  }
}
/* line 3945, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-new__container:hover {
  background-color: #fff;
}

/* line 3949, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-new-content__input {
  -webkit-appearance: none;
  border-radius: 0.2rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.2rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2rem;
  /* Firefox用 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin: .8rem auto 0 auto;
  padding: .8rem;
  width: 100%;
  border: 1px solid #e6e6e6;
  font-size: 1.6rem;
  margin: 0;
  display: block;
  font-size: 1.2rem;
  height: 17.5rem;
}
/* line 3956, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-new-content__input::placeholder {
  font-family: inherit;
  font-size: 1em;
}
@media only screen and (min-width: 961px) {
  /* line 3949, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .question-new-content__input {
    height: 12rem;
  }
}

/* line 3965, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-new-select__input {
  -webkit-appearance: none;
  border-radius: 0.2rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.2rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2rem;
  /* Firefox用 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin: .8rem auto 0 auto;
  padding: .8rem;
  width: 100%;
  border: 1px solid #e6e6e6;
  font-size: 1.6rem;
  margin: .8rem 0 0;
  display: block;
  font-size: 1.2rem;
}

/* line 3971, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-new-error__container {
  margin-top: 1rem;
  padding: 0 .8rem 1.6rem .8rem;
}

/* line 3976, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-new__btn {
  border: 1px solid #1298ff;
  margin: .8rem auto;
  background-color: #1298ff;
}

/* line 3988, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-question {
  position: relative;
  padding: 0;
  background-color: #fff;
}

/* line 3993, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-question__container {
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  position: relative;
  margin: 0em auto 0 auto;
  padding: .8em;
  color: #1298ff;
  display: block;
  width: 100%;
  max-width: 960px;
}

/* line 4004, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-question__user {
  margin-top: .8em;
  display: table;
}

/* line 4008, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-question-avatar__container {
  display: table-cell;
}

/* line 4014, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-question__username, .answers-answer__username, .answers-comment-username, .responses-answer__username, .responses-response-username {
  display: table-cell;
  vertical-align: middle;
  padding-left: .8em;
  font-size: 1.2em;
  color: #1298ff;
}

/* line 4021, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-answers__title {
  text-align: center;
  color: #9e9e9e;
  font-size: 1.2rem;
  margin-bottom: .4rem;
}

/* line 4027, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-answers__container {
  overflow: hidden;
  padding: .8rem;
  position: relative;
  background-color: #EEEEEE;
}

/* line 4033, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-answer {
  overflow: hidden;
  margin: 0;
  padding: 0 .8em;
  position: relative;
}

/* line 4041, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers__answer.best-answer .answers-answer__container > * {
  position: relative;
  z-index: 2;
}
/* line 4046, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers__answer.best-answer .answers-answer__container > svg {
  position: absolute;
  z-index: 1;
  top: 5rem;
  left: 50%;
  transform: translateX(-50%);
}
/* line 4054, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers__answer.best-answer .answers-answer__content-wrapper {
  min-height: 7.2rem;
}

/* line 4059, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-answer__container {
  position: relative;
  margin: .8em auto 0 auto;
  padding: 1.2em .8em .8em .8em;
  width: 100%;
  max-width: 960px;
}

/* line 4067, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-answer-best__container {
  margin-bottom: .8em;
  text-align: center;
  color: #FF5A5A;
  font-size: 1.2rem;
  font-weight: bold;
}

/* line 4077, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-answer-header__left {
  display: table-cell;
}

/* line 4092, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-answer__user {
  display: table;
}

/* line 4107, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-answer-best__btn, .responses-answer-best__btn {
  -webkit-appearance: none;
  border-radius: 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem;
  /* Firefox用 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: block;
  border: 1px solid #1298ff;
  color: #1298ff;
  position: relative;
  margin: 1.6rem auto .8rem 0;
  padding: 1.4rem;
  display: block;
  width: 100%;
  max-width: 960px;
  text-align: center;
  font-size: 1.2rem;
}

/* line 4123, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-answer__container .best-answer-wrapper {
  margin-top: 12px;
}
/* line 4126, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-answer__container .best-answer-wrapper hr {
  position: relative;
  left: -4px;
  width: calc(100% + 4px + 4px);
  border: none;
  border-top: solid 1px #e0e0e0;
  margin-top: 12px;
  margin-bottom: 0;
}

/* line 4139, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-comment__container {
  display: table;
  border-top: 1px solid #e6e6e6;
  width: 100%;
  margin-top: .8em;
  padding-top: .8em;
}

/* line 4146, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-comment__left {
  display: table-cell;
}

/* line 4149, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-comment__right {
  display: table-cell;
  vertical-align: top;
  width: 100%;
  padding-left: .8em;
}

/* line 4158, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-comment-header__username {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.2em;
  color: #1298ff;
}

/* line 4167, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-comment__content {
  margin-top: .8em;
  color: #333333;
  line-height: 1.4em;
  font-size: 1.2rem;
  word-break: break-all;
}

/* line 4186, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-comment__btn {
  margin-top: 8px;
}

/* line 4190, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-answer-new-btn__container {
  margin: 0;
  padding: 0;
}

/* line 4194, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-answer-new__btn {
  background-color: #1298ff;
}

/* line 4205, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-new-error__container {
  margin-top: 1rem;
  padding: .8em;
}

/* line 4210, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-new-content__input {
  -webkit-appearance: none;
  border-radius: 0.2rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.2rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2rem;
  /* Firefox用 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin: .8rem auto 0 auto;
  padding: .8rem;
  width: 100%;
  border: 1px solid #e6e6e6;
  font-size: 1.6rem;
  display: block;
  font-size: 1.2rem;
  height: 10rem;
}

/* line 4216, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-new-keywords__input {
  -webkit-appearance: none;
  border-radius: 0.2rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.2rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2rem;
  /* Firefox用 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin: .8rem auto 0 auto;
  padding: .8rem;
  width: 100%;
  border: 1px solid #e6e6e6;
  font-size: 1.6rem;
  display: block;
  margin-bottom: 2rem;
  font-size: 1.2rem;
}

/* line 4222, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-new-imgs__container {
  padding: 0 .8rem;
}

/* line 4225, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-new-img__container {
  -webkit-appearance: none;
  border-radius: 0.5rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.5rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.5rem;
  /* Firefox用 */
  border: 1px solid #e6e6e6;
  height: 9.05rem;
  width: 9.05rem;
  margin-top: .8rem;
  overflow: hidden;
}

/* line 4233, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-new-img__img {
  height: 100%;
  position: relative;
}

/* line 4237, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-new-img__btn {
  -webkit-appearance: none;
  border-radius: 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem;
  /* Firefox用 */
  display: block;
  text-align: center;
  padding: 1.6rem;
  width: 100%;
  font-size: 1.8rem;
  color: #1298ff;
  border: 1px solid #1298ff;
  background-color: #fff;
  margin-top: .8rem;
  padding: .8rem;
  height: 3.2rem;
  width: 9.05rem;
  font-size: 1.2rem;
}

/* line 4245, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-new-imgfile {
  -webkit-appearance: none;
  border-radius: 0.2rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.2rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2rem;
  /* Firefox用 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin: .8rem auto 0 auto;
  padding: .8rem;
  width: 100%;
  border: 1px solid #e6e6e6;
  font-size: 1.6rem;
  width: 100%;
  color: #1298ff;
  background-color: #fff;
  font-size: 1.2rem;
}

/* line 4252, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-new-imgfile__btn {
  -webkit-appearance: none;
  border-radius: 0.3em;
  /* CSS3草案 */
  -webkit-border-radius: 0.3em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.3em;
  /* Firefox用 */
  color: #333333;
  font-size: 1.3rem;
  padding: 1rem;
}

/* line 4258, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-new-btn__container {
  margin: 0;
  padding: 0;
}

/* line 4263, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-new__btn, .responses-new__btn {
  border: 1px solid #1298ff;
  margin: .8rem auto 1.6rem auto;
  background-color: #1298ff;
}
/* line 4269, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-new__btn:disabled, .responses-new__btn:disabled {
  background-color: #aaa;
  border-color: #aaa;
}
/* line 4273, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.answers-new__btn:disabled:hover, .responses-new__btn:disabled:hover {
  opacity: 1;
}

/* line 4280, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-answer {
  position: relative;
  padding: 0;
  background-color: #fff;
}

/* line 4285, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-answer__container {
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  position: relative;
  margin: 0em auto 0 auto;
  padding: .8em;
  display: block;
  width: 100%;
  max-width: 960px;
}

/* line 4298, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-answer-header__left {
  display: table-cell;
}

/* line 4313, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-answer__user {
  display: table;
}

/* line 4322, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-answer-tags__container {
  overflow: hidden;
  margin-top: .8rem;
}

/* line 4326, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-answer-tag__container {
  -webkit-appearance: none;
  border-radius: 0.2rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.2rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2rem;
  /* Firefox用 */
  display: block;
  float: left;
  background-color: #e0e0e0;
  padding: .5em .5em;
  color: #757575;
  margin: .125em;
  font-size: 1em;
}

/* line 4339, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-answer-best__txt {
  color: #9e9e9e;
  text-align: center;
  font-size: 1.2rem;
}

/* line 4345, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-responses__container {
  border-top: 1px solid #e6e6e6;
  position: relative;
  background-color: #fff;
}

/* line 4350, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-response {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  position: relative;
  margin: 0 auto 0 auto;
  padding: 1.2em .8em 1.6em .8em;
  background-color: #fff;
  color: #1298ff;
  display: table;
  width: 100%;
  max-width: 960px;
}

/* line 4361, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-response__left {
  display: table-cell;
}

/* line 4364, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-response__right {
  display: table-cell;
  vertical-align: top;
  width: 100%;
  padding-left: .8em;
}

/* line 4373, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-response-header__username {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.2em;
  color: #1298ff;
}

/* line 4382, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-response__content {
  margin-top: .8em;
  color: #333333;
  line-height: 1.4em;
  font-size: 1.2rem;
}

/* line 4400, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-response__btn {
  -webkit-appearance: none;
  border-radius: 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem;
  /* Firefox用 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: block;
  color: #1298ff;
  position: relative;
  top: .8rem;
  margin: .8rem auto 0 auto;
  padding: 1.6rem;
  background-color: #eeeeee;
  display: block;
  width: 100%;
  max-width: 960px;
  text-align: center;
  font-size: 1.4rem;
}

/* line 4417, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-new {
  border-top: 1px solid #e6e6e6;
  margin-top: .8rem;
  padding-top: .8rem;
}

/* line 4425, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-new-error__container {
  margin-top: 1rem;
  padding: 0 .8rem 1.6rem .8rem;
}

/* line 4430, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-new-content__input {
  -webkit-appearance: none;
  border-radius: 0.2rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.2rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2rem;
  /* Firefox用 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin: .8rem auto 0 auto;
  padding: .8rem;
  width: 100%;
  border: 1px solid #e6e6e6;
  font-size: 1.6rem;
  margin: 0;
  display: block;
  font-size: 1.2rem;
  height: 10rem;
}

/* line 4437, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-new-img__container {
  -webkit-appearance: none;
  border-radius: 0.5rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.5rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.5rem;
  /* Firefox用 */
  border: 1px solid #e6e6e6;
  height: 9.05rem;
  width: 9.05rem;
  margin-top: .8rem;
  overflow: hidden;
  text-align: center;
}

/* line 4446, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-new-img__img {
  max-height: 9.05rem;
  max-width: 9.05rem;
  position: relative;
}

/* line 4452, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-new-img__btn {
  -webkit-appearance: none;
  border-radius: 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem;
  /* Firefox用 */
  display: block;
  text-align: center;
  padding: 1.6rem;
  width: 100%;
  font-size: 1.8rem;
  color: #1298ff;
  border: 1px solid #1298ff;
  background-color: #fff;
  margin-top: .8rem;
  padding: .8rem;
  height: 3.2rem;
  width: 9.05rem;
  font-size: 1.2rem;
}

/* line 4460, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-new-imgfile {
  -webkit-appearance: none;
  border-radius: 0.2rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.2rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2rem;
  /* Firefox用 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin: .8rem auto 0 auto;
  padding: .8rem;
  width: 100%;
  border: 1px solid #e6e6e6;
  font-size: 1.6rem;
  width: 100%;
  color: #1298ff;
  background-color: #fff;
  font-size: 1.2rem;
}

/* line 4467, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-new-imgfile__btn {
  -webkit-appearance: none;
  border-radius: 0.3em;
  /* CSS3草案 */
  -webkit-border-radius: 0.3em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.3em;
  /* Firefox用 */
  color: #333333;
  font-size: 1.3rem;
  padding: 1rem;
}

/* line 4475, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.responses-new__btn {
  margin-bottom: 0;
}

/* line 4480, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.question-answers__bg {
  padding-top: 6.8rem;
  padding-bottom: 1.6rem;
}

/* line 4488, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage__bg {
  padding-top: 0;
}

/* line 4492, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage__container {
  max-width: 960px;
  margin: auto;
}

/* line 4499, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage-tabs {
  width: 100%;
  max-width: 960px;
  margin: auto;
}

/* line 4505, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage-tab {
  width: 25%;
}

/* line 4509, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage-tab__btn {
  text-align: center;
  font-size: 1.1rem;
  padding: 0;
  line-height: 4.5rem;
}

/* line 4517, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage__bg.chat {
  background: #fff;
  padding-top: 0;
  padding-bottom: 0;
}

/* line 4522, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage__container.chat {
  height: 45rem;
}

@media only screen and (max-width: 480px) {
  /* line 4526, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  main.mypage__dm {
    height: calc(100% - 56px - 2.8rem - 6.8rem - 4.5rem + 1px);
  }

  /* line 4529, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .mypage__bg.chat, .mypage__container.chat {
    height: 100%;
  }
}
/* line 4534, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage-2nd-tabs__container {
  border-bottom: 0.1rem solid #e0e0e0;
}

/* line 4538, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage-2nd-tabs {
  width: 100%;
  max-width: 960px;
  margin: auto;
}

/* line 4544, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage-2nd-tab {
  width: 50%;
}

/* line 4548, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage-2nd-tab__btn {
  text-align: center;
  font-size: 1.1rem;
  padding: 0;
  line-height: 4.5rem;
}

/* line 4555, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage-2nd-tab__btn--active {
  background-color: #1279ff;
}

/* line 4559, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage-notebooks-tab {
  width: 50%;
}

/* line 4566, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage--not_exist {
  padding: 1.6rem;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
/* line 4572, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage--not_exist p {
  font-size: 1.2rem;
  text-align: center;
  color: #757575;
}
/* line 4577, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage--not_exist div {
  padding-top: .8em;
}

/* line 4584, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage-question {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
}

/* line 4590, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage-question__btn {
  display: block;
  width: 100%;
  color: #333333;
  padding: .8rem;
  line-height: 1.5;
}
/* line 4596, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage-question__btn:hover {
  background-color: whitesmoke;
}

/* line 4600, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.mypage-question__tx {
  font-size: 1.2rem;
  margin-top: .4rem;
}

/* line 4607, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__source01 {
  background: #f8bbd0;
}

/* line 4610, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__source02 {
  background: #81d4fa;
}

/* line 4613, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__source03 {
  background: #80cbc4;
}

/* line 4616, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__source04 {
  background: #ffe082;
}

/* line 4619, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__count {
  position: relative;
  float: left;
  color: #999999;
  font-size: .9em;
  margin-right: .8em;
}

/* line 4626, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__count__icon {
  padding-right: .5em;
  color: #999999;
}

/* line 4634, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__source__bg {
  background-color: #f0f0f0;
  padding-bottom: 1em;
  padding: .8em;
}

/* line 4639, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__sources__container {
  overflow: hidden;
  max-width: 960px;
  margin: 0 auto;
  width: 100%;
  padding: .8em;
}

/* line 4646, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__sources__container__row {
  width: 100%;
}

/* line 4649, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__source__container__left {
  width: 50%;
  float: left;
  padding-right: .4em;
}

/* line 4654, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__source__container__right {
  width: 50%;
  float: left;
  padding-left: .4em;
}

/* line 4659, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__source {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: block;
  width: 100%;
  background: #fff;
  -webkit-appearance: none;
  border-radius: 0.3em;
  /* CSS3草案 */
  -webkit-border-radius: 0.3em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.3em;
  /* Firefox用 */
  padding: .2em;
  margin-bottom: .8em;
}

/* line 4668, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__source01_bg {
  background-image: url(http://localhost:3000/assets/web/article_hat-baaed7d1b38db5fbafa4127e708388eb.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8em 8em;
}

/* line 4673, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__source02_bg {
  background-image: url(http://localhost:3000/assets/web/article_leaf-6f55d2e6adb53614d71b6c8548db3630.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8em 8em;
}

/* line 4678, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__source03_bg {
  background-image: url(http://localhost:3000/assets/web/article_pencil-c852efffbaff3d3e8793e01904df491a.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8em 8em;
}

/* line 4683, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__source04_bg {
  background-image: url(http://localhost:3000/assets/web/article_people-3358179218a88bab78af7699ec077b36.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8em 8em;
}

/* line 4689, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__source__title {
  -webkit-appearance: none;
  border-radius: 0.2em;
  /* CSS3草案 */
  -webkit-border-radius: 0.2em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2em;
  /* Firefox用 */
  padding-top: 1.6em;
  width: 100%;
  height: 14em;
  text-align: center;
  color: #fff;
  font-size: 1.3em;
}

/* line 4698, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__source__news {
  -webkit-appearance: none;
  border-radius: 0.2em;
  /* CSS3草案 */
  -webkit-border-radius: 0.2em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2em;
  /* Firefox用 */
  width: 100%;
  background: #f5f5f5;
  padding: .8em;
  display: block;
  margin-top: .2em;
}

/* line 4705, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__source__news__title {
  color: #999999;
  text-align: center;
}

/* line 4709, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__source__news__subtitle {
  line-height: 1.4;
  color: #333333;
}

/* line 4716, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__list__bg {
  background-color: #f0f0f0;
}

/* line 4719, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__list__title {
  color: #fff;
  padding: .8em;
  text-align: center;
}

/* line 4724, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__list__articles {
  padding: .8em .8em 1.6em .8em;
}

/* line 4727, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__list__article {
  -webkit-appearance: none;
  border-radius: 0.5em;
  /* CSS3草案 */
  -webkit-border-radius: 0.5em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.5em;
  /* Firefox用 */
  background: #fff;
  margin-top: .8em;
  display: block;
}

/* line 4733, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__list__article__header {
  padding: .6em .6em 0 .6em;
}

/* line 4736, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__list__article__source {
  -webkit-appearance: none;
  border-radius: 0.2em;
  /* CSS3草案 */
  -webkit-border-radius: 0.2em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2em;
  /* Firefox用 */
  display: table-cell;
  color: #fff;
  padding: .4em .4em;
  margin: 0;
}

/* line 4743, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__list__artitle__contents {
  padding: .8em;
  display: table;
  width: 100%;
}

/* line 4748, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__list__article__tx {
  display: table-cell;
  padding-right: .8em;
  vertical-align: top;
}

/* line 4753, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__list__article__info {
  display: table;
  margin-bottom: .8em;
}

/* line 4757, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__list__article__title {
  overflow: hidden;
  font-size: 1.7em;
  margin-bottom: 1.6em;
  display: table-cell;
  padding-right: .4em;
  color: #333333;
}

/* line 4765, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__list__article__label {
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0.2em;
  /* CSS3草案 */
  -webkit-border-radius: 0.2em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2em;
  /* Firefox用 */
  display: table-cell;
  color: #fff;
  padding: .4em .4em;
  margin: 0;
  background: #f27573;
}

/* line 4775, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__list__article__sentence {
  font-size: 1.2em;
  line-height: 1.4em;
  color: #333333;
}

/* line 4780, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__list__article__img {
  display: table-cell;
  width: 8.6em;
}

/* line 4784, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__list__article__counts {
  overflow: hidden;
  border-top: 1px solid #e6e6e6;
  padding: .6em;
  color: #999999;
}

/* line 4794, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__container {
  padding: .8em .8em 1.6em;
  background: #fff;
}

/* line 4798, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__header__source {
  -webkit-appearance: none;
  border-radius: 0.2em;
  /* CSS3草案 */
  -webkit-border-radius: 0.2em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2em;
  /* Firefox用 */
  display: table;
  color: #fff;
  padding: .4em .4em;
  margin-bottom: .8em;
}

/* line 4805, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__counts {
  overflow: hidden;
  margin: 0 -.8em .8em;
  padding: 0 .8em;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: .6em;
  color: #999999;
}

/* line 4814, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__info {
  display: table;
  margin-bottom: .4em;
}

/* line 4818, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__title {
  overflow: hidden;
  font-size: 1.7em;
  margin-bottom: 1.6em;
  display: table-cell;
  padding-right: .4em;
}

/* line 4825, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__label {
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0.2em;
  /* CSS3草案 */
  -webkit-border-radius: 0.2em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2em;
  /* Firefox用 */
  display: inline-block;
  color: #fff;
  padding: .4em .4em;
  margin: 0;
  background: #f27573;
}

/* line 4836, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__description {
  color: #999999;
  font-size: 1.2em;
  line-height: 1.6em;
  margin-bottom: .8em;
}

/* line 4842, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__contents {
  color: #333333;
  font-size: 1.4em;
  line-height: 1.6em;
}
/* line 4846, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__contents p {
  margin-bottom: 1.4em;
}

/* line 4850, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__contents__img__container {
  -webkit-appearance: none;
  border-radius: 0.4em;
  /* CSS3草案 */
  -webkit-border-radius: 0.4em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4em;
  /* Firefox用 */
  display: block;
  width: 200px;
  height: 200px;
  float: right;
  margin: 0 0 0 .8em;
  padding: 0;
  overflow: hidden;
  margin-left: .8em;
}

/* line 4861, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__contents__img {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* line 4866, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__contents__subtitle {
  width: 100%;
  font-size: 1.4em;
  margin-top: 1.6em;
  margin-bottom: .4em;
  padding: 0;
  font-weight: bold;
}

/* line 4874, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__contents__author {
  text-align: right;
}

/* line 4877, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__exam {
  padding: .8em;
  margin-top: 2.4em;
  background-color: #f2f2f2;
  font-size: 1em;
  margin-bottom: 1.6em;
}

/* line 4884, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__exam__header {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  text-align: center;
  width: 100%;
  display: block;
}

/* line 4891, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__exam__title {
  overflow: hidden;
  -webkit-appearance: none;
  border-radius: 0.8em;
  /* CSS3草案 */
  -webkit-border-radius: 0.8em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.8em;
  /* Firefox用 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  color: #666;
  background-color: #fff;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: .4em .1em;
}

/* line 4902, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__exam__question, .article__exam__question--status_last {
  font-size: 1.2em;
  color: #666666;
  line-height: 1.4em;
  padding: .8em 0;
}

/* line 4908, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__exam__question--status_last {
  border-top: 1px solid #e6e6e6;
}

/* line 4911, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__exam__source {
  text-align: right;
  margin-top: 1em;
}

/* line 4915, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__quiz {
  -webkit-appearance: none;
  border-radius: 0.4em;
  /* CSS3草案 */
  -webkit-border-radius: 0.4em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4em;
  /* Firefox用 */
  margin-top: .8em;
  padding: .8em;
  background-color: #ffebee;
  margin-bottom: 1.6em;
}

/* line 4922, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__quiz__category {
  -webkit-appearance: none;
  border-radius: 0.2em;
  /* CSS3草案 */
  -webkit-border-radius: 0.2em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2em;
  /* Firefox用 */
  background-color: #ef9a9a;
  color: #fff;
  padding: .4em .8em;
  display: inline-block;
  font-size: 1.1em;
  margin-bottom: .6em;
}

/* line 4931, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.article__quiz__description {
  font-size: 1.1em;
  color: #666666;
  line-height: 1.4em;
}

/* line 4942, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.user-edit__bg {
  padding-top: 4.5rem;
}

/* line 4946, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.user-edit__container {
  padding: 2.4rem;
  -webkit-appearance: none;
  border-radius: 0;
  /* CSS3草案 */
  -webkit-border-radius: 0;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0;
  /* Firefox用 */
}

/* line 4952, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.user-edit-notice__container {
  height: 3.2rem;
  padding: .8rem 0;
  font-size: 1.2rem;
}

/* line 4957, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account__title {
  color: #666666;
  font-size: 1.6rem;
  background-color: #e6e6e6;
  text-align: center;
  padding: 1.6rem;
}

/* line 4964, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-main {
  padding: .8rem 1.6rem 4rem 1.6rem;
}

/* line 4967, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-item, .account-name, .account-intro, .account-email, .account-password, .account-grade, .account-country, .account-prefecture, .account-schpol-year, .account-profile-school, .account-first-choice-school, .account-gender, .account-old-school {
  width: 100%;
  display: table;
  border-bottom: 1px solid #e6e6e6;
  padding: 2rem 0 1.6rem 0;
}

/* line 4973, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-item__label, .account-name__label, .account-avatar__label, .account-intro__label, .account-email__label, .account-password__label, .account-grade__label, .account-country__label, .account-prefecture__label, .account-schpol-year__label, .account-profile-school__label, .account-first-choice-school__label, .account-gender__label, .account-old-school__label {
  display: table-cell;
  font-size: 1.2rem;
  color: #666666;
  width: 30%;
}

/* line 4979, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-item__value, .account-name__value, .account-avatar__value, .account-intro__value, .account-email__value, .account-password__value, .account-country__value, .account-grade__value, .account-prefecture__value, .account-schpol-year__value, .account-profile-school__value, .account-first-choice-school__value, .account-gender__value, .account-old-school__value {
  display: table-cell;
  color: #333333;
  width: 70%;
  font-size: 1.6rem;
  line-height: 1.4em;
}

/* line 4998, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-avatar {
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  padding: 2rem 0 1.6rem 0;
}

/* line 5003, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-avatar__container {
  width: 100%;
  display: table;
}

/* line 5010, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-avatar-img__container {
  -webkit-appearance: none;
  border-radius: 3rem;
  /* CSS3草案 */
  -webkit-border-radius: 3rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3rem;
  /* Firefox用 */
  height: 6rem;
  width: 6rem;
  overflow: hidden;
}

/* line 5016, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-avatar-img {
  width: 100%;
}

/* line 5022, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-avatar-img__cell {
  display: table-cell;
  width: 70%;
}

/* line 5027, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-avatar-imgfile__cell {
  -webkit-appearance: none;
  border-radius: 0.2rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.2rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2rem;
  /* Firefox用 */
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

/* line 5033, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-avatar-imgfile {
  -webkit-appearance: none;
  border-radius: 0.3em;
  /* CSS3草案 */
  -webkit-border-radius: 0.3em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.3em;
  /* Firefox用 */
  margin-top: 1rem;
  padding: .5rem;
  width: 100%;
  border: #bdbdbd solid 1px;
  background-color: #eeeeee;
  font-size: 1.3rem;
}

/* line 5042, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-avatar-imgfile__btn {
  -webkit-appearance: none;
  border-radius: 0.3em;
  /* CSS3草案 */
  -webkit-border-radius: 0.3em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.3em;
  /* Firefox用 */
  font-size: 1.3rem;
  padding: 1rem;
}

/* line 5053, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-intro__value {
  font-size: 1.3rem;
}

/* line 5072, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-email__btn {
  -webkit-appearance: none;
  border-radius: 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem;
  /* Firefox用 */
  display: block;
  text-align: center;
  padding: 1.6rem;
  width: 100%;
  font-size: 1.8rem;
  color: #1298ff;
  border: 1px solid #1298ff;
  background-color: #fff;
  font-size: 1.3rem;
  padding: 1rem;
  margin-top: 1rem;
}

/* line 5090, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-password__btn {
  -webkit-appearance: none;
  border-radius: 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem;
  /* Firefox用 */
  display: block;
  text-align: center;
  padding: 1.6rem;
  width: 100%;
  font-size: 1.8rem;
  color: #1298ff;
  border: 1px solid #1298ff;
  background-color: #fff;
  font-size: 1.3rem;
  padding: 1rem;
  margin-top: 1rem;
}

/* line 5115, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-detail .Select-control {
  font-size: 1.6rem;
  height: calc(2.5em - 2px);
  border-width: 1px;
}
/* line 5121, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-detail .Select-input {
  line-height: calc(2.5em - 2px);
  height: calc(2.5em - 2px);
}
/* line 5126, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-detail .Select-value {
  line-height: calc(2.5em - 2px);
}
/* line 5130, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-detail .Select-value-label {
  line-height: calc(2.5em - 2px);
}
/* line 5134, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-detail .Select-placeholder {
  height: calc(2.5em - 2px);
  line-height: calc(2.5em - 2px);
}
/* line 5139, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-detail .Select-menu-outer {
  font-size: 1.3em;
  line-height: 2;
}

/* line 5168, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-profile-school {
  position: relative;
}

/* line 5178, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-first-choice-school {
  position: relative;
}

/* line 5201, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-old-school {
  position: relative;
}

/* line 5214, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-edit {
  padding-top: 2rem;
}

/* line 5217, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-edit__btn {
  -webkit-appearance: none;
  border-radius: 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem;
  /* Firefox用 */
  display: block;
  text-align: center;
  padding: 1.6rem;
  width: 100%;
  font-size: 1.8rem;
  color: #1298ff;
  border: 1px solid #1298ff;
  background-color: #fff;
}

/* line 5220, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account__input, .account-name__input, .account-intro__input, .account-email__input, .account-password__input, .account-prefecture__input, .account-schpol-year__input, .account-gender__input, .account-old-school__input, .account-grade__input, .account-country__input, .account-profile-school__input, .account-first-choice-school__input {
  -webkit-appearance: none;
  border-radius: 0.2rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.2rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2rem;
  /* Firefox用 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: .8rem;
  width: 100%;
  border: 1px solid #e6e6e6;
  font-size: 1.6rem;
}

/* line 5241, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-confirm {
  text-align: center;
  padding-top: 2rem;
}

/* line 5245, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-back__btn {
  -webkit-appearance: none;
  border-radius: 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem;
  /* Firefox用 */
  display: block;
  text-align: center;
  padding: 1.6rem;
  width: 100%;
  font-size: 1.8rem;
  color: #1298ff;
  border: 1px solid #1298ff;
  background-color: #fff;
}

/* line 5248, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.account-change__btn {
  -webkit-appearance: none;
  border-radius: 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem;
  /* Firefox用 */
  display: block;
  text-align: center;
  padding: 1.6rem;
  width: 100%;
  font-size: 1.8rem;
  color: #fff;
  border: 1px solid #1298ff;
  font-size: 1.8rem;
  background-color: #1298ff;
  margin-top: 1.2rem;
}

/* line 5253, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.search-result-count {
  position: absolute;
  top: 7em;
  left: 10px;
  right: calc(70% + 10px);
  text-align: right;
}

/* line 5260, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.select-arrow-down {
  position: absolute;
  top: 7em;
  right: -20px;
  color: #1298ff;
}

@media only screen and (min-width: 481px) {
  /* line 5269, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .note_wrapper {
    width: 200px;
  }

  /* line 5274, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .registration button {
    display: table;
    width: 200px;
    margin: 1em auto;
  }

  /* line 5282, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .header-whatcanido {
    display: table-cell;
  }

  /* line 5288, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .floating__btn, .notebook-floating__btn, .notebook-liked-floating__btn, .page-floating__btn, .page-liked-floating__btn {
    bottom: 2.4rem;
  }
}
@media only screen and (min-width: 769px) {
  /* line 5298, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .form-label, .album-form-label {
    display: block;
    width: 20%;
    float: left;
    position: relative;
    top: .8rem;
  }

  /* line 5305, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .field-with-errors {
    width: 20%;
  }

  /* line 5308, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .field-with-errors .form-label, .field-with-errors .album-form-label {
    width: 100%;
  }

  /* line 5311, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .field-with-errors .error {
    position: relative;
    top: .8rem;
    margin-top: 1.6rem;
  }

  /* line 5316, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .form-control, .album-form-control {
    width: 80%;
    float: left;
  }

  /* line 5320, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .form-control-group {
    width: 80%;
    float: left;
  }

  /* line 5324, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .form-control-group .form-control, .form-control-group .album-form-control {
    width: 100%;
    float: none;
  }

  /* line 5328, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .form-group {
    overflow: hidden;
  }

  /* line 5331, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .submit__btn, .action__btn, .registrations__btn, .question-new__btn, .answers-answer-new__btn, .answers-new__btn, .responses-new__btn {
    width: auto;
    padding: 1.2rem 3.6rem;
    font-size: 1.2rem;
  }

  /* line 5336, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .answers-new__btn, .responses-new__btn {
    width: 100%;
  }

  /* line 5339, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .info, .album-form-info {
    -webkit-appearance: none;
    border-radius: 0.8em;
    /* CSS3草案 */
    -webkit-border-radius: 0.8em;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 0.8em;
    /* Firefox用 */
    border: 1px solid #e6e6e6;
    margin: 0 1rem;
  }

  /* line 5344, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .header-grade {
    display: table-cell;
    padding: .8rem;
  }

  /* line 5348, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .header-grade__btn, .header-school-year__btn {
    margin: 0;
    color: #fff;
    background-color: #1298ff;
  }

  /* line 5354, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .banner-light-function, .banner-dark-function {
    -webkit-appearance: none;
    border-radius: 0.8em;
    /* CSS3草案 */
    -webkit-border-radius: 0.8em;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 0.8em;
    /* Firefox用 */
    display: block;
    padding: .2rem;
    margin-top: .4rem;
    font-size: .8rem;
    text-align: center;
    background: #fff;
    background: #fff;
    color: #999999;
  }

  /* line 5366, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .globalnav {
    display: none;
  }

  /* line 5369, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .globalnavi__btn {
    height: 4rem;
    width: auto;
    padding: 1.2rem;
    padding-right: .3rem;
    padding-left: .3rem;
    line-height: 4rem;
  }

  /* line 5377, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .globalnavi__ic, .globalnavi-mypage__ic {
    position: relative;
    top: 1.2rem;
    width: 22px;
    height: 22px;
    line-height: 4.5rem;
    vertical-align: middle;
  }

  /* line 5385, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .globalnavi__tx {
    display: block;
    position: relative;
    top: 1rem;
    float: left;
    vertical-align: middle;
    line-height: 3rem;
    margin-left: .4rem;
    font-size: .95rem;
  }

  /* line 5395, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .globalnavi__tx.sm {
    font-size: .95rem;
    line-height: 3rem;
  }

  /* line 5400, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .header-menu__btn {
    width: auto;
  }

  /* line 5403, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .header-menu-btn__tx {
    display: inline;
  }

  /* line 5406, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .header-login__btn {
    display: table-cell;
  }

  /* line 5409, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .globalnavi-timeline__btn--active .globalnavi__tx {
    color: #1298ff;
  }

  /* line 5412, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .globalnavi-notebooks__btn--active .globalnavi__tx {
    color: #1298ff;
  }

  /* line 5415, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .globalnavi-questions__btn--active .globalnavi__tx {
    color: #1298ff;
  }

  /* line 5418, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .globalnavi-mypage__btn--active .globalnavi__tx {
    color: #1298ff;
  }

  /* line 5423, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .author__bg, .registrations__bg, .sessions-new__bg, .user-edit__bg {
    padding-top: 5.6rem;
  }

  /* line 5426, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .authorinfo, .registrations__container, .sessions-new__container, .user-edit__container {
    -webkit-appearance: none;
    border-radius: 0.8em;
    /* CSS3草案 */
    -webkit-border-radius: 0.8em;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 0.8em;
    /* Firefox用 */
  }

  /* line 5430, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .timeline__img {
    width: 24rem;
  }

  /* line 5434, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .authorintro-company__img {
    width: 32rem;
    float: left;
    margin-right: 2.4rem;
    margin-bottom: 2.4rem;
  }
}
/* line 5442, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.ad-text {
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0.8em;
  /* CSS3草案 */
  -webkit-border-radius: 0.8em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.8em;
  /* Firefox用 */
  color: white;
  position: relative;
  margin: 0 .8rem .8rem;
  padding: 1rem;
  max-width: 960px;
  border: 1px solid #e6e6e6;
  max-width: 960px;
  font-size: 12px;
}
/* line 11, /webrails/concourse_rails/app/assets/stylesheets/web/_mixins.scss */
.ad-text a:hover {
  opacity: 0.5;
}

/* line 5457, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.ad-promotion {
  padding-bottom: 20px;
}

@media only screen and (min-width: 961px) {
  /* line 5463, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  h1 {
    position: relative;
  }
  /* line 5465, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  h1 img {
    height: 30px;
  }

  /* line 5470, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .contents__bg, .registrations__bg, .sessions-new__bg, .timelines__bg, .study_talks__bg, .unpublished__bg, .author__bg, .featured-tutoring-schools__bg,
  .tutoring-schools-columns__bg, .questions__bg, .question-new__bg, .question-answers__bg, .mypage__bg, .user-edit__bg {
    padding-bottom: 1.6rem;
  }

  /* line 5474, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .account-main {
    background-color: transparent;
  }

  /* line 5479, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .notes {
    border: none;
  }

  /* line 5483, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .sns_top {
    display: none;
  }

  /* line 5487, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .subinfo {
    background: none;
  }

  /* line 5494, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .list-contents, .mypage-questions, .mypage-notebooks, .mypage-follows, .article__comments {
    margin-top: 1.6rem;
    -webkit-appearance: none;
    border-radius: 0.8rem;
    /* CSS3草案 */
    -webkit-border-radius: 0.8rem;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 0.8rem;
    /* Firefox用 */
    border: 1px solid #e6e6e6;
    border-bottom: none;
    overflow: hidden;
  }

  /* line 5503, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .pages {
    border: none;
  }

  /* line 5506, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .fixed__footer {
    height: 4.5em;
  }

  /* line 5510, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .content--status_fixedfooter {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  /* line 5518, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .info, .album-form-info {
    overflow: hidden;
    margin: auto;
  }

  /* line 5522, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .authorcounts {
    overflow: hidden;
    margin-top: 1em;
  }

  /* line 5526, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .authorinfo {
    border-bottom: 1px solid #e6e6e6;
  }

  /* line 5530, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .question {
    background: none;
  }

  /* line 5534, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .mypage__bg {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }

  /* line 5538, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .mypage-notebooks, .mypage-questions, .mypage-follows {
    margin-top: 0;
  }

  /* line 5544, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .detail__container {
    -webkit-appearance: none;
    border-radius: 0.25em;
    /* CSS3草案 */
    -webkit-border-radius: 0.25em;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 0.25em;
    /* Firefox用 */
    border: 1px solid #e6e6e6;
    overflow: hidden;
  }

  /* line 5550, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .pagenation__container {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-appearance: none;
    border-radius: 0.25em;
    /* CSS3草案 */
    -webkit-border-radius: 0.25em;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 0.25em;
    /* Firefox用 */
    margin: 2rem auto 0;
    overflow: hidden;
  }

  /* line 5557, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .question__pagenation__container {
    -webkit-appearance: none;
    border-radius: 0.5em;
    /* CSS3草案 */
    -webkit-border-radius: 0.5em;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 0.5em;
    /* Firefox用 */
    border: 1px solid #e6e6e6;
    overflow: hidden;
  }

  /* line 5562, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .question__pagenation {
    border: none;
  }

  /* line 5566, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .timeline-pagination__container {
    -webkit-appearance: none;
    border-radius: 0.5em;
    /* CSS3草案 */
    -webkit-border-radius: 0.5em;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 0.5em;
    /* Firefox用 */
    border: 1px solid #e6e6e6;
    overflow: hidden;
  }

  /* line 5571, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .timeline-pagination {
    border: none;
  }

  /* line 5577, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .article__comments {
    -webkit-appearance: none;
    border-radius: 0 0 0.25em 0.25em;
    /* CSS3草案 */
    -webkit-border-radius: 0 0 0.25em 0.25em;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 0 0 0.25em 0.25em;
    /* Firefox用 */
    border: 1px solid #e6e6e6;
    overflow: hidden;
    border-top: none;
  }

  /* line 5585, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .banner__left {
    display: table-cell;
    width: 5rem;
  }

  /* line 5589, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .banner-clear__img {
    width: 5rem;
  }

  /* line 5592, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .banner-google__img {
    width: 8rem;
  }

  /* line 5595, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .banner-appstore__img {
    width: 8rem;
  }

  /* line 5598, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .banner-light__container, .banner-dark__container {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    max-width: 960px;
    margin: 0 auto 1.6rem;
  }

  /* line 5603, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .banner-light-precatch, .banner-dark-precatch {
    font-size: 1.2rem;
  }

  /* line 5606, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .banner-light-catch, .banner-dark-catch {
    font-size: 1.9rem;
  }

  /* line 5609, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .banner-light-function, .banner-dark-function {
    -webkit-appearance: none;
    border-radius: 0.8em;
    /* CSS3草案 */
    -webkit-border-radius: 0.8em;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 0.8em;
    /* Firefox用 */
    font-size: 1rem;
  }

  /* line 5613, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .ad-text {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    max-width: 960px;
    margin: 0 auto 1.6rem;
  }
}
/* line 5620, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.x-content-tab {
  width: calc(100% - 3em);
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: .3em;
}
@media only screen and (min-width: 961px) {
  /* line 5620, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
  .x-content-tab {
    margin-bottom: .5em;
  }
}
/* line 5631, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.x-content-tab li {
  max-width: 240px;
  width: calc(50% - 2px);
  display: inline-block;
}
/* line 5636, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.x-content-tab li.active a {
  color: #1298ff;
  border-bottom: solid 2px #1298ff;
}
/* line 5641, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.x-content-tab li a {
  width: 100%;
  height: 3em;
  line-height: 3em;
  text-align: center;
  display: inline-block;
  border-radius: .7em;
  color: #757575;
  background: #ffffff;
}
/* line 5651, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.x-content-tab li a:hover {
  background: #e9faff;
}
/* line 5655, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.x-content-tab li a .fa {
  font-size: 1.2em;
  position: relative;
  top: .09em;
  margin-right: 3px;
}
/* line 5663, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.x-content-tab li:first-child a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 5668, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.x-content-tab li:last-child a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 5676, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.room-type-tabs {
  display: flex;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
  overflow: hidden;
}
/* line 5684, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.room-type-tabs .room-type-tab {
  flex: 1;
}
/* line 5688, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.room-type-tabs .room-type-tab.active .room-type-tab__link {
  background: #1298ff;
  color: #fff;
}
/* line 5692, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.room-type-tabs .room-type-tab.active .room-type-tab__link i {
  color: #fff;
}
/* line 5698, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.room-type-tabs .room-type-tab .room-type-tab__link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem;
  text-decoration: none;
  color: #666;
  transition: all 0.2s ease;
}
/* line 5707, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.room-type-tabs .room-type-tab .room-type-tab__link:hover {
  text-decoration: none;
  color: #1298ff;
  background: #f8f9fa;
}
/* line 5713, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.room-type-tabs .room-type-tab .room-type-tab__link i {
  font-size: 1.2rem;
  margin-right: 0.5rem;
  color: #1298ff;
}
/* line 5719, /webrails/concourse_rails/app/assets/stylesheets/web/_modules.scss */
.room-type-tabs .room-type-tab .room-type-tab__link span {
  font-size: 1rem;
  font-weight: 500;
}

/* line 2, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-btn__container {
  margin: 0 0 .8rem 0;
  padding: 0;
  text-align: center;
}

/* line 7, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form__btn, .form-main__btn, .album-form__btn, .form-sub__btn, .album-form-sub__btn {
  -webkit-appearance: none;
  border-radius: 0.4rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.4rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4rem;
  /* Firefox用 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border: 1px solid #1298ff;
  margin: .8rem auto 0 auto;
  padding: 1.2rem;
  display: block;
  color: #fff;
  position: relative;
  width: 100%;
  max-width: 960px;
  background-color: #1298ff;
  text-align: center;
  font-size: 1.4rem;
}
/* line 10, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form__btn:hover, .form-main__btn:hover, .album-form__btn:hover, .form-sub__btn:hover, .album-form-sub__btn:hover {
  opacity: 0.5;
}

/* line 25, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-main-btn__container {
  margin: 0;
  text-align: center;
}

/* line 29, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-main__btn, .album-form__btn {
  color: #fff;
  background-color: #1298ff;
}

/* line 34, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-sub__btn, .album-form-sub__btn {
  color: #1298ff;
  background-color: #fff;
}

/* line 39, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-group {
  overflow: hidden;
  margin-bottom: 2rem;
}

/* line 43, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-label, .album-form-label {
  margin-bottom: 1.2rem;
  font-size: 1.2rem;
  line-height: 1.2rem;
  position: relative;
  top: .6rem;
  float: left;
}

/* line 51, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-control, .album-form-control {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-radius: .4rem;
  display: block;
  width: 100%;
  height: 3rem;
  padding: .4rem;
  font-size: 1.2rem;
  border: 1px solid #ccc;
  float: left;
  margin: 0 auto;
  overflow: auto;
}

/* line 64, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-checkbox__container {
  height: 3rem;
  padding: .2rem 0;
  width: 100%;
  float: left;
  margin: 0 auto;
}

/* line 71, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

/* line 81, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-files__container {
  width: 100%;
  overflow: auto;
  padding: 0 .5rem 1.6rem;
}

/* line 86, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-files {
  display: table;
}

/* line 89, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-file__container {
  display: table-cell;
  text-align: center;
  padding: .4rem;
  vertical-align: top;
}

/* line 95, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-file__tx {
  padding: 0 0 .4rem 0;
  font-size: .8rem;
  color: #999;
}

/* line 100, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-file__bg, .form-file-add__bg {
  position: relative;
  background: #e0e0e0;
  -webkit-appearance: none;
  border-radius: 0.2rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.2rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2rem;
  /* Firefox用 */
  width: 90px;
  height: 120px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}

/* line 110, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-file__bg:hover, .form-file-add__bg:hover {
  background: #BDBDBD;
}

/* line 113, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-file-add__bg {
  line-height: 120px;
  color: #9e9e9e;
}

/* line 118, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-file-ic__container {
  position: absolute;
  top: 30px;
  width: 90px;
  text-align: center;
  display: block;
  color: #9e9e9e;
  font-size: .8rem;
  cursor: pointer;
}

/* line 128, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-file__tx {
  margin-top: .8rem;
}

/* line 131, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-file__img {
  position: relative;
  max-width: 90px;
  max-height: 120px;
  width: auto;
  height: auto;
  z-index: 1;
}

/* line 139, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-file__btn, .form-file-remove__btn {
  cursor: pointer;
  position: absolute;
  display: block;
  background: #9e9e9e;
  color: #EEEEEE;
  padding: .6rem;
  font-size: .8rem;
  z-index: 2;
}

/* line 149, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.form-file-remove__btn {
  -webkit-appearance: none;
  border-radius: 0 0.2rem 0 0.2rem;
  /* CSS3草案 */
  -webkit-border-radius: 0 0.2rem 0 0.2rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0 0.2rem 0 0.2rem;
  /* Firefox用 */
  top: 0;
  right: 0;
}

/* line 158, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form__bg {
  padding: 6.1rem 0 0 0;
}

/* line 164, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form-pages__container {
  width: 100%;
  overflow: auto;
  padding: 0 .5rem 1.6rem;
}

/* line 169, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form-notebook-images {
  display: table;
}

/* line 172, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form-notebook-images__container {
  display: table-cell;
  text-align: center;
  vertical-align: top;
}

/* line 177, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form-pages {
  display: table;
}

/* line 180, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form-page__container {
  display: table-cell;
  text-align: center;
  padding: .4rem;
  vertical-align: top;
}

/* line 186, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form-page__tx {
  padding: 0 0 .4rem 0;
  font-size: .8rem;
  color: #999;
}

/* line 191, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form-page__bg, .album-form-page-add__bg {
  position: relative;
  background: #e0e0e0;
  -webkit-appearance: none;
  border-radius: 0.2rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.2rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2rem;
  /* Firefox用 */
  width: 90px;
  height: 120px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* line 203, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form-page__bg:hover, .album-form-page-add__bg:hover {
  background: #BDBDBD;
}

/* line 206, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form-page-add__bg {
  line-height: 120px;
  color: #9e9e9e;
}

/* line 211, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form-page-ic__container {
  position: absolute;
  top: 30px;
  width: 90px;
  text-align: center;
  display: block;
  color: #9e9e9e;
  font-size: .8rem;
  cursor: pointer;
}

/* line 221, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form-page__tx {
  margin-top: .8rem;
}

/* line 224, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form-page__img {
  position: relative;
  max-width: 90px;
  max-height: 120px;
  width: auto;
  height: auto;
  z-index: 1;
}

/* line 232, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form-page__btn, .album-form-page-remove__btn, .album-form-page-rightmove__btn, .album-form-page-leftmove__btn {
  cursor: pointer;
  position: absolute;
  display: block;
  background: #9e9e9e;
  color: #EEEEEE;
  padding: .6rem;
  font-size: .8rem;
  z-index: 2;
}

/* line 242, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form-page-remove__btn {
  -webkit-appearance: none;
  border-radius: 0 0.2rem 0 0.2rem;
  /* CSS3草案 */
  -webkit-border-radius: 0 0.2rem 0 0.2rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0 0.2rem 0 0.2rem;
  /* Firefox用 */
  top: 0;
  right: 0;
}

/* line 248, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form-page-rightmove__btn {
  -webkit-appearance: none;
  border-radius: 0.2rem 0rem 0 0;
  /* CSS3草案 */
  -webkit-border-radius: 0.2rem 0rem 0 0;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2rem 0rem 0 0;
  /* Firefox用 */
  bottom: 0;
  right: 0;
}

/* line 254, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form-page-leftmove__btn {
  -webkit-appearance: none;
  border-radius: 0 0.2rem 0 0;
  /* CSS3草案 */
  -webkit-border-radius: 0 0.2rem 0 0;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0 0.2rem 0 0;
  /* Firefox用 */
  bottom: 0;
  left: 0;
}

/* line 266, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form-info {
  padding: 3.2rem 2.4rem 1.6rem;
}

/* line 270, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form-description {
  -webkit-appearance: none;
  border-radius: 0.2rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.2rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.2rem;
  /* Firefox用 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin: .8rem auto 0 auto;
  padding: .8rem;
  width: 100%;
  border: 1px solid #e6e6e6;
  font-size: 1.6rem;
  height: 10rem;
}

/* line 274, /webrails/concourse_rails/app/assets/stylesheets/web/_notebook_form.css.scss */
.album-form-btn__container {
  margin: 0;
  padding: 0;
  text-align: center;
}