/* CSS extracted from about.html */

.grecaptcha-badge {
  visibility: hidden;
}

.leadgrid-font-size-10 {
  font-size: 10px !important;
}

.leadgrid-font-size-11 {
  font-size: 11px !important;
}

.leadgrid-font-size-12 {
  font-size: 12px !important;
}

.leadgrid-font-size-13 {
  font-size: 13px !important;
}

.leadgrid-font-size-14 {
  font-size: 14px !important;
}

.leadgrid-font-size-15 {
  font-size: 15px !important;
}

.leadgrid-font-size-16 {
  font-size: 16px !important;
}

.leadgrid-font-size-17 {
  font-size: 17px !important;
}

.leadgrid-font-size-18 {
  font-size: 18px !important;
}

.leadgrid-font-size-19 {
  font-size: 19px !important;
}

.leadgrid-font-size-20 {
  font-size: 20px !important;
}

.leadgrid-font-size-21 {
  font-size: 21px !important;
}

.leadgrid-font-size-22 {
  font-size: 22px !important;
}

.leadgrid-font-size-23 {
  font-size: 23px !important;
}

.leadgrid-font-size-24 {
  font-size: 24px !important;
}

.leadgrid-font-size-25 {
  font-size: 25px !important;
}

.leadgrid-font-size-26 {
  font-size: 26px !important;
}

.leadgrid-font-size-27 {
  font-size: 27px !important;
}

.leadgrid-font-size-28 {
  font-size: 28px !important;
}

.leadgrid-font-size-29 {
  font-size: 29px !important;
}

.leadgrid-font-size-30 {
  font-size: 30px !important;
}

.leadgrid-font-size-31 {
  font-size: 31px !important;
}

.leadgrid-font-size-32 {
  font-size: 32px !important;
}

.leadgrid-font-size-33 {
  font-size: 33px !important;
}

.leadgrid-font-size-34 {
  font-size: 34px !important;
}

.leadgrid-font-size-35 {
  font-size: 35px !important;
}

.leadgrid-font-size-36 {
  font-size: 36px !important;
}

.leadgrid-font-size-37 {
  font-size: 37px !important;
}

.leadgrid-font-size-38 {
  font-size: 38px !important;
}

.leadgrid-font-size-39 {
  font-size: 39px !important;
}

.leadgrid-font-size-40 {
  font-size: 40px !important;
}

@media screen and (max-width: 768px) {
  .leadgrid-font-size-10 {
    font-size: 8px !important;
  }

  .leadgrid-font-size-11 {
    font-size: 9px !important;
  }

  .leadgrid-font-size-12 {
    font-size: 10px !important;
  }

  .leadgrid-font-size-13 {
    font-size: 11px !important;
  }

  .leadgrid-font-size-14 {
    font-size: 12px !important;
  }

  .leadgrid-font-size-15 {
    font-size: 13px !important;
  }

  .leadgrid-font-size-16 {
    font-size: 14px !important;
  }

  .leadgrid-font-size-17 {
    font-size: 15px !important;
  }

  .leadgrid-font-size-18 {
    font-size: 16px !important;
  }

  .leadgrid-font-size-19 {
    font-size: 17px !important;
  }

  .leadgrid-font-size-20 {
    font-size: 18px !important;
  }

  .leadgrid-font-size-21 {
    font-size: 19px !important;
  }

  .leadgrid-font-size-22 {
    font-size: 20px !important;
  }

  .leadgrid-font-size-23 {
    font-size: 21px !important;
  }

  .leadgrid-font-size-24 {
    font-size: 22px !important;
  }

  .leadgrid-font-size-25 {
    font-size: 23px !important;
  }

  .leadgrid-font-size-26 {
    font-size: 24px !important;
  }

  .leadgrid-font-size-27 {
    font-size: 25px !important;
  }

  .leadgrid-font-size-28 {
    font-size: 26px !important;
  }

  .leadgrid-font-size-29 {
    font-size: 27px !important;
  }

  .leadgrid-font-size-30 {
    font-size: 28px !important;
  }

  .leadgrid-font-size-31 {
    font-size: 29px !important;
  }

  .leadgrid-font-size-32 {
    font-size: 30px !important;
  }

  .leadgrid-font-size-33 {
    font-size: 31px !important;
  }

  .leadgrid-font-size-34 {
    font-size: 32px !important;
  }

  .leadgrid-font-size-35 {
    font-size: 33px !important;
  }

  .leadgrid-font-size-36 {
    font-size: 34px !important;
  }

  .leadgrid-font-size-37 {
    font-size: 35px !important;
  }

  .leadgrid-font-size-38 {
    font-size: 36px !important;
  }

  .leadgrid-font-size-39 {
    font-size: 37px !important;
  }

  .leadgrid-font-size-40 {
    font-size: 38px !important;
  }
}

:root {
  --leadgrid-color-primary: #0066CC;
  --leadgrid-color-secondary: #FF6600;
  --leadgrid-color-tertiary: #00CC66;
  --leadgrid-color-quaternary: #CC0066;
  --leadgrid-color-quinary: #6600CC;
  --leadgrid-color-senary: #CCCC00;
  --leadgrid-color-septenary: #CC6600;
  --leadgrid-color-octonary: #00CCCC;
  --leadgrid-color-nonary: #CC00CC;
  --leadgrid-color-denary: #66CC00;
}

.fr-view {
  line-height: 1.5;
}

.hljs-ln-numbers {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  color: #ccc;
  border-right: 1px solid #CCC;
  vertical-align: top;
  padding-right: 5px;
}

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #333;
  background: #f8f8f8;
}

.leadgrid-blogcard {
  display: flex !important;
  align-items: flex-start !important;
  padding: 16px !important;
  border: 1px solid #eeeeee !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  color: inherit !important;
  margin: 16px 0 !important;
  transition: box-shadow 0.3s ease !important;
}

.leadgrid-blogcard:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.leadgrid-blogcard__content {
  flex: 1 !important;
  min-width: 0 !important;
}

.leadgrid-blogcard__title {
  pointer-events: none !important;
  margin: 0 0 8px !important;
  font-size: 18px !important;
  font-weight: bold !important;
  color: #333333 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  letter-spacing: 0em !important;
  line-height: 1.4 !important;
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, Hiragino Kaku Gothic ProN, Hiragino Sans, ヒラギノ角ゴ ProN W3, Arial, メイリオ, Meiryo, sans-serif !important;
}

.leadgrid-blogcard__description {
  pointer-events: none !important;
  margin: 0 0 8px !important;
  font-size: 12px !important;
  color: #555555 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  letter-spacing: 0em !important;
  line-height: 1.6 !important;
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, Hiragino Kaku Gothic ProN, Hiragino Sans, ヒラギノ角ゴ ProN W3, Arial, メイリオ, Meiryo, sans-serif !important;
}

.leadgrid-blogcard__domain {
  pointer-events: none !important;
  margin: 0 !important;
  font-size: 10px !important;
  color: #555555 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  overflow: hidden !important;
  letter-spacing: 0em !important;
  line-height: 1 !important;
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, Hiragino Kaku Gothic ProN, Hiragino Sans, ヒラギノ角ゴ ProN W3, Arial, メイリオ, Meiryo, sans-serif !important;
}

.leadgrid-blogcard__eyecatch {
  display: block !important;
  width: 206px !important;
  height: 133px !important;
  position: relative !important;
  flex-shrink: 0 !important;
  margin: 0 0 0 8px !important;
  border: 1px solid #eeeeee !important;
}

.leadgrid-blogcard__eyecatch img {
  pointer-events: none !important;
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  margin: 0 !important;
  border-radius: 0 !important;
  left: 0 !important;
  top: 0 !important;
}

@media screen and (max-width:768px) {
  .leadgrid-blogcard__title {
    font-size: 16px !important;
  }

  .leadgrid-blogcard__eyecatch {
    width: 120px !important;
    height: 77px !important;
  }

  .leadgrid-blogcard__description {
    -webkit-line-clamp: 2 !important;
  }
}

.leadgrid-sp-br {
  display: none;
}

@media screen and (max-width:768px) {
  .leadgrid-sp-br {
    display: block;
  }
}

.instagram-media {
  position: static !important;
}

.fr-view img.fr-dii.leadgrid-wysiwyg-img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.fr-view img.leadgrid-wysiwyg-img-center,
.fr-view .fr-img-caption.leadgrid-wysiwyg-img-center {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

mjx-math {
  white-space: pre-wrap !important;
}

.fr-view p:has(> .fr-fir) {
  display: inline-block;
  width: 100%;
}

.fr-view p>.fr-fir {
  float: right !important;
}

.c-form__agreeText {
  overflow-y: scroll;
  max-height: 300px;
  border: 1px solid #ccc;
  padding-top: 24px;
  padding-right: 20px;
  padding-left: 20px;
}