@charset "UTF-8";
/* line 8, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 18, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
html,
body {
  position: relative;
  /* フッター部の配置用に定義 */
  margin: 0;
  /* 余白の削除 */
  padding: 0;
  /* 余白の削除 */
  min-height: 100%;
  /* 縦の表示領域を100% */
  height: 100%;
  /* 縦の高さを100% */
  width: 100%;
  /* 横の幅を100% */
  line-height: 1;
  font-size: 12px;
}

/* line 30, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
body {
  color: #333333;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, "メイリオ", Osaka, sans-serif, system-ui;
}

/* line 37, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
div,
h1,
h2,
h3,
h4,
dt,
dd,
p,
a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-feature-settings: "palt";
}

/* line 53, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
ul,
li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 61, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
a {
  text-decoration: none;
}

/* line 64, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
a[href=""]:hover {
  cursor: default;
}

/* line 68, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
i {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  font-style: normal;
}

/* line 73, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
textarea {
  font-family: inherit;
}

/* line 77, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.clearly-lazy {
  background: #ddd;
  display: block;
  box-sizing: content-box;
  padding-top: 200%;
  padding-left: 200%;
  height: 200% !important;
  width: 200% !important;
}

/* line 87, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
body #swipebox-overlay {
  z-index: 2147483647 !important;
}
/* line 91, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
body #swipebox-overlay #swipebox-title {
  height: 100%;
}
/* line 94, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
body #swipebox-overlay #swipebox-title a {
  height: 100%;
  display: block;
  cursor: pointer;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
/* line 102, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
body #swipebox-overlay #swipebox-top-bar {
  background: transparent !important;
  height: 100% !important;
}
/* line 107, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
body #swipebox-overlay .slide img {
  cursor: initial;
}

/* line 1, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.relative {
  position: relative;
}

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

/* line 8, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.hidden {
  display: none !important;
}

/* line 9, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.block {
  display: block;
}

/* line 10, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.inline-block {
  display: inline-block;
}

/* line 11, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.inline-block-children > * {
  display: inline-block;
}

/* line 12, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.pull-right {
  float: right;
}

/* line 13, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.content-box {
  box-sizing: content-box;
}

/* line 15, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.flex {
  display: flex;
}

/* line 16, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.flex-row {
  flex-direction: row;
}

/* line 17, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.flex-column {
  flex-direction: column;
}

/* line 18, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.flex-1 {
  flex: 1;
}

/* line 20, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.cursor-pointer {
  cursor: pointer;
}

/* line 22, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.text-primary {
  color: #1298ff;
}

/* line 23, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.text-danger {
  color: #FF5A5A;
}

/* line 24, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.text-green {
  color: #4DB6AC;
}

/* line 25, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.text-primary-important {
  color: #1298ff !important;
}

/* line 26, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.text-danger-important {
  color: #FF5A5A !important;
}

/* line 27, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.text-green-important {
  color: #4DB6AC !important;
}

/* line 29, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.color-white {
  color: #fff;
}

/* line 30, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.color-black {
  color: #333333;
}

/* line 31, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.color-primary {
  color: #1298ff;
}

/* line 32, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.color-grey-600 {
  color: #757575;
}

/* line 34, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.bg-grey {
  background-color: #EEEEEE;
}

/* line 35, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.bg-grey-100 {
  background-color: #f5f5f5;
}

/* line 37, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.font-size-8 {
  font-size: 8px;
}

/* line 38, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.font-size-10 {
  font-size: 10px;
}

/* line 39, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.font-size-12 {
  font-size: 12px;
}

/* line 40, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.font-size-13 {
  font-size: 13px;
}

/* line 41, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.font-size-14 {
  font-size: 14px;
}

/* line 42, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.font-size-16 {
  font-size: 16px;
}

/* line 43, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.font-size-18 {
  font-size: 18px;
}

/* line 45, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.letter-sp-0-2 {
  letter-spacing: 0.2px;
}

/* line 46, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.letter-sp-2 {
  letter-spacing: 2px;
}

/* line 47, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.letter-sp-4 {
  letter-spacing: 4px;
}

/* line 49, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.height-full {
  height: 100%;
}

/* line 50, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.min-height-24 {
  min-height: 24px;
}

/* line 51, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.min-height-28 {
  min-height: 28px;
}

/* line 52, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.min-height-32 {
  min-height: 32px;
}

/* line 53, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.min-height-32-children > * {
  min-height: 32px;
}

/* line 54, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.line-height-140 {
  line-height: 140%;
}

/* line 55, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.line-height-150 {
  line-height: 150%;
}

/* line 56, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.line-height-180 {
  line-height: 180%;
}

/* line 57, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.line-height-200 {
  line-height: 200%;
}

/* line 58, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.vertical-top {
  vertical-align: top;
}

/* line 59, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.vertical-middle {
  vertical-align: middle;
}

/* line 60, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.vertical-bottom {
  vertical-align: bottom;
}

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

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

/* line 64, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.text-left {
  text-align: left;
}

/* line 66, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.top-50-percent {
  top: 50%;
}

/* line 67, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.bottom-20 {
  bottom: 20px;
}

/* line 68, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.translateY-min-50-percent {
  transform: translateY(-50%);
}

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

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

/* line 72, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-27 {
  margin: 27px;
}

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

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

/* line 75, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-top-20 {
  margin-top: 20px;
}

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

/* line 77, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-top-28 {
  margin-top: 28px;
}

/* line 78, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-top-36 {
  margin-top: 36px;
}

/* line 79, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-top-48 {
  margin-top: 48px;
}

/* line 80, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-top-56 {
  margin-top: 56px;
}

/* line 81, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-top-100 {
  margin-top: 100px;
}

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

/* line 87, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-right-2 {
  margin-right: 2px;
}

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

/* line 89, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-right-6 {
  margin-right: 6px;
}

/* line 90, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-right-8 {
  margin-right: 8px;
}

/* line 91, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-right-12 {
  margin-right: 12px;
}

/* line 92, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-right-18 {
  margin-right: 18px;
}

/* line 93, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-bottom-2 {
  margin-bottom: 2px;
}

/* line 94, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-bottom-4 {
  margin-bottom: 4px;
}

/* line 95, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-bottom-6 {
  margin-bottom: 6px;
}

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

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

/* line 98, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-bottom-14 {
  margin-bottom: 14px;
}

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

/* line 100, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-bottom-18 {
  margin-bottom: 18px;
}

/* line 101, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-bottom-20 {
  margin-bottom: 20px;
}

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

/* line 103, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-bottom-28 {
  margin-bottom: 28px;
}

/* line 104, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-bottom-36 {
  margin-bottom: 28px;
}

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

/* line 106, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-bottom-48 {
  margin-bottom: 48px;
}

/* line 107, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-bottom-50 {
  margin-bottom: 50px;
}

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

/* line 109, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-bottom-60 {
  margin-bottom: 60px;
}

/* line 110, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-left-2 {
  margin-left: 2px;
}

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

/* line 112, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-left-8 {
  margin-left: 8px;
}

/* line 113, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.margin-left-12 {
  margin-left: 12px;
}

/* line 115, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-8 {
  padding: 8px;
}

/* line 116, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-10 {
  padding: 10px;
}

/* line 117, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-12 {
  padding: 12px;
}

/* line 118, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-14 {
  padding: 14px;
}

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

/* line 120, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-20 {
  padding: 20px;
}

/* line 121, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-22 {
  padding: 22px;
}

/* line 122, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-24 {
  padding: 24px;
}

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

/* line 124, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-left-2 {
  padding-left: 2px;
}

/* line 125, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-left-4 {
  padding-left: 4px;
}

/* line 126, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-left-8 {
  padding-left: 8px;
}

/* line 127, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-left-12 {
  padding-left: 12px;
}

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

/* line 129, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-left-18 {
  padding-left: 18px;
}

/* line 130, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-left-20 {
  padding-left: 20px;
}

/* line 131, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-left-24 {
  padding-left: 24px;
}

/* line 132, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-left-42 {
  padding-left: 42px;
}

/* line 133, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-right-2 {
  padding-right: 2px;
}

/* line 134, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-right-6 {
  padding-right: 6px;
}

/* line 135, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-right-8 {
  padding-right: 8px;
}

/* line 136, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-right-12 {
  padding-right: 12px;
}

/* line 137, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-right-16 {
  padding-right: 16px;
}

/* line 138, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-right-18 {
  padding-right: 18px;
}

/* line 139, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-right-24 {
  padding-right: 24px;
}

/* line 140, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-right-42 {
  padding-right: 42px;
}

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

/* line 142, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-top-12 {
  padding-top: 12px;
}

/* line 143, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-top-18 {
  padding-top: 18px;
}

/* line 144, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-top-20 {
  padding-top: 20px;
}

/* line 145, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-top-24 {
  padding-top: 24px;
}

/* line 146, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-top-28 {
  padding-top: 28px;
}

/* line 147, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-top-30 {
  padding-top: 30px;
}

/* line 148, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-top-32 {
  padding-top: 32px;
}

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

/* line 150, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-top-48 {
  padding-top: 48px;
}

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

/* line 152, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-bottom-8 {
  padding-bottom: 8px;
}

/* line 153, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-bottom-10 {
  padding-bottom: 10px;
}

/* line 154, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-bottom-12 {
  padding-bottom: 12px;
}

/* line 155, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-bottom-20 {
  padding-bottom: 20px;
}

/* line 156, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-bottom-24 {
  padding-bottom: 24px;
}

/* line 157, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-bottom-30 {
  padding-bottom: 30px;
}

/* line 158, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-bottom-32 {
  padding-bottom: 32px;
}

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

/* line 160, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.padding-bottom-48 {
  padding-bottom: 48px;
}

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

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

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

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

/* line 171, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.border-radius-0-5 {
  border-radius: .5em;
}

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

/* line 180, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.max-width-600 {
  max-width: 600px;
}

/* line 183, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.max-width-480 {
  max-width: 600px;
}

/* line 187, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.pages__bg {
  background-color: #EEEEEE;
  padding: .8rem 0rem;
}

/* line 191, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.bg-default {
  background-color: #EEEEEE;
}

@media only screen and (min-width: 769px) {
  /* line 193, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
  .border-screen-lg-rounded {
    border-radius: 4px;
    overflow: hidden;
  }
}

/* line 199, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.border-bottom-bold {
  border-bottom: solid 2px #e0e0e0;
}

/* line 200, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.border-radius-none {
  border-radius: 0 !important;
}

/* line 202, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.img-scaled-stretch {
  width: 100%;
  height: auto;
}

/* line 207, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.google-play-badge {
  position: relative;
  display: inline-block;
  width: 107px;
  height: 32px;
  overflow: hidden;
}
/* line 214, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.google-play-badge img {
  position: absolute;
  height: calc(100% + 15px);
  width: calc(100% + 15px);
  top: -7.5px;
  left: -7.5px;
}

/* line 223, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.ballon-arrow-up {
  position: relative;
}

/* line 226, /webrails/concourse_rails/app/assets/stylesheets/web/_system.scss */
.ballon-arrow-up::before {
  content: '▲';
  color: white;
  position: absolute;
  left: 50%;
  top: -18px;
  font-size: 25px;
  transform: translate(-50%);
}

/* line 1, /webrails/concourse_rails/app/assets/stylesheets/web/components/_comment_reactions.scss */
.comment-reactions {
  position: relative;
  display: block;
  margin-top: 8px;
  padding-right: 36px;
  min-height: 28px;
}
/* line 8, /webrails/concourse_rails/app/assets/stylesheets/web/components/_comment_reactions.scss */
.comment-reactions__icons {
  display: inline-flex;
  gap: 4px;
  flex-wrap: wrap;
  align-items: center;
}
/* line 15, /webrails/concourse_rails/app/assets/stylesheets/web/components/_comment_reactions.scss */
.comment-reactions__icon {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 12px;
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.2s ease;
}
/* line 27, /webrails/concourse_rails/app/assets/stylesheets/web/components/_comment_reactions.scss */
.comment-reactions__icon:hover {
  background-color: #e8e8e8;
  border-color: #d0d0d0;
}
/* line 32, /webrails/concourse_rails/app/assets/stylesheets/web/components/_comment_reactions.scss */
.comment-reactions__icon--active {
  background-color: #e3f2fd;
  border-color: #2196f3;
  color: #1976d2;
}
/* line 38, /webrails/concourse_rails/app/assets/stylesheets/web/components/_comment_reactions.scss */
.comment-reactions__icon img {
  width: 16px;
  height: 16px;
}
/* line 43, /webrails/concourse_rails/app/assets/stylesheets/web/components/_comment_reactions.scss */
.comment-reactions__icon-count {
  font-weight: 500;
  min-width: 12px;
  text-align: center;
}
/* line 50, /webrails/concourse_rails/app/assets/stylesheets/web/components/_comment_reactions.scss */
.comment-reactions__add-button {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}
/* line 65, /webrails/concourse_rails/app/assets/stylesheets/web/components/_comment_reactions.scss */
.comment-reactions__add-button:hover {
  background-color: #e8e8e8;
  border-color: #d0d0d0;
}
/* line 70, /webrails/concourse_rails/app/assets/stylesheets/web/components/_comment_reactions.scss */
.comment-reactions__add-button i {
  font-size: 20px;
  color: #bdbdbd;
}
/* line 76, /webrails/concourse_rails/app/assets/stylesheets/web/components/_comment_reactions.scss */
.comment-reactions__picker {
  position: absolute;
  bottom: calc(100% + 8px);
  right: 0;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  padding: 10px 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  display: flex;
  gap: 12px;
  z-index: 1000;
}
/* line 89, /webrails/concourse_rails/app/assets/stylesheets/web/components/_comment_reactions.scss */
.comment-reactions__picker-icon {
  width: 32px;
  height: 32px;
  cursor: pointer;
  border-radius: 4px;
  background: transparent;
  border: none;
  transition: transform 0.15s ease;
}
/* line 98, /webrails/concourse_rails/app/assets/stylesheets/web/components/_comment_reactions.scss */
.comment-reactions__picker-icon:hover {
  transform: scale(1.25);
}
/* line 102, /webrails/concourse_rails/app/assets/stylesheets/web/components/_comment_reactions.scss */
.comment-reactions__picker-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* line 109, /webrails/concourse_rails/app/assets/stylesheets/web/components/_comment_reactions.scss */
.comment-reactions__picker--hidden {
  display: none;
}

@media only screen and (max-width: 480px) {
  /* line 117, /webrails/concourse_rails/app/assets/stylesheets/web/components/_comment_reactions.scss */
  .comment-reactions__icon {
    padding: 3px 6px;
    font-size: 11px;
  }
  /* line 121, /webrails/concourse_rails/app/assets/stylesheets/web/components/_comment_reactions.scss */
  .comment-reactions__icon img {
    width: 14px;
    height: 14px;
  }
  /* line 128, /webrails/concourse_rails/app/assets/stylesheets/web/components/_comment_reactions.scss */
  .comment-reactions__picker-icon {
    width: 28px;
    height: 28px;
  }
}
/* line 119, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.tag {
  display: inline-block;
  padding: 1.5px 4px;
  border-radius: 2px;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  background-color: #EEEEEE;
  color: #212121;
}
/* line 132, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.tag.pronote {
  background-color: #ff7152;
  color: #fff;
}
/* line 137, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.tag.premium {
  background-color: #66BB6A;
  color: #fff;
}

/* line 143, /webrails/concourse_rails/app/assets/stylesheets/web/site.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 158, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-btn:hover {
  cursor: pointer;
  filter: brightness(110%);
}
/* line 163, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-btn:active {
  filter: brightness(120%);
}
/* line 167, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-btn:disabled {
  filter: grayscale(0.5) brightness(100%);
}
/* line 171, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-btn.block {
  display: block;
  width: 100%;
}
/* line 176, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-btn.large {
  padding: 1.4167em 0.8333em;
}
/* line 180, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-btn.primary {
  background-color: #1298ff !important;
  color: #ffffff;
  border-color: #1298ff;
  border-style: solid;
}
/* line 186, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-btn.primary:hover {
  filter: none;
  background-color: #14bbff !important;
  border-color: #14bbff !important;
}
/* line 192, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-btn.primary:active {
  filter: none;
  background-color: #16ccff !important;
  border-color: #16ccff !important;
}
/* line 199, /webrails/concourse_rails/app/assets/stylesheets/web/site.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 210, /webrails/concourse_rails/app/assets/stylesheets/web/site.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 221, /webrails/concourse_rails/app/assets/stylesheets/web/site.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 234, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-btn.line span {
  position: relative;
  top: -0.6em;
}
/* line 240, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-btn.white {
  background-color: #ffffff !important;
  border-style: none;
  color: #1298ff;
}
/* line 245, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-btn.white:hover {
  background-color: #ddd !important;
}
/* line 249, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-btn.white:active {
  background-color: #c1c1c1 !important;
}

/* line 255, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
a.base-component.x-btn {
  display: inline-block;
  text-align: center;
}
/* line 259, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
a.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 259, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  a.base-component.x-btn.legacy {
    padding: 1.2rem 3.6rem;
  }
}
/* line 273, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
a.base-component.x-btn.legacy.with-icon {
  padding-left: 19.2px;
  padding-right: 32px;
}
/* line 277, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
a.base-component.x-btn.legacy.with-icon i {
  display: inline-block;
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

/* line 290, /webrails/concourse_rails/app/assets/stylesheets/web/site.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 301, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
button.base-component.x-btn.outline-app:hover {
  filter: brightness(104%);
}
/* line 305, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
button.base-component.x-btn.outline-app:active {
  filter: brightness(108%);
}

/* line 311, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.user-avatar {
  display: inline-block;
  background-color: #ffffff;
  border-radius: 50%;
  overflow: hidden;
  width: 2.67em;
  height: 2.67em;
  border: 2px solid #eeeeee;
}
/* line 320, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.user-avatar.small {
  border: 1px solid #eeeeee;
}
/* line 324, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.user-avatar img {
  width: 100%;
  height: 100%;
}

/* line 330, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.pagenation, .note-comments-pagenation {
  display: table;
  width: 100%;
  position: relative;
}

/* line 338, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
header {
  position: relative;
  z-index: 2147483647;
}

/* line 343, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
header .header-fixed {
  position: fixed;
  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2);
  z-index: 200;
  background-color: #fff;
  width: 100%;
  box-shadow: none;
  border-bottom: solid 1px #e5e5e5;
}
/* line 352, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
header .header-fixed.super-fixed {
  position: fixed !important;
  top: 0 !important;
}

/* line 358, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
header .search-wrapper .search__textbox {
  -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.3em;
  /* CSS3草案 */
  -webkit-border-radius: 0.3em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.3em;
  /* Firefox用 */
  width: 100%;
  height: 3em;
  border: 1px solid #bdbdbd;
  padding: 0 1em;
  font-size: 1.25em;
}

/* line 370, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.header-menu-active .nav-wrapper .logo-wrapper .logo-hover-mask {
  z-index: 200;
}

/* line 375, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper {
  position: relative;
  height: 4em;
  display: flex;
  flex-direction: row;
  padding-left: 130px;
}
@media only screen and (min-width: 1601px) {
  /* line 375, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .nav-wrapper {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 388, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper button.square,
.nav-wrapper .search-back-icon-wrapper {
  display: none;
}
/* line 394, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .header__sitename img {
  height: 24px;
  width: 91px;
  top: 0.35em;
  margin-top: 2px;
}
/* line 402, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .header-center {
  padding-left: 0;
  flex-grow: 1;
  width: initial;
}
/* line 408, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .header-center-content {
  display: flex;
}
/* line 411, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .header-center-content .header__sitename {
  font-size: 1em;
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
  width: 102px;
  text-align: center;
  height: 4em;
  margin-right: 1em;
}
/* line 424, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .header-center-content .fa-chevron-down,
.nav-wrapper .header-center-content .fa-chevron-up {
  font-size: 12px;
  position: relative;
  top: 1px;
}
/* line 430, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .header-center-content .fa-chevron-down {
  color: #9e9e9e;
}
/* line 433, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .header-center-content .fa-chevron-up {
  color: #757575;
}
/* line 438, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .logo-wrapper {
  display: inline-block;
  position: absolute;
  left: 0;
}
/* line 443, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .logo-wrapper .logo-hover-mask {
  top: 0;
  position: absolute;
  left: 0;
  line-height: 4em;
  padding-bottom: 1px;
  padding-left: 102px;
  padding-right: 1.5px;
  z-index: 0;
  user-select: none;
}
/* line 456, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-wrapper {
  display: inline-block;
  position: relative;
  line-height: 4em;
  padding-left: 1em;
  padding-right: 8px;
  flex: 1;
}
/* line 464, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-wrapper .search-icon-wrapper {
  position: absolute;
  left: 16px;
  top: 25.5px;
  transform: translate(0%, -50%);
  width: 24px;
  height: 24px;
  background: #1298ff;
  opacity: 0.6;
  border-radius: 50%;
}
/* line 475, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-wrapper .search-icon-wrapper i {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 482, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-wrapper input {
  position: relative;
  top: 1.5px;
  height: 32px;
  border: solid 1px #e0e0e0;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  font-size: 12px;
  font-weight: 500;
  padding-left: 34px;
}
/* line 497, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-wrapper input:focus {
  outline: none;
}
/* line 502, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-wrapper input::placeholder {
  line-height: 1.6rem;
}
/* line 508, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .account-wrapper {
  display: inline-block;
  width: 4rem;
  height: calc(4rem + 1px);
  text-align: center;
  line-height: 4rem;
  font-size: 1.7em;
  color: #757575;
  user-select: none;
}
/* line 518, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .account-wrapper .fa-sign-in-alt {
  color: #555555;
}
/* line 522, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .account-wrapper.guest {
  width: initial;
  vertical-align: top;
  padding-left: 7.6px;
  padding-right: 16px;
}
/* line 528, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .account-wrapper.guest > span, .nav-wrapper .account-wrapper.guest > .sign-up {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #1298ff;
  vertical-align: middle;
}
/* line 538, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .account-wrapper.signed-in {
  font-size: 1em;
  padding-top: 0.665em;
}
/* line 541, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .account-wrapper.signed-in .user-avatar {
  border: none;
}
/* line 546, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .account-wrapper.active {
  background: #e9faff;
  background: none;
}
/* line 550, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .account-wrapper.active i {
  color: #1298ff;
}
/* line 554, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .account-wrapper.active .user-avatar {
  box-shadow: 0px 0px 5px 2px #1298ff;
}
/* line 561, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active button.square {
  display: initial;
  font-size: 1.5em;
  color: #1298ff;
  width: 2.667em;
  height: 2.667em;
  border: none;
  background: none;
}
/* line 571, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active button.back {
  color: #555555;
  position: absolute;
  left: 0;
}
/* line 576, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active button.back,
.nav-wrapper .search-active .search-back-icon-wrapper {
  display: inline-block;
  width: 48px;
  height: 48px;
  position: absolute;
  left: 0;
}
/* line 584, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active button.back svg,
.nav-wrapper .search-active .search-back-icon-wrapper svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* line 592, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active button.keyboard {
  color: #555555;
  position: absolute;
  right: 2.667em;
}
/* line 598, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active .logo-wrapper,
.nav-wrapper .search-active .account-wrapper {
  display: none;
}
/* line 603, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active .search-wrapper {
  position: absolute;
  z-index: 201;
  left: 0;
  right: 0;
  padding-left: 48px;
  padding-right: 12px;
}
/* line 611, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active .search-wrapper .header-extension {
  display: inherit;
  top: calc(4em);
  bottom: 5px;
  left: 0;
  right: 0;
  border: none;
  box-shadow: 0px 6px 7px 1px rgba(0, 0, 0, 0.2);
  background: #fffffff5;
}
/* line 622, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active .search-wrapper .header-extension-inner {
  max-height: inherit;
}
/* line 626, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active .search-wrapper .search-suggestion-title {
  font-weight: bold;
  color: #555555;
  cursor: default;
  line-height: 2.4;
  margin-top: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
}
/* line 636, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active .search-wrapper .last-suggestion {
  font-size: 1em;
  display: inline-block;
  color: white;
  font-weight: bold;
  line-height: 1;
  padding: 0.7em;
  border-radius: 1em;
  background: #1298ff;
  border-color: #1298ff;
  margin-left: 1.5em;
  border-style: solid;
}
/* line 649, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active .search-wrapper .last-suggestion:hover {
  cursor: pointer;
}
/* line 653, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active .search-wrapper .last-suggestion:active {
  filter: brightness(0.9);
  border-style: solid;
  background: #0d96cc;
}
/* line 661, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active .search-wrapper .suggestion-list li {
  font-size: 1.2em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-top: 1em;
  padding-bottom: 1em;
  line-height: 1.4;
}
/* line 669, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active .search-wrapper .suggestion-list li div:first-child {
  font-weight: bold;
  font-size: 0.85em;
  color: #999;
}
/* line 675, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active .search-wrapper .suggestion-list li:hover {
  background: #dbf2fd;
  cursor: pointer;
}
/* line 680, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active .search-wrapper .suggestion-list li:active {
  background: #1298ff;
  color: white;
}
/* line 683, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active .search-wrapper .suggestion-list li:active div:first-child {
  color: white;
}
/* line 690, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active .search-wrapper .search-icon-wrapper {
  left: 53px;
}
/* line 694, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active .search-wrapper .search-clear-icon-wrapper {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 9px;
  top: 13px;
  transform: translate(-50%);
}
/* line 703, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active .search-wrapper .search-clear-icon-wrapper i {
  display: block;
  height: 100%;
  width: 100%;
}
/* line 709, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active .search-wrapper .search-clear-icon-wrapper svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/* line 718, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active input[type="text"] {
  width: calc(100%);
  border: solid 2px #1298ff;
  height: 38px;
  padding-right: 34px;
}
/* line 730, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.nav-wrapper .search-active button[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (min-width: 769px) {
  /* line 740, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .nav-wrapper .search-active button.square,
  .nav-wrapper .search-active .search-back-icon-wrapper {
    display: none;
  }
  /* line 745, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .nav-wrapper .search-active .logo-wrapper,
  .nav-wrapper .search-active .account-wrapper {
    display: inline-block;
  }
  /* line 750, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .nav-wrapper .search-active .search-wrapper {
    position: relative;
    left: inherit;
    right: inherit;
    padding-left: calc(1em);
    padding-right: calc(1em);
  }
  /* line 757, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .nav-wrapper .search-active .search-wrapper .header-extension {
    border: solid 1px #ddd;
    border-top: none 1px #ffffff;
    bottom: inherit;
    left: -1em;
    width: calc(100% + 2em);
    background: #ffffffff;
  }
  /* line 766, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .nav-wrapper .search-active .search-wrapper .header-extension-inner {
    max-height: 417px;
  }
}

/* line 775, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
html[lang="ja"] .nav-wrapper .header__sitename img {
  height: 24px;
  width: 91px;
}

/* line 781, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.header-extension {
  font-size: 1rem;
  background-color: white;
  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border-top: none 1px #ffffff;
  width: 100%;
  bottom: auto;
  position: fixed;
  top: calc(4rem + 1px);
  padding-bottom: 0.5em;
  line-height: 4em;
  z-index: 200;
  box-shadow: none;
}
@media only screen and (min-width: 769px) {
  /* line 781, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .base-component.header-extension {
    position: absolute;
    width: 19rem;
    border: solid 1px #ddd;
    border-top: none 1px #ffffff;
  }
}
/* line 805, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.header-extension.left {
  left: 0;
  right: initial;
}
@media only screen and (min-width: 769px) {
  /* line 805, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .base-component.header-extension.left {
    border-left: none;
    border-right: solid 1px #ddd;
  }
}
/* line 815, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.header-extension.right {
  left: initial;
  right: 0;
}
@media only screen and (min-width: 769px) {
  /* line 815, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .base-component.header-extension.right {
    border-left: solid 1px #ddd;
    border-right: none;
  }
}
@media only screen and (hover: none) and (pointer: coarse) and (max-height: 378px) {
  /* line 815, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .base-component.header-extension.right {
    bottom: 5px;
  }
}
@media only screen and (min-width: 769px) {
  /* line 829, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .base-component.header-extension.center {
    display: none !important;
  }
}
/* line 835, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.header-extension hr.separator {
  border: none;
  border-top: solid 1px #ddd;
  margin-left: 1em;
  margin-right: 1em;
}
@media only screen and (min-width: 1601px) {
  /* line 781, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .base-component.header-extension {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    border-left: solid 1px #ddd !important;
    border-right: solid 1px #ddd !important;
  }
}
/* line 850, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.header-extension .header-extension-inner {
  height: 100%;
  max-height: 417px;
  overflow-y: auto;
}
@media only screen and (min-width: 769px) {
  /* line 850, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .base-component.header-extension .header-extension-inner {
    max-height: 467px;
  }
}
/* line 859, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.header-extension h3 {
  text-align: center;
  background: #f7f7f7;
  color: #555555;
  font-size: 1rem;
  font-weight: bold;
  line-height: 2.2;
}
/* line 868, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.header-extension li > a {
  position: relative;
  font-size: 1.3rem;
  line-height: 3;
  display: block;
  color: #555555;
  text-align: left;
  padding-left: 1em;
  padding-right: 1em;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* line 879, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.header-extension li > a .fa:not(.fa-google-play):not(.fa-apple) {
  color: #12acef;
}
/* line 883, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.header-extension li > a .app-store {
  position: absolute;
  right: 2.4em;
  top: -0.112em;
}
/* line 888, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.header-extension li > a .app-store .fa-google-play {
  font-size: 0.9em;
}
/* line 893, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.header-extension li > a:hover {
  cursor: pointer;
  background: #12acef;
  color: white;
}
/* line 898, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.header-extension li > a:hover .fa {
  color: white !important;
}
/* line 903, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.header-extension li > a:after {
  font: normal normal normal 14px/1 "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  position: absolute;
  right: 1em;
  top: 1.2em;
}
/* line 911, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.header-extension li > a.note-filter:after {
  content: "\f02d";
}
@media only screen and (min-width: 769px) {
  /* line 917, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .base-component.header-extension h3 {
    font-size: 0.9rem;
    padding-left: 0.8rem;
    text-align: left;
  }
  /* line 922, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .base-component.header-extension li > a {
    line-height: 2.4;
    font-size: 1rem;
    padding-left: 1.1em;
  }
  /* line 926, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .base-component.header-extension li > a:after {
    font-size: 0.8em;
    right: 1em;
    top: 1em;
  }
}

/* line 934, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.header-shadow__open-app {
  padding-top: 4rem;
}

/* line 939, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.use-desktop nav.tabs ul:not([data-simplebar="init"]) {
  overflow-x: hidden;
}

/* line 943, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
button.pin {
  position: absolute;
  bottom: -6px;
  transform: translateY(100%);
}

/* line 949, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
body.subject-tabs-scroll-dragging .desktop-side-ad-fixed {
  pointer-events: none;
}

/* line 953, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs {
  overflow: visible;
  height: 49px;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
/* line 961, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs.fixed:before {
  content: "";
  background-color: #fff;
  position: fixed;
  left: 0;
  right: 0;
  height: 49px;
  border-bottom: solid 1px #dedede;
}
/* line 972, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul {
  width: 100%;
  max-width: 1600px;
  top: 2px;
  overflow-x: auto;
  height: initial;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
/* line 982, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul ::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
}
/* line 988, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
/* line 992, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul .arrow-button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 2rem;
  border-radius: 0;
}
/* line 1001, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul .arrow-button:not(:disabled) {
  cursor: pointer;
}
/* line 1005, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul .arrow-button {
  background-color: white;
  border: none;
  box-shadow: -4px 0px 6px -4px grey;
}
/* line 1011, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul .arrow-button i {
  font-size: 0.8em;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/* line 1019, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul .tabs__btn__wrapper:last-child {
  padding-right: 40px;
}
/* line 1023, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul[data-simplebar] {
  position: initial;
}
/* line 1027, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul .simplebar-content {
  position: relative;
  top: 2px;
}
/* line 1032, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul .simplebar-content-wrapper {
  overflow-y: hidden;
}
/* line 1036, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul .simplebar-track.simplebar-vertical {
  display: none;
}
/* line 1040, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul .simplebar-track.simplebar-horizontal {
  bottom: 0px;
  height: 36px;
  transform: translateY(100%);
  pointer-events: none;
}
@media only screen and (hover: none) and (pointer: coarse) {
  /* line 1040, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  nav.tabs ul .simplebar-track.simplebar-horizontal {
    display: none;
  }
}
/* line 1050, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  height: 32px;
  padding-top: 2px;
}
/* line 1054, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul .simplebar-track.simplebar-horizontal .simplebar-scrollbar.simplebar-visible {
  pointer-events: initial;
}
/* line 1057, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul .simplebar-track.simplebar-horizontal .simplebar-scrollbar.simplebar-visible:after {
  opacity: 1;
  transition: opacity 0s linear;
}
/* line 1063, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul .simplebar-track.simplebar-horizontal .simplebar-scrollbar:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  height: 10px;
  width: 10px;
  background: #1298ff;
  transform: translateX(-50%);
  border-radius: 2em;
}
/* line 1075, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul .simplebar-track.simplebar-horizontal .simplebar-scrollbar:after {
  opacity: 0;
  transition: opacity 0.2s linear;
}
/* line 1080, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  background-color: #1298ff;
  border-top-left-radius: 0;
  transform: rotate(45deg) scale(0.75);
}
/* line 1089, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul .tabs__btn__wrapper a {
  font-size: 12px;
  line-height: 2;
  font-weight: 700;
  border-bottom-width: 2px;
  border: solid #e5e5e5 1px;
  border-bottom: none;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
  margin-left: 2px;
}
/* line 1101, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
nav.tabs ul .tabs__btn__wrapper a div {
  font-weight: 700;
}

/* line 1109, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.breadcrumbs {
  background-color: #fff;
}
@media only screen and (min-width: 961px) {
  /* line 1112, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .breadcrumbs.greyed {
    background-color: #EEEEEE;
    border-bottom: none;
  }
}
/* line 1119, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.breadcrumbs.draw-border-bottom {
  border-bottom: solid 1px #e5e5e5;
}
/* line 1123, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.breadcrumbs ol {
  overflow: hidden;
  padding: 1rem 0.75rem;
  margin: 0;
  color: #616161;
}
/* line 1129, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.breadcrumbs ol .breadcrumbs-list {
  display: inline;
}
/* line 1132, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.breadcrumbs ol .breadcrumbs-list:before {
  content: ">";
  color: #9e9e9e;
  margin: 0.8rem;
}
/* line 1138, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.breadcrumbs ol .breadcrumbs-list:first-child:before {
  content: none;
}
/* line 1142, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.breadcrumbs ol .breadcrumbs-list .breadcrumbs-list__btn {
  color: #1298ff;
  line-height: 1.5;
}
/* line 1146, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.breadcrumbs ol .breadcrumbs-list .breadcrumbs-list__btn:hover {
  text-decoration: underline;
}

/* line 1154, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer {
  box-sizing: border-box;
  padding: 1.6rem 0 1rem 0;
  padding-bottom: 0px;
  background-color: #fff;
  color: #333333;
  border-top: solid 1px #e0e0e0;
}
@media only screen and (min-width: 769px) {
  /* line 1154, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  footer {
    margin-bottom: 0;
  }
}
/* line 1166, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer ul {
  list-style-type: none;
  padding: 0;
}
/* line 1171, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer a {
  transition-property: opacity;
  transition-duration: 0.2s;
}
/* line 1176, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .app-banner {
  border: solid 1px #008ccb;
  margin-bottom: 24px;
}
/* line 1181, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .footer__description {
  line-height: 2;
  margin: 1.2rem auto 0 auto;
  margin-bottom: 24px;
  text-align: center;
  width: 58em;
}
/* line 1188, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .footer__description:before, footer .footer__description:after {
  content: "";
  display: block;
  border-top: solid 1px #e6e6e6;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
/* line 1198, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .footer__description:before {
  margin-bottom: 24px;
}
/* line 1202, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .footer__description:after {
  margin-top: 24px;
}
/* line 1206, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .footer__description p {
  font-weight: bold;
  font-size: 1.15em;
}
/* line 1212, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .links {
  display: flex;
  width: 42em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
}
/* line 1219, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .links a:hover {
  opacity: 0.6;
  text-decoration: underline;
}
/* line 1225, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .links section .section-title {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}
/* line 1232, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .links section:first-child {
  flex: 0.8;
}
/* line 1237, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .links li {
  margin-bottom: 16px;
}
/* line 1241, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .links a {
  color: #555555;
}
/* line 1247, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .links .services li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  color: #555555;
  margin-right: 0.2em;
}
/* line 1255, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .links .services li i {
  margin-left: 0.2em;
}
/* line 1262, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .links .social-media li {
  display: inline-block;
}
/* line 1266, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .links .social-media a {
  display: inline-block;
  width: 52px;
  height: 52px;
  position: relative;
  vertical-align: bottom;
  overflow: visible;
}
/* line 1275, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .links .social-media li:not(:last-child) {
  margin-right: 0.5rem;
}
/* line 1279, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .links .social-media li .fab {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.8em;
  border-radius: 2em;
  padding: 0.5em;
  background: #ddd;
}
/* line 1290, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .links .social-media li .fa-twitter {
  color: #fff;
  background: #1da1f2;
}
/* line 1295, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .links .social-media li .fa-facebook {
  color: #1877f2;
  background: none;
  top: -24px;
  font-size: 48px;
}
/* line 1302, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .links .social-media li .fa-instagram {
  color: #fff;
  background: #e56969;
  padding: 0.5em 0.6em;
}
/* line 1308, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .links .social-media li .fa-tiktok {
  color: #fff;
  background: #000;
  padding: 0.5em 0.6em;
}
/* line 1314, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .links .social-media li .fa-youtube {
  color: #fff;
  background: #ff0000;
}
/* line 1321, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .copyright {
  background-color: #1298ff;
  color: #fff;
  border-bottom: solid 1px #3484bb;
}
/* line 1326, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .copyright .footer__contents {
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0px 8px;
}
/* line 1333, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .copyright .footer__contents > * {
  display: inline-block;
}
/* line 1338, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .copyright small {
  height: 3.6em;
  line-height: 3.6em;
}
/* line 1344, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
footer .copyright .footer__twitter a {
  background: #fff;
  color: #1298ff;
  display: inline-block;
  width: 2em;
  line-height: 2em;
  border-radius: 2em;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  /* line 1357, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  footer .footer__description {
    width: 85%;
  }
  /* line 1360, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  footer .footer__description:before, footer .footer__description:after {
    width: 80%;
  }
  /* line 1365, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  footer .footer__description p {
    display: inline;
    font-size: 1em;
  }
  /* line 1371, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  footer .links {
    display: block;
    width: initial;
  }
  /* line 1375, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  footer .links section {
    text-align: center;
    padding: 0 24px;
    margin-bottom: 40px;
  }
  /* line 1382, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  footer .links .services li {
    line-height: 2em;
  }
  /* line 1385, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  footer .links .services li:before {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  /* line 1396, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  footer .footer__description p span {
    display: block;
  }
}

/* line 1403, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
html[lang="id"] footer .footer__description p {
  font-weight: initial;
  font-size: 12px;
}

/* line 1410, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.white__container, .note, .recommended-questions {
  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: 0.4rem;
}
/* line 20, /webrails/concourse_rails/app/assets/stylesheets/web/_mixins.scss */
.white__container a:hover, .note a:hover, .recommended-questions a:hover {
  opacity: 0.5;
}

/* line 1420, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.grid-note__container {
  padding: 2px;
  margin: 0;
  width: 50%;
  max-width: 240px;
}

/* line 1426, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note {
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  margin: 0px;
  border-radius: 0.7em;
  box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.06);
  box-shadow: none;
  border: solid 1px #dedede;
}

/* line 1436, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-img__container {
  width: 100%;
  height: 168px;
  overflow: hidden;
  -webkit-appearance: none;
  border-radius: 0.4em;
  /* CSS3草案 */
  -webkit-border-radius: 0.4em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.4em;
  /* Firefox用 */
}
/* line 1442, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-img__container > a {
  position: relative;
  display: block;
  height: 100%;
}
/* line 1448, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-img__container > a > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
/* line 1455, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-img__container .vid-wrapper {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 4.5rem;
  text-align: center;
  font-size: 5rem;
}
/* line 1465, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-img__container .vid-wrapper > .fill-circle {
  background: #9e9e9e;
  position: absolute;
  left: calc(50% - 2rem);
  right: calc(50% - 2rem);
  top: 0.5rem;
  bottom: calc(100% - 4.5rem);
  border-radius: 2rem;
}
/* line 1477, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-img__container .vid-wrapper > i {
  color: white;
  position: relative;
}

/* line 1482, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.noteinfo {
  border-radius: 0 0 0.3em 0.3em;
  -webkit-border-radius: 0 0 0.3em 0.3em;
  -moz-border-radius: 0 0 0.3em 0.3em;
  position: relative;
  bottom: 0px;
  width: 100%;
  padding: 0px;
  color: #333333;
  background-color: #fff;
}

/* line 1491, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-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: 0.4rem;
  color: #fff;
}

/* line 1500, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.noteinfo-title {
  position: relative;
  padding: 0.5em 0.5em 0 0.4em;
  width: 100%;
  line-height: 1.4;
  font-size: 1.2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1510, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.noteinfo-title .fa-video-camera {
  color: #757575;
  font-size: 1.3rem;
}

/* line 1514, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.noteinfo-title__btn {
  color: #666666;
}

/* line 1517, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.noteinfo-counts {
  overflow: hidden;
  position: relative;
  padding: 0.25rem 0.5rem 0.5rem 0;
  width: 100%;
  color: #9e9e9e;
}

/* line 1524, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.noteinfo-count__icon {
  padding-right: 0.5em;
  color: #9e9e9e;
}

/* line 1528, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.noteinfo-count,
.noteinfo-like {
  position: relative;
  float: left;
  padding: 0.25rem 0.25rem 0rem 0.5rem;
  background-position: left center;
}

/* line 1535, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.noteinfo-author {
  position: relative;
  padding: 0 0.5rem 0.5rem 0.5rem;
  width: 100%;
}

/* line 1540, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.noteinfo-author__btn {
  color: #1298ff;
}

/* line 1543, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.tags {
  margin-top: 1rem;
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
}

/* line 1549, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.tags > .tags__tag {
  -webkit-appearance: none;
  border-radius: 0.3em;
  /* CSS3草案 */
  -webkit-border-radius: 0.3em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.3em;
  /* Firefox用 */
  background-color: #e0e0e0;
  padding: .25em .5em;
  color: #757575;
  font-size: 1rem;
}
/* line 1555, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.tags > .tags__tag:hover {
  background-color: #9e9e9e;
}

/* line 1560, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.btn, .submit__btn, .action__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: 0.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 1563, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.btn:hover, .submit__btn:hover, .action__btn:hover {
  opacity: 0.5;
}

/* line 1575, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.submit__btn, .action__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 1583, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.notebook-btn__container {
  margin: 1.6rem;
  padding: 0;
}

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

@media only screen and (min-width: 481px) {
  /* line 1594, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .v2.ja .use-new-cta-btn.notebook-btn__container {
    position: relative;
    top: 0;
  }
}
/* line 1600, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.v2.ja .use-new-cta-btn.notebook-btn__container {
  margin: 0 auto;
  max-width: 840px;
  width: initial;
  background: initial;
  left: 0;
  right: 0;
  box-shadow: none;
  padding: 0;
}
/* line 1611, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn {
  display: inline-block;
  width: calc(50% - 20px);
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* line 1618, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn:first-child {
  margin-right: 40px;
}
@media only screen and (max-width: 480px) {
  /* line 1600, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .v2.ja .use-new-cta-btn.notebook-btn__container {
    padding: 0 !important;
  }
}
/* line 1630, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.v2.ja .school.notebook-btn__container.full-width,
.v2.ja .use-new-cta-btn.notebook-btn__container.full-width {
  text-align: center;
}
/* line 1632, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.v2.ja .school.notebook-btn__container.full-width a.action__btn,
.v2.ja .use-new-cta-btn.notebook-btn__container.full-width a.action__btn {
  float: none;
  margin-right: 0;
}
/* line 1638, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.v2.ja .school.notebook-btn__container .supertitle,
.v2.ja .use-new-cta-btn.notebook-btn__container .supertitle {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  letter-spacing: 0.2px;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 8px;
}
/* line 1648, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.v2.ja .school.notebook-btn__container a.action__btn,
.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn {
  float: left;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 0px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  font-size: 14px;
  padding-left: calc(47px + 16px);
  line-height: 52px;
  max-width: 400px;
}
/* line 1659, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.v2.ja .school.notebook-btn__container a.action__btn .button-label-table,
.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn .button-label-table {
  display: table;
  height: 100%;
  width: 100%;
}
/* line 1665, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.v2.ja .school.notebook-btn__container a.action__btn .button-label-cell,
.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn .button-label-cell {
  display: table-cell;
  vertical-align: middle;
  white-space: initial;
  line-height: initial;
  height: 52px;
}
/* line 1673, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.v2.ja .school.notebook-btn__container a.action__btn.green,
.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn.green {
  background-color: #00b900;
}
/* line 1677, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.v2.ja .school.notebook-btn__container a.action__btn.blue,
.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn.blue {
  background-color: #1298ff;
}
/* line 1681, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.v2.ja .school.notebook-btn__container a.action__btn.blue > .icon-wrapper:after,
.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn.blue > .icon-wrapper:after {
  background-image: url(http://localhost:3000/assets/action_buttons/tel-v2.png);
}
/* line 1687, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.v2.ja .school.notebook-btn__container a.action__btn.orange,
.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn.orange {
  background-color: #ff7f00;
}
/* line 1691, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.v2.ja .school.notebook-btn__container a.action__btn.orange > .icon-wrapper:after,
.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn.orange > .icon-wrapper:after {
  background-image: url(http://localhost:3000/assets/action_buttons/form-v2.png);
}
/* line 1697, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.v2.ja .school.notebook-btn__container a.action__btn > .icon-wrapper,
.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn > .icon-wrapper {
  position: absolute;
  left: 5px;
  top: 4px !important;
  bottom: 4px;
  width: 44px;
  height: initial;
}
/* line 1705, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.v2.ja .school.notebook-btn__container a.action__btn > .icon-wrapper:after,
.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn > .icon-wrapper:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 32px;
  height: 32px;
  left: calc(50% - 16px);
  top: calc(50% - 16px);
  background-size: 32px 32px;
}
/* line 1716, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.v2.ja .school.notebook-btn__container a.action__btn > .icon-wrapper img,
.v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn > .icon-wrapper img {
  display: none;
}
@media only screen and (max-width: 840px) {
  /* line 1724, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .v2.ja .school.notebook-btn__container,
  .v2.ja .use-new-cta-btn.notebook-btn__container {
    left: 0;
    right: 0;
    padding-top: 0;
    padding-bottom: 0px;
  }
  /* line 1732, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .v2.ja .school.notebook-btn__container.full-width a.action__btn,
  .v2.ja .use-new-cta-btn.notebook-btn__container.full-width a.action__btn {
    max-width: initial;
    width: calc(100% - 8px - 8px);
    margin-right: 8px !important;
  }
  /* line 1739, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .v2.ja .school.notebook-btn__container.slide-up,
  .v2.ja .use-new-cta-btn.notebook-btn__container.slide-up {
    bottom: 0;
  }
  /* line 1743, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .v2.ja .school.notebook-btn__container a.action__btn,
  .v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: calc(34px + 1px + 1px);
    margin-left: 8px;
    margin-right: 0px !important;
    text-align: center;
    width: calc(50% - 8px - 4px);
    height: 52px;
  }
}
@media only screen and (max-width: 480px) {
  /* line 1758, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .v2.ja .school.notebook-btn__container,
  .v2.ja .use-new-cta-btn.notebook-btn__container {
    background: rgba(0, 0, 0, 0.5);
    padding-bottom: 8px !important;
  }
  /* line 1763, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .v2.ja .school.notebook-btn__container a.action__btn,
  .v2.ja .use-new-cta-btn.notebook-btn__container a.action__btn {
    height: 52px;
    line-height: initial;
  }
  /* line 1769, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .v2.ja .school.notebook-btn__container:not(.full-width) a.action__btn,
  .v2.ja .use-new-cta-btn.notebook-btn__container:not(.full-width) a.action__btn {
    height: 52px;
  }
}

@media only screen and (min-width: 481px) {
  /* line 1777, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .desktop-fixed-action-button-container.v2.ja {
    position: fixed;
    z-index: 3;
    display: block;
    bottom: 0px;
    left: 0;
    right: 0;
    padding-top: 13px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    background: rgba(204, 204, 204, 0.5);
    padding-top: 0px;
    padding-bottom: 6px;
    padding-left: 0px;
    padding-right: 0px;
    background: rgba(0, 0, 0, 0.5);
  }
}
/* line 1799, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.recommended-notes {
  overflow: hidden;
  padding: 3.6rem 1rem 0.75rem;
  background: #EEEEEE;
}

/* line 1805, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.x-notebook-list {
  overflow: hidden;
}

/* line 1809, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.contents__bg.x-notebook-list {
  padding-top: 13px;
}
/* line 1812, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.contents__bg.x-notebook-list .notes {
  padding-top: 1em;
  border-bottom: none;
}
/* line 1817, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.contents__bg.x-notebook-list .x-notebook-list-title-wrapper {
  font-size: 1em;
  max-width: 960px;
  margin: auto;
  border-bottom: solid 1px #ddd;
  width: calc(100% - 3em);
}
/* line 1824, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.contents__bg.x-notebook-list .x-notebook-list-title-wrapper .x-notebook-list-title {
  position: relative;
  margin-right: 1.75em;
  padding: 1em;
  padding-left: 3.5em;
  padding-right: 2em;
  border-radius: 2.8em;
  display: inline-block;
}
/* line 1833, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.contents__bg.x-notebook-list .x-notebook-list-title-wrapper .x-notebook-list-title div.sub {
  font-size: 1.1em;
  color: #999;
  margin-bottom: 0.6em;
}
/* line 1839, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.contents__bg.x-notebook-list .x-notebook-list-title-wrapper .x-notebook-list-title div.main {
  font-size: 1.5em;
  color: #888;
}
/* line 1843, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.contents__bg.x-notebook-list .x-notebook-list-title-wrapper .x-notebook-list-title div.main i {
  position: absolute;
  font-size: 1.4em;
  left: 0.3em;
  top: 0.3em;
}
/* line 1851, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.contents__bg.x-notebook-list .x-notebook-list-title-wrapper .x-notebook-list-title div.highlight {
  font-size: 2em;
  position: absolute;
  content: "";
  color: #1298ff;
  right: -5px;
  top: 1em;
  border-radius: 1em;
}
/* line 1860, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.contents__bg.x-notebook-list .x-notebook-list-title-wrapper .x-notebook-list-title div.highlight:after {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  right: 2px;
  top: 2px;
  border-radius: 1em;
}
/* line 1874, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.contents__bg.x-notebook-list .x-notebook-list-title-wrapper.large .x-notebook-list-title {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}
/* line 1878, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.contents__bg.x-notebook-list .x-notebook-list-title-wrapper.large .x-notebook-list-title div.main i {
  top: 0.55em;
}
/* line 1882, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.contents__bg.x-notebook-list .x-notebook-list-title-wrapper.large .x-notebook-list-title:before {
  top: 1.5em;
}
/* line 1886, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.contents__bg.x-notebook-list .x-notebook-list-title-wrapper.large .x-notebook-list-title:after {
  top: 1.5em;
}
/* line 1892, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.contents__bg.x-notebook-list .button-outer-wrapper {
  position: relative;
  max-width: 960px;
  margin: auto;
  margin-top: 0.5em;
}
/* line 1898, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.contents__bg.x-notebook-list .button-outer-wrapper .button-inner-wrapper {
  text-align: right;
  height: 100%;
  padding: 1em;
}
@media only screen and (min-width: 961px) {
  /* line 1809, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .contents__bg.x-notebook-list {
    padding-top: 27px;
  }
  /* line 1909, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .contents__bg.x-notebook-list .x-notebook-list-title-wrapper .x-notebook-list-title {
    margin-left: 0.6em;
  }
}

/* line 1917, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.recommended-questions__container {
  padding: 3.6rem 1rem 0.75rem;
  background: #EEEEEE;
}

/* line 1921, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.contents__title {
  text-align: center;
  color: #9e9e9e;
  font-size: 1.2rem;
  margin-bottom: 0.4rem;
}

/* line 1927, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.recommended-questions {
  max-width: 960px;
  margin: 0.8rem auto;
  padding: 0 0.8rem;
}

/* line 1933, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.recommended-question__btn {
  display: block;
  padding: 0.8rem 0;
  border-bottom: solid 1px #e6e6e6;
  width: 100%;
}

/* line 1939, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.recommended-question {
  display: table;
}

/* line 1942, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.recommended-question-grade__container {
  display: table-cell;
}

/* line 1945, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.recommended-question-grade {
  -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: 0.5em;
  color: #fff;
  white-space: nowrap;
  background-color: #4db6ac;
  font-size: 1.2rem;
  margin-right: 0.8rem;
}
/* line 1955, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.recommended-question-grade:hover {
  background-color: #4db6ac;
}

/* line 1960, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.recommended-question-subject__container {
  display: table-cell;
}

/* line 1963, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.recommended-question-subject {
  -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: 0.5em;
  color: #666666;
  white-space: nowrap;
  background-color: #e6e6e6;
  font-size: 1.2rem;
  margin-right: 0.8rem;
}
/* line 1973, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.recommended-question-subject:hover {
  background-color: #e6e6e6;
}

/* line 1977, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.recommended-question__tx {
  display: table-cell;
  line-height: 1.4;
  font-size: 1.2rem;
  color: #1298ff;
  word-break: break-word;
}

/* line 1985, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.list-contents {
  max-width: 960px;
  margin: auto;
  background-color: #fff;
}
/* line 1991, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.list-contents.classroom .google-maps-link {
  display: block;
  position: relative;
}
/* line 1995, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.list-contents.classroom .google-maps-link:hover {
  background-color: whitesmoke;
}
/* line 2000, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.list-contents.classroom .classroom-wrapper {
  padding: 1em;
  border-bottom: 1px solid #e6e6e6;
  line-height: 1.5;
}
/* line 2006, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.list-contents.classroom .classroom-title {
  font-size: 1.15em;
  font-weight: bold;
  color: #1298ff;
}
/* line 2011, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.list-contents.classroom .classroom-title.with-margin-bottom {
  margin-bottom: 0.5em;
}
/* line 2016, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.list-contents.classroom .classroom-content {
  font-size: 1em;
  color: #757575;
}
/* line 2021, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.list-contents.classroom .fa-chevron-right {
  position: absolute;
  right: 1em;
  bottom: calc(50% - 0.5em);
  font-size: 1.2rem;
  color: #1298ff;
}

/* line 2030, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.list-contents__title {
  background-color: #b3b3b3;
  width: 100%;
  padding: 0.75em;
  font-size: 1.2rem;
  color: #fff;
  max-width: 960px;
  margin: auto;
}

/* line 2039, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.list-notebook {
  display: block;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  padding: 0.8rem;
  color: #212121;
}
/* line 2047, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.list-notebook:hover {
  background-color: whitesmoke;
}

/* line 2051, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.list-notebook-img__container {
  position: relative;
  float: left;
  width: 4rem;
  height: 5.4rem;
  -webkit-appearance: none;
  border-radius: 0.3em;
  /* CSS3草案 */
  -webkit-border-radius: 0.3em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.3em;
  /* Firefox用 */
  overflow: hidden;
  text-align: center;
  border: 1px solid #e0e0e0;
}

/* line 2061, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.list-notebook__img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* line 2069, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.list-notebook__right {
  float: left;
  padding: 0 0.8rem;
  width: 100%;
  margin-left: -4rem;
  padding-left: 4.8rem;
}

/* line 2076, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.list-notebook__title {
  margin-top: 0.8rem;
  font-size: 1.6rem;
  color: #212121;
  line-height: 1.6;
}

/* line 2083, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-bg {
  background-color: #EEEEEE;
  padding: 0.4rem;
  padding-bottom: 1rem;
  border: solid 1px #dedede;
  border-bottom: none;
}

/* line 2091, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
section.info {
  position: relative;
  max-width: 960px;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  overflow: hidden;
}
/* line 2099, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
section.info .notebook-header {
  position: relative;
  padding: 1.2rem .8rem;
}
/* line 2103, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
section.info .notebook-header .notebook-date {
  margin-top: 1rem;
  text-align: left;
  color: #b3b3b3;
  padding: 0;
}
/* line 2110, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
section.info .notebook-header .notebook-category {
  overflow: hidden;
  display: table;
  position: relative;
  background-color: #fff;
  width: 100%;
  font-size: 1rem;
}
/* line 2118, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
section.info .notebook-header .notebook-category > * {
  display: table-cell;
  float: left;
  margin-right: .8rem;
}
/* line 2123, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
section.info .notebook-header .notebook-category > * > * {
  appearance: none;
  border-radius: 0.3em;
  padding: 0.5em;
  display: block;
}
/* line 2131, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
section.info .notebook-header .notebook-category .notebook-category-pronote > * {
  color: #fff;
  background-color: #ff7152;
}
/* line 2135, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
section.info .notebook-header .notebook-category .notebook-category-grade > * {
  color: #fff;
  background-color: #4db6ac;
}
/* line 2139, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
section.info .notebook-header .notebook-category .notebook-category-school-year > * {
  color: #666666;
}
/* line 2142, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
section.info .notebook-header .notebook-category .notebook-category-subject > * {
  color: #666666;
  background-color: #e6e6e6;
}
/* line 2148, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
section.info .notebook-header .notebook-title-wrapper h1 {
  font-size: 1.2rem;
  line-height: 1.6;
  margin: 0;
  font-weight: 700;
}
@media only screen and (min-width: 769px) {
  /* line 2148, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  section.info .notebook-header .notebook-title-wrapper h1 {
    font-size: 2rem;
    font-weight: 400;
    padding: 0;
  }
}
/* line 2160, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
section.info .notebook-header .notebook-counts {
  overflow: hidden;
  padding: .2rem 0 0;
  text-align: left;
  color: #9e9e9e;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 769px) {
  /* line 2170, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  section.info .notebook-header .notebook-counts > .container, section.info .notebook-header .notebook-counts > .comments-new__container, section.info .notebook-header .notebook-counts > .comments-new-error__container {
    margin: 0;
  }
}
/* line 2176, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
section.info .notebook-header .notebook-counts .container > *, section.info .notebook-header .notebook-counts .comments-new__container > *, section.info .notebook-header .notebook-counts .comments-new-error__container > * {
  position: relative;
  margin-right: 1rem;
  display: inline;
}
/* line 2181, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
section.info .notebook-header .notebook-counts .container > * p, section.info .notebook-header .notebook-counts .comments-new__container > * p, section.info .notebook-header .notebook-counts .comments-new-error__container > * p {
  display: inline-block;
  position: relative;
  margin-left: 0.4rem;
}
/* line 2189, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
section.info .notebook-header .notebook-author-wrapper {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
/* line 2195, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
section.info .notebook-header .notebook-author-wrapper > img {
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
/* line 2200, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
section.info .notebook-header .notebook-author-wrapper > .notebook__author-name {
  color: #1298ff;
  font-weight: 700;
}
/* line 2205, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
section.info .notebook-header .notebook__description {
  margin-top: 1rem;
  font-size: 1.2rem;
}
/* line 2212, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
section.info .info-banner {
  padding: 1rem 0;
  background-color: #eeeeee;
}

/* line 2217, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.info-textbook-units {
  overflow: hidden;
  margin-top: .8rem;
  margin-bottom: .8rem;
}

/* line 2222, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.info-textbook {
  font-size: 1.2rem;
  color: #999999;
  padding: .4rem 0;
}

/* line 2227, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.info-units {
  font-size: 1rem;
  margin-top: .8rem;
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

/* line 2234, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.info-unit {
  -webkit-appearance: none;
  border-radius: 1rem;
  /* CSS3草案 */
  -webkit-border-radius: 1rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 1rem;
  /* Firefox用 */
  border: 1px solid #9e9e9e;
  display: block;
  color: #9e9e9e;
  padding: .4rem .8rem;
  font-size: 1rem;
}
/* line 2241, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.info-unit:hover {
  color: #fff;
  background-color: #9e9e9e;
}

/* line 2247, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.related-notes {
  font-family: Hiragino Sans, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;
}
/* line 2252, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.related-notes > div:nth-child(1) {
  color: #757575;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.8px;
  margin-bottom: 12px;
}
/* line 2263, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.related-notes ul li:not(:last-child) {
  margin-bottom: 12px;
}
/* line 2267, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.related-notes ul li a {
  display: block;
  color: #1298ff;
  letter-spacing: -0.8px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 2268, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.related-notes ul li a:before {
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 5 Free";
  content: "\f518";
  font-weight: 900;
  user-select: none;
  color: #9e9e9e;
  margin-right: 6px;
  position: relative;
  top: 1px;
}

/* line 2296, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.author-tabs {
  background-color: #fff;
}
/* line 2299, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.author-tabs ul {
  display: flex;
  flex-direction: row;
}
/* line 2303, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.author-tabs ul li {
  display: inline-block;
  width: 50%;
}
/* line 2307, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.author-tabs ul li:last-child {
  flex: 1;
}
/* line 2311, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.author-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 2324, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.author-tabs ul li .clickable.active {
  color: #1298ff;
  border-bottom: solid 2px #1298ff;
}

/* line 2333, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-content-v2 {
  background-color: #fff;
  color: #212121;
  position: relative;
  box-sizing: initial;
  display: block;
  padding: 0px 8px;
  min-height: 66px;
}
/* line 2344, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
a.base-component.notebook-list-content-v2:hover {
  background-color: #dbf2fd;
}
/* line 2349, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-content-v2 > div {
  box-sizing: initial;
  padding: 12px 0px;
  border-bottom: solid 1px #e0e0e0;
  min-height: 72px;
}
/* line 2356, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-content-v2 section:first-child {
  position: absolute;
  left: 8px;
  top: 12px;
  width: 52px;
  height: 72px;
}
/* line 2363, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-content-v2 section:first-child span {
  position: relative;
  float: left;
  width: 52px;
  height: 72px;
  border-radius: 4px;
  overflow: hidden;
}
/* line 2372, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-content-v2 section:first-child img {
  width: 100%;
  height: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
/* line 2381, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-content-v2 section:last-child {
  padding-left: 64px;
}
/* line 2384, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-content-v2 section:last-child div:nth-child(1) {
  margin-bottom: 4px;
}
/* line 2387, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-content-v2 section:last-child div:nth-child(1) b {
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  margin-right: 2px;
}
/* line 2396, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-content-v2 section:last-child div:nth-child(1) i {
  font-size: 12px;
  color: #9e9e9e;
}
/* line 2401, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-content-v2 section:last-child div:nth-child(1) .base-component.tag {
  position: relative;
  right: -4px;
  float: right;
  margin-right: 4px;
}
/* line 2409, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-content-v2 section:last-child div:nth-child(2) {
  margin-bottom: 4px;
}
/* line 2412, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-content-v2 section:last-child div:nth-child(2) > * {
  vertical-align: middle;
}
/* line 2416, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-content-v2 section:last-child div:nth-child(2) span {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 2px;
}
/* line 2426, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-content-v2 section:last-child div:nth-child(2) span img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: auto;
  width: 100%;
}
/* line 2435, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-content-v2 section:last-child div:nth-child(2) b {
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0.428571px;
  color: #757575;
}

/* line 2445, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-info-v2 {
  background-color: #fff;
  color: #212121;
  position: relative;
  box-sizing: initial;
  display: block;
  padding: 0px 8px;
  min-height: 66px;
}
/* line 2456, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
a.base-component.notebook-list-info-v2:hover {
  background-color: #dbf2fd;
}
/* line 2461, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-info-v2 > div {
  box-sizing: initial;
  padding: 12px 0px;
  border-bottom: solid 1px #e0e0e0;
  min-height: 66px;
}
/* line 2468, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-info-v2 section:first-child {
  position: absolute;
  left: 8px;
  top: 12px;
  width: 66px;
  height: 66px;
}
/* line 2475, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-info-v2 section:first-child span {
  position: relative;
  float: left;
  width: 33px;
  height: 33px;
  border-radius: 4px;
  overflow: hidden;
}
/* line 2484, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-info-v2 section:first-child img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: auto;
}
/* line 2492, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-info-v2 section:first-child span:only-child {
  width: 100%;
  height: 100%;
}
/* line 2498, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-info-v2 section:last-child {
  padding-left: 78px;
}
/* line 2501, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-info-v2 section:last-child div:nth-child(1) {
  margin-bottom: 4px;
}
/* line 2504, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-info-v2 section:last-child div:nth-child(1) h1,
.base-component.notebook-list-info-v2 section:last-child div:nth-child(1) b {
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  margin-right: 2px;
}
/* line 2514, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-info-v2 section:last-child div:nth-child(1) i {
  font-size: 12px;
  color: #9e9e9e;
}
/* line 2521, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-info-v2 section:last-child > a:nth-child(2):hover {
  color: #212121;
  text-decoration: underline;
}
/* line 2526, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-info-v2 section:last-child > *:nth-child(2) {
  display: inline-block;
  margin-bottom: 4px;
}
/* line 2530, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-info-v2 section:last-child > *:nth-child(2) > * {
  vertical-align: middle;
}
/* line 2534, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-info-v2 section:last-child > *:nth-child(2) span {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 2px;
}
/* line 2544, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-info-v2 section:last-child > *:nth-child(2) span img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: auto;
  width: 100%;
}
/* line 2553, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-info-v2 section:last-child > *:nth-child(2) b {
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0.428571px;
  color: #757575;
}
/* line 2562, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-info-v2 section:last-child div:nth-child(3) {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.428571px;
  color: #9e9e9e;
}

/* line 2571, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-list-info-details-v2 {
  color: #212121;
  background-color: #fff;
  padding: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
}

/* line 2583, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.lazy-notebook-likes {
  min-height: 28px;
}

/* line 2587, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.liked-by a {
  color: #1298ff;
}
/* line 2591, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.liked-by a:hover > span:first-child {
  color: #1298ff;
}
/* line 2596, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.liked-by a > span:first-child {
  color: #333333;
}
/* line 2600, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.liked-by a > span:not(:first-child) {
  display: inline-block;
  margin-left: 8px;
  padding-right: 14px;
  margin-right: 4px;
}
/* line 2607, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.liked-by a > span > span {
  position: relative;
  display: inline-block;
  width: 14px;
}
/* line 2613, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.liked-by a > span > span:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 29px;
  height: 29px;
  background: #ddd;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-25%, -50%);
  border-radius: 2em;
}
/* line 2628, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.liked-by img {
  position: relative;
  border-radius: 2em;
  vertical-align: text-bottom;
  z-index: 1;
}

/* line 2636, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.dropdown {
  position: relative;
  display: inline-block;
  width: 4em;
  height: 2em;
  border: solid 1px #eee;
  text-align: center;
  border-radius: 4px;
  color: #666;
}
/* line 2646, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.dropdown i {
  line-height: 1.75;
}
/* line 2650, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.dropdown > div:last-child {
  height: 0px;
  position: absolute;
  bottom: 0px;
  z-index: 1;
  display: none;
}
/* line 2657, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.dropdown > div:last-child button {
  font-size: 14px;
  background: white;
  border: solid 1px #ddd;
  color: #666;
  width: 7em;
}
/* line 2664, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.dropdown > div:last-child button:hover {
  color: #333;
  background-color: #fafafa;
}
/* line 2671, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.dropdown:hover {
  color: #333;
  background-color: #fafafa;
}
/* line 2675, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.dropdown:hover > div:last-child {
  right: 0px;
  bottom: 0px;
  display: initial;
}

/* line 2683, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note__subtitle {
  display: block;
  width: 100%;
  margin: 0;
  background-color: #eeeeee;
  padding: 0.96rem;
  width: 100%;
  display: block;
  font-size: 1rem;
  color: #9e9e9e;
}

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

/* line 2707, /webrails/concourse_rails/app/assets/stylesheets/web/site.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: 0.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 2718, /webrails/concourse_rails/app/assets/stylesheets/web/site.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;
  position: absolute;
}

/* line 2725, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.subinfo__author__name {
  float: left;
  margin: 1rem 0 0 1rem;
  min-height: 3rem;
  padding-left: 4rem;
}

/* line 2732, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-login-form {
  display: block;
  padding-bottom: 1em;
  padding-top: 1em;
}
/* line 2737, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-login-form.active {
  background-color: #f6fcff;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
/* line 2743, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-login-form .login-form-control {
  line-height: initial;
  text-align: left;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 1em;
}
/* line 2750, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-login-form .login-form-control:last-child {
  margin-bottom: 0;
}
/* line 2754, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-login-form .login-form-control label {
  font-size: 1.2em;
  font-weight: bold;
  display: inline-block;
  margin-left: 0.2em;
  margin-bottom: 0.5em;
}
/* line 2762, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-login-form .login-form-control input {
  width: 100%;
  font-size: 1.3rem;
  padding: 0.5em;
  border-radius: 0.3em;
  border: solid 1px #ddd;
}
/* line 2770, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-login-form .login-form-control a {
  line-height: 2.4;
  color: #1298ff;
}
/* line 2775, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.x-login-form .login-form-control button {
  line-height: 2.8;
  font-size: 1.2rem;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  /* line 2782, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .base-component.x-login-form .login-form-control label {
    font-size: 1em;
    font-weight: bold;
  }
  /* line 2787, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .base-component.x-login-form .login-form-control input {
    padding: 0.4em;
  }
  /* line 2791, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .base-component.x-login-form .login-form-control a {
    line-height: initial;
  }
  /* line 2795, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .base-component.x-login-form .login-form-control button {
    font-size: 1rem;
    line-height: 2.5;
  }
}

/* line 2803, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.clear-suggest {
  background-color: #fafafa;
  padding: 12px;
  border-radius: 4px;
}
/* line 2808, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.clear-suggest.x-info {
  background-color: #fffbee;
  border-color: #fffbee;
}
@media only screen and (min-width: 961px) {
  /* line 2803, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .base-component.clear-suggest {
    position: relative;
  }
  /* line 2816, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .base-component.clear-suggest > div:first-child {
    display: table;
    height: 68px;
    width: 52.5%;
    padding-right: 12px;
  }
  /* line 2822, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .base-component.clear-suggest > div:first-child p {
    display: table-cell;
    margin-bottom: 0px !important;
    line-height: 21px !important;
    vertical-align: middle;
  }
  /* line 2830, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .base-component.clear-suggest > div:last-child {
    position: absolute;
    top: 50%;
    right: 12px;
    left: 52.5%;
    transform: translateY(-50%);
    width: 46.5%;
  }
  /* line 2838, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .base-component.clear-suggest > div:last-child a,
  .base-component.clear-suggest > div:last-child button {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
/* line 2846, /webrails/concourse_rails/app/assets/stylesheets/web/site.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 2857, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.clear-suggest > div:last-child {
  background-color: #fff;
  padding: 12px 13px;
  border-radius: 4px;
}
/* line 2862, /webrails/concourse_rails/app/assets/stylesheets/web/site.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 2876, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.ocr_list {
  background-color: #eeeeee;
}

/* line 2880, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.ocr_list > .ocr_title {
  color: #9e9e9e;
  font-size: 1rem;
  padding-left: .96rem;
}
@media only screen and (min-width: 769px) {
  /* line 2880, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .ocr_list > .ocr_title {
    padding-top: .96rem;
  }
}

/* line 2889, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.ocr_list > .ocr_item {
  margin-top: 1em;
  background-color: #fff;
  padding: 1em;
}

/* line 2895, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.ocr_list > .ocr_item > .ocr-preview {
  max-height: 4.5em;
  /* 3行相当 */
  overflow: hidden;
  position: relative;
  white-space: pre-wrap;
  line-height: 1.5;
}

/* line 2902, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.ocr_list > .ocr_item > .ocr-preview.expanded {
  max-height: none;
}

/* line 2906, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.ocr_list > .ocr_item > .ocr-more-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font: inherit;
  text-decoration: underline;
  outline: none;
  color: #9e9e9e;
  display: flex;
  justify-content: right;
}

/* line 2919, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.ocr_list > .ocr_item.hidden {
  display: none;
}

/* line 2923, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.ocr-list-toggle {
  text-align: center;
  margin-top: 16px;
}

/* line 2928, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.ocr-list-toggle-btn {
  background: none;
  border: none;
  color: #4A90E2;
  font-size: 14px;
  cursor: pointer;
  padding: 8px 16px;
  text-decoration: underline;
  transition: opacity 0.2s;
}
/* line 2938, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.ocr-list-toggle-btn:hover {
  opacity: 0.7;
}

/* line 2943, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-comment {
  overflow: hidden;
  padding: 1em;
  border-bottom: 1px solid #e6e6e6;
}

/* line 2948, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-comment--status_no-comment {
  text-align: center;
  padding: 1rem;
}

/* line 2952, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-pagenation {
  border-bottom: 1px solid #e6e6e6;
}

/* line 2956, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-pagenation__first, .note-comments-pagenation__back, .note-comments-pagenation__number, .note-comments-pagenation__forward, .note-comments-pagenation__last {
  display: table-cell;
  width: 20%;
  text-align: center;
  color: #cccccc;
}

/* line 2965, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-pagenation__number {
  color: #333333;
}

/* line 2969, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-pagenation__number__btn {
  color: #1298ff;
  text-align: center;
}

/* line 2979, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-pagenation__btn {
  display: block;
  padding: 1.25em;
  color: #1298ff;
  text-align: center;
}
/* line 2984, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-pagenation__btn:hover {
  background-color: #e8f5ff;
}

/* line 2988, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-comment {
  font-family: Hiragino Sans, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;
  position: relative;
  padding: 12px;
  padding-left: 60px;
  min-height: 60px;
}
/* line 2998, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-comment:not(:last-child)::after {
  content: "";
  display: inline-block;
  border-bottom: solid 1px #ddd;
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
}
/* line 3009, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-comment > div:nth-child(1) i {
  position: absolute;
  left: 12px;
  top: 12px;
}
/* line 3014, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-comment > div:nth-child(1) i img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
/* line 3022, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-comment > div:nth-child(2) > div:nth-child(1) {
  margin-bottom: 4px;
}
/* line 3025, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-comment > div:nth-child(2) > div:nth-child(1) cite {
  font-style: normal;
  position: relative;
  bottom: 0.2em;
  vertical-align: middle;
  margin-right: 4px;
  display: inline-block;
  border-radius: 0.3em;
  text-align: center;
  background-color: #1298ff;
  color: white;
  font-size: 0.8rem;
  padding: 0.25em 0.5em;
}
/* line 3040, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-comment > div:nth-child(2) > div:nth-child(1) a {
  font-size: 1.2rem;
  color: #1298ff;
  line-height: 1.4;
}
/* line 3046, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-comment > div:nth-child(2) > div:nth-child(1) time {
  float: right;
  text-align: right;
  color: #999999;
  line-height: 1.7;
}
/* line 3052, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-comment > div:nth-child(2) > div:nth-child(1) time::after {
  content: "";
  clear: both;
  display: table;
}
/* line 3060, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-comment > div:nth-child(2) > div:nth-child(2) {
  margin-bottom: 8px;
}
/* line 3063, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-comment > div:nth-child(2) > div:nth-child(2) p {
  clear: both;
  line-height: 1.6;
  font-size: 1.2rem;
}
/* line 3071, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-comment > div:nth-child(2) > div:nth-child(3) a {
  background: #eeeeee;
  position: relative;
  display: inline-block;
  height: 60px;
  width: 60px;
  overflow: hidden;
  border-radius: 0.6em;
}
/* line 3080, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-comment > div:nth-child(2) > div:nth-child(3) a img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* line 3092, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.add-notebook-comment .textarea-wrapper {
  padding: 16px;
  border-radius: 1.5em;
  border: 1px solid #e6e6e6;
  background-color: #fff;
}
/* line 3098, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.add-notebook-comment .textarea-wrapper.disabled {
  background-color: #fafafa;
}
/* line 3103, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.add-notebook-comment textarea {
  resize: none;
  border: none;
  padding: 0;
}
/* line 3108, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.add-notebook-comment textarea:focus {
  outline: none;
}
/* line 3112, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.add-notebook-comment textarea:disabled {
  background-color: #fafafa;
}

/* line 3118, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.promotion-banner {
  display: table;
  margin: 1em auto;
  max-width: 100%;
  height: auto;
}
/* line 3123, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.promotion-banner:hover {
  opacity: 0.5;
}

/* line 3127, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.promotion__img {
  max-width: 100%;
  height: auto;
  position: relative;
}

/* line 3132, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.promotion__center {
  text-align: center;
}

/* line 3139, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.app-download-banner-inner {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", HiraginoSansCustom, "Hiragino Sans", Meiryo, メイリオ, Osaka, sans-serif, system-ui;
  font-size: 14px;
  line-height: 21px;
  overflow: hidden;
}
/* line 3148, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.app-download-banner-inner i.app-download-banner-highlight {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url(http://localhost:3000/app-banners/icon_point.svg);
  background-position: -2px 2px;
  background-repeat: no-repeat;
}
/* line 3157, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.app-download-banner-inner > div:nth-child(1) {
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  color: #1298ff;
  margin-bottom: 8px;
}
/* line 3164, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.app-download-banner-inner > div:nth-child(1) i {
  vertical-align: middle;
}
/* line 3168, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.app-download-banner-inner > div:nth-child(1) span {
  vertical-align: sub;
}
/* line 3173, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.app-download-banner-inner > div:nth-child(2) {
  margin-bottom: 8px;
}
/* line 3176, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.app-download-banner-inner > div:nth-child(2) p {
  font-weight: bold;
  color: #212121;
}
/* line 3182, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.app-download-banner-inner > div:nth-child(3) {
  position: relative;
  padding-left: 139px;
  padding-top: 18px;
  text-align: center;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
/* line 3192, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.app-download-banner-inner > div:nth-child(3) > div:first-child {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 3199, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.app-download-banner-inner > div:nth-child(3) > div:last-child {
  display: inline-block;
  height: 116px;
}
/* line 3203, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.app-download-banner-inner > div:nth-child(3) > div:last-child > div:first-child {
  margin-bottom: 12px;
}
/* line 3211, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.app-download-banner-inner > div:nth-child(2) ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
}
/* line 3216, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.app-download-banner-inner > div:nth-child(2) ul li * {
  font-weight: bold;
}
/* line 3220, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.app-download-banner-inner > div:nth-child(2) ul li:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
  text-align: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #bdbdbd;
  margin-right: 0.2em;
  font-size: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
}
/* line 3239, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.app-download-banner-inner > div:nth-child(2) ul li:nth-child(1):before {
  content: "\f02e";
}
/* line 3242, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.app-download-banner-inner > div:nth-child(2) ul li:nth-child(2):before {
  content: "\f004";
}
/* line 3246, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.app-download-banner-inner > div:nth-child(2) ul li > div:first-child {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 0 0.1em;
}
/* line 3252, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.app-download-banner-inner > div:nth-child(2) ul li > div:first-child:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 36%;
  background-color: #f9f3a6;
  z-index: -1;
}

/* line 3266, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.app-download-banner {
  position: relative;
  background-color: #ecf7ff;
  padding: 12px;
  padding-bottom: 0px;
}
/* line 3272, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.app-download-banner:before {
  color: #ecf7ff;
  font-size: 24px;
  position: absolute;
  content: "▲";
  top: -14px;
  left: calc(50% - 0.5em);
  user-select: none;
}
/* line 3284, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.app-download-banner.qa .app-download-banner-inner > div:nth-child(2) {
  margin-bottom: 22px;
}
/* line 3288, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.app-download-banner.qa .app-download-banner-inner > div:nth-child(3) > div:last-child {
  height: 99px;
}

/* line 3296, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.social-media-shares {
  position: relative;
}
/* line 3300, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.social-media-shares > div:last-child p {
  position: relative;
  bottom: 4px;
  color: #555;
  padding-left: 2px;
}
/* line 3307, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.social-media-shares > div:last-child input {
  font-size: 16px;
  margin-top: 3px;
  width: calc(100% - 7rem);
  height: 3rem;
}
/* line 3314, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.social-media-shares > div:last-child button {
  color: #333;
  width: 6rem;
  height: 3rem;
  font-weight: bold;
  vertical-align: bottom;
}
/* line 3323, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.social-media-shares h3 {
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  vertical-align: top;
  margin-top: 6px;
}
/* line 3332, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.social-media-shares ul {
  display: inline-block;
  margin-bottom: 12px;
  padding-left: 4px;
}
/* line 3337, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.social-media-shares ul li {
  margin-right: 8px;
  display: inline;
  vertical-align: bottom;
}
/* line 3343, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.social-media-shares ul li a:hover {
  filter: brightness(1.05);
}
/* line 3348, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.social-media-shares ul li i {
  font-size: 60px;
}
/* line 3354, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.social-media-shares .share-url {
  font-weight: bold;
  text-align: center;
  line-height: 31.5px;
  display: inline-block;
  width: 31.5px;
  background: #555;
  color: white;
  vertical-align: text-bottom;
  position: relative;
  border-radius: 3px;
  font-size: 9px;
  margin-bottom: 2.1px;
}
/* line 3368, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.social-media-shares .share-url:after {
  content: "URL";
}
/* line 3373, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.social-media-shares .fab.fa-line {
  color: #06c755;
}
/* line 3377, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.social-media-shares .fab.fa-facebook-square {
  color: #1877f2;
}
/* line 3381, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.social-media-shares .fab.fa-twitter-square {
  color: #1b95e0;
}

/* line 3387, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-comment-txt__container {
  overflow: hidden;
  width: 100%;
  display: table;
}

/* line 3392, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-comment__left {
  display: table-cell;
  width: 3em;
  text-align: center;
}
/* line 3396, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-comment__left cite {
  display: block;
  -webkit-appearance: none;
  border-radius: 0.3em;
  /* CSS3草案 */
  -webkit-border-radius: 0.3em;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.3em;
  /* Firefox用 */
  font-style: normal;
  background-color: #1298ff;
  color: #fff;
  text-align: center;
  padding: 0.25em 0.5em;
  font-size: 0.7em;
}

/* line 3407, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-comment__avatar {
  -webkit-appearance: none;
  border-radius: 50%;
  /* CSS3草案 */
  -webkit-border-radius: 50%;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 50%;
  /* Firefox用 */
  padding-right: 1em;
  height: 3em;
  width: 3em;
  margin: auto auto 0.4rem auto;
  overflow: hidden;
}
/* line 3414, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-comment__avatar img {
  width: 3em;
}

/* line 3418, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-comment__right {
  display: table-cell;
  padding-left: 1rem;
  width: 100%;
}

/* line 3423, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-comment__info {
  overflow: hidden;
}

/* line 3426, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-comment__author {
  width: 50%;
  float: left;
  color: #999999;
}

/* line 3431, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-comment__author__btn {
  color: #1298ff;
  font-size: 1.2rem;
}

/* line 3435, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-comment__date {
  width: 50%;
  text-align: right;
  float: left;
  color: #999999;
}

/* line 3441, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-comment__sentence {
  margin-top: 0.4rem;
  line-height: 1.6rem;
  font-size: 1.2rem;
}

/* line 3446, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-comment__img__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;
  width: 100%;
  height: 9.05em;
  margin-top: 0.8em;
  overflow: hidden;
}

/* line 3454, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-comment__img {
  width: 100%;
  position: relative;
}

/* line 3458, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-login__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 3461, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-login {
  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;
  font-size: 0.8rem;
}

/* line 3465, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-login__ic {
  padding-right: .25em;
}

/* line 3468, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-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 3471, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-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 3474, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-applicationlink__ic {
  padding-right: .25em;
}

/* line 3478, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-detail {
  position: relative;
  border-top: 1px solid #e6e6e6;
}

/* line 3482, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-detail--pos_top {
  border-bottom: 1px solid #e6e6e6;
}

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

/* line 3497, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.note-comments-detail__icon {
  position: absolute;
  top: 0.2em;
  left: 97%;
  height: 1.5em;
}

/* line 3506, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.comments-new__container {
  padding: 0.8rem;
  background-color: #fafafa;
}

/* line 3511, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.comments-new-error__container {
  margin: 0;
  padding: 0.8em;
}

/* line 3516, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.comments-new-content__input {
  -webkit-appearance: none;
  border-radius: 0.5rem;
  /* CSS3草案 */
  -webkit-border-radius: 0.5rem;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0.5rem;
  /* Firefox用 */
  -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 auto;
  display: block;
  font-size: 1.2rem;
  height: 10rem;
}

/* line 3524, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.comments-new-imgs__container {
  padding: 0 0.8rem;
}

/* line 3527, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.comments-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: 0.8rem;
  overflow: hidden;
}

/* line 3535, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.comments-new-img__img {
  width: 100%;
  position: relative;
}

/* line 3539, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.comments-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: 0.8rem;
  padding: 0.8rem;
  height: 3.2rem;
  width: 9.05rem;
  font-size: 1.2rem;
}

/* line 3547, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.comments-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 3554, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.comments-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 3560, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.comments-new-btn__container {
  margin: 0;
  padding: 0;
}

/* line 3564, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.comments-new__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: 0.8rem auto 0 auto;
  padding: 1.6rem;
  display: block;
  color: #fff;
  position: relative;
  width: 100%;
  max-width: 960px;
  background-color: #1298ff;
  text-align: center;
  font-size: 1.4rem;
}
/* line 3567, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.comments-new__btn:hover {
  opacity: 0.5;
}
/* line 3582, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.comments-new__btn:not(:disabled) {
  cursor: pointer;
}

/* line 3588, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.tutoring-school-results-v2
ul
li
> div:nth-child(2)
a
.nearest-stations:before {
  background: url(http://localhost:3000/assets/tutoring_schools/ui_icons/train.svg);
}

/* line 3596, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.tutoring-school-results-v2 ul li > div:nth-child(2) a .online-tag:before {
  background: url(http://localhost:3000/assets/tutoring_schools/ui_icons/online.svg);
}

/* line 3599, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.tutoring-school-results-v2 ul li > div:nth-child(2) a .address:before {
  background: url(http://localhost:3000/assets/tutoring_schools/ui_icons/address.svg);
}

/* line 3603, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.tutoring-school-app .region-wrapper a:after,
.tutoring-school-app .multi-select-wrapper .arrowable:after {
  background: url(http://localhost:3000/assets/tutoring_schools/ui_icons/chevron_right-link.svg);
}

/* line 3609, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.tutoring-school-app .back-link:before {
  background: url(http://localhost:3000/assets/tutoring_schools/ui_icons/chevron_left-link.svg);
}

/* line 3615, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.tutoring-school-app .region-wrapper .region-name:after {
  background: url(http://localhost:3000/assets/tutoring_schools/ui_icons/plus.svg);
}

/* line 3618, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.tutoring-school-app .region-wrapper.active .region-name:after {
  background: url(http://localhost:3000/assets/tutoring_schools/ui_icons/minus.svg);
}

/* line 3623, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
div[data-hypernova-key="CompanyProfile20"],
div[data-hypernova-key="TutoringClassroomListContainer"],
div[data-hypernova-key="TutoringClassroomProfileContainer"] {
  position: relative;
}
/* line 3629, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
div[data-hypernova-key="CompanyProfile20"] .previewable:after,
div[data-hypernova-key="TutoringClassroomListContainer"] .previewable:after,
div[data-hypernova-key="TutoringClassroomProfileContainer"] .previewable:after {
  background: url(http://localhost:3000/assets/companies/profile-2.0/zoom.svg);
}
/* line 3634, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
div[data-hypernova-key="CompanyProfile20"] section .checklist ul li,
div[data-hypernova-key="TutoringClassroomListContainer"] section .checklist ul li,
div[data-hypernova-key="TutoringClassroomProfileContainer"] section .checklist ul li {
  list-style-image: url(http://localhost:3000/assets/companies/profile-2.0/list_style-checked.svg);
}
/* line 3640, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
div[data-hypernova-key="CompanyProfile20"] section .school-list > div:before,
div[data-hypernova-key="TutoringClassroomListContainer"] section .school-list > div:before,
div[data-hypernova-key="TutoringClassroomProfileContainer"] section .school-list > div:before {
  background: url(http://localhost:3000/assets/companies/profile-2.0/list_style-school.svg);
}
/* line 3646, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
div[data-hypernova-key="CompanyProfile20"] section .school-list.admission > div:before,
div[data-hypernova-key="TutoringClassroomListContainer"] section .school-list.admission > div:before,
div[data-hypernova-key="TutoringClassroomProfileContainer"] section .school-list.admission > div:before {
  background: url(http://localhost:3000/assets/companies/profile-2.0/list_style-award.png);
  background-size: 20px 20px;
}
/* line 3651, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
div[data-hypernova-key="CompanyProfile20"] section .online-tag:before,
div[data-hypernova-key="TutoringClassroomListContainer"] section .online-tag:before,
div[data-hypernova-key="TutoringClassroomProfileContainer"] section .online-tag:before {
  background: url(http://localhost:3000/assets/companies/profile-2.0/icon-online.svg);
}
/* line 3655, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
div[data-hypernova-key="CompanyProfile20"] section .branch-list ul li a .address:before,
div[data-hypernova-key="TutoringClassroomListContainer"] section .branch-list ul li a .address:before,
div[data-hypernova-key="TutoringClassroomProfileContainer"] section .branch-list ul li a .address:before {
  background: url(http://localhost:3000/assets/companies/profile-2.0/icon-address.svg);
}
/* line 3659, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
div[data-hypernova-key="CompanyProfile20"] section > .classroom-header .train-stations:before,
div[data-hypernova-key="CompanyProfile20"] section .branch-list ul li a .train-stations:before,
div[data-hypernova-key="CompanyProfile20"] section .location-info table td .train-stations:before,
div[data-hypernova-key="TutoringClassroomListContainer"] section > .classroom-header .train-stations:before,
div[data-hypernova-key="TutoringClassroomListContainer"] section .branch-list ul li a .train-stations:before,
div[data-hypernova-key="TutoringClassroomListContainer"] section .location-info table td .train-stations:before,
div[data-hypernova-key="TutoringClassroomProfileContainer"] section > .classroom-header .train-stations:before,
div[data-hypernova-key="TutoringClassroomProfileContainer"] section .branch-list ul li a .train-stations:before,
div[data-hypernova-key="TutoringClassroomProfileContainer"] section .location-info table td .train-stations:before {
  background: url(http://localhost:3000/assets/companies/profile-2.0/icon-train_station.svg);
}
/* line 3674, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
div[data-hypernova-key="CompanyProfile20"] section .main-sub-section:first-child .frame .slick-initialized .slick-arrow.slick-prev:before,
div[data-hypernova-key="TutoringClassroomListContainer"] section .main-sub-section:first-child .frame .slick-initialized .slick-arrow.slick-prev:before,
div[data-hypernova-key="TutoringClassroomProfileContainer"] section .main-sub-section:first-child .frame .slick-initialized .slick-arrow.slick-prev:before {
  background: url(http://localhost:3000/assets/companies/profile-2.0/chevron-left-white.png);
  background-size: 14px 19px;
}
/* line 3682, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
div[data-hypernova-key="CompanyProfile20"] section .main-sub-section:first-child .frame .slick-initialized .slick-arrow.slick-next:before,
div[data-hypernova-key="TutoringClassroomListContainer"] section .main-sub-section:first-child .frame .slick-initialized .slick-arrow.slick-next:before,
div[data-hypernova-key="TutoringClassroomProfileContainer"] section .main-sub-section:first-child .frame .slick-initialized .slick-arrow.slick-next:before {
  background: url(http://localhost:3000/assets/companies/profile-2.0/chevron-right-white.png);
  background-size: 14px 19px;
}
/* line 3700, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
div[data-hypernova-key="CompanyProfile20"] section .find-classroom form .form-group select,
div[data-hypernova-key="TutoringClassroomListContainer"] section .find-classroom form .form-group select,
div[data-hypernova-key="TutoringClassroomProfileContainer"] section .find-classroom form .form-group select {
  background: url(http://localhost:3000/assets/companies/profile-2.0/chevron-down-black.png);
  background-position: calc(100% - 13.5px) 20px;
  background-size: 13px 8px;
  background-repeat: no-repeat;
}

/* line 3714, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.mobile-notebook-page-banners {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 6px;
  padding-right: 6px;
}
/* line 3721, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.mobile-notebook-page-banners div:last-child button {
  color: #1298ff;
  border: none;
  background-color: none;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
}

/* line 3736, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.mobile-notebook-page-banners
.base-component.notebook-page-banners
li .promotion__center > a > div:nth-child(2), .base-component.mobile-notebook-page-banners
.base-component.notebook-page-banners
li > a > div:nth-child(2) {
  background-color: #e5e5e5;
  position: relative;
  border-radius: 4px;
  max-height: 87px;
  min-height: 87px;
  scale: 0.98;
}
/* line 3745, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.mobile-notebook-page-banners
.base-component.notebook-page-banners
li .promotion__center > a > div:nth-child(2) img, .base-component.mobile-notebook-page-banners
.base-component.notebook-page-banners
li > a > div:nth-child(2) img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.75em;
  box-shadow: 0px 0px 3px 0px rgba(90, 90, 90, 0.75);
  height: auto;
}

/* line 3759, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.desktop-notebook-page-banners {
  width: 500px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 24px;
  border-radius: 4px;
}
/* line 3769, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.desktop-notebook-page-banners img {
  top: 50% !important;
  bottom: initial !important;
  left: 50% !important;
  right: initial !important;
  width: 100% !important;
  height: initial !important;
  max-height: initial !important;
  margin: initial !important;
  transform: translate(-50%, -50%);
}
/* line 3780, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.desktop-notebook-page-banners img:hover {
  cursor: pointer !important;
}
/* line 3786, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.desktop-notebook-page-banners li a {
  display: block;
  box-sizing: initial !important;
  padding: 8px;
  border-radius: 4px;
}
/* line 3792, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.desktop-notebook-page-banners li a div:nth-child(2) {
  position: relative;
  overflow: hidden;
}

/* line 3799, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.desktop-notebook-page-banners
.base-component.notebook-page-banners
li
a
> div:nth-child(2) {
  background-color: #fdfdfd;
  min-height: 108px;
  max-height: 108px;
  scale: 0.99;
  border-radius: 0.75em;
  box-shadow: 0px 0px 3px 0px rgba(90, 90, 90, 0.75);
}

/* line 3814, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-page-banners li:not(:last-child) {
  margin-bottom: 10px;
}
/* line 3820, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-page-banners li .promotion__center > a:hover, .base-component.notebook-page-banners li > a:hover {
  cursor: pointer;
  background-color: #64bbff;
}
/* line 3825, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-page-banners li .promotion__center > a > div:nth-child(1), .base-component.notebook-page-banners li > a > div:nth-child(1) {
  text-align: left;
  color: #212121;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
  padding-bottom: 4px;
}
/* line 3834, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-page-banners li .promotion__center > a > div:nth-child(2), .base-component.notebook-page-banners li > a > div:nth-child(2) {
  max-height: 74px;
  min-height: 74px;
  background-color: #c4c4c4;
}
/* line 3843, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.notebook-page-banners li .js-adBanner *,
.base-component.notebook-page-banners li img[hidden="hidden"] {
  display: none;
}

@media only screen and (min-width: 769px) {
  /* line 3851, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .search-icon-wrapper {
    left: 17px !important;
  }
}
/* line 3856, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.clear-ui-icon.search-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}
/* line 3861, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.clear-ui-icon.search-icon svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* line 3871, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.trending-keywords h2 {
  color: #333333;
}
/* line 3875, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.trending-keywords ol {
  margin-top: 20px;
  padding: 0px 10px;
  margin-bottom: 0px;
}
/* line 3881, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.trending-keywords li {
  font-size: 14px;
  display: inline-block;
}
/* line 3886, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.trending-keywords a {
  display: inline-block;
  padding: 8px;
  border-radius: 4px;
  background-color: #fff;
  color: #1298ff;
  margin-bottom: 6px;
}
/* line 3894, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.base-component.trending-keywords a:hover {
  background-color: #1298ff;
  color: #fff;
}

/* line 3903, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.mobile-overlay-ad,
.asOverlayAd__wrap {
  position: fixed;
  z-index: 1000000000;
  width: 100%;
}

/* line 3910, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
.asOverlayAd__wrap,
.asOverlayAd__closeBtn {
  background-color: #000 !important;
}
@media only screen and (min-width: 769px) {
  /* line 3910, /webrails/concourse_rails/app/assets/stylesheets/web/site.scss */
  .asOverlayAd__wrap,
  .asOverlayAd__closeBtn {
    display: none !important;
  }
}