@charset "UTF-8";
.BlogContentsInner .BlogContents_in .note_desc {
  /* 段落 */
  /* リスト */
  /* リンク */
  /* 強調・引用 */
  /* コード */
  /* テーブル */
  /* 画像 */
  /* 水平線 */
  /** テンプレート **/
}
.BlogContentsInner .BlogContents_in .note_desc .contents_block_box {
  all: unset !important;
  display: block !important;
  margin: 1em 0 !important;
  padding: 0.5em !important;
  clear: both;
}
.BlogContentsInner .BlogContents_in .note_desc .contents_block_box::after {
  content: "";
  display: block;
  clear: both;
}
.BlogContentsInner .BlogContents_in .note_desc .box-013 {
  max-width: 100%;
  margin: 0 auto;
  border: 2px solid #2589d0;
  border-radius: 3px;
}
.BlogContentsInner .BlogContents_in .note_desc .box-013 span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em 0;
  background-color: #2589d0;
  color: #fff;
  font-weight: 600;
}
.BlogContentsInner .BlogContents_in .note_desc .box-013 p {
  margin: 0;
  padding: 1em 1.5em;
  color: #333;
}
.BlogContentsInner .BlogContents_in .note_desc .box-011 {
  position: relative;
  max-width: 100%;
  margin: 0 auto 0;
  padding: 2.1em 0 0 0;
}
.BlogContentsInner .BlogContents_in .note_desc .box-011-inner {
  position: relative;
  padding: 1.5em;
  border: 2px solid #2589d0;
  border-radius: 3px;
}
.BlogContentsInner .BlogContents_in .note_desc .box-011 span {
  position: absolute;
  top: -2.1em;
  left: -2px;
  padding: 0.2em 0.8em;
  border-radius: 5px 5px 0 0;
  background-color: #2589d0;
  color: #fff;
}
.BlogContentsInner .BlogContents_in .note_desc .box-011 p {
  margin: 0;
  color: #333;
}
.BlogContentsInner .BlogContents_in .note_desc .box-007 {
  max-width: 100%;
  margin: 0 auto;
  border: 2px solid #ffb36b;
  border-radius: 5px;
  color: #333333;
}
.BlogContentsInner .BlogContents_in .note_desc .box-007 div {
  display: inline-flex;
  align-items: center;
  column-gap: 4px;
  position: relative;
  top: -13px;
  left: 10px;
  margin: 0 7px;
  padding: 0 8px;
  background: #fff;
  color: #ffb36b;
  font-weight: 600;
  vertical-align: top;
}
.BlogContentsInner .BlogContents_in .note_desc .box-007 div::before {
  width: 22px;
  height: 22px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8995 6.85453L17.1421 11.0972L7.24264 20.9967H3V16.754L12.8995 6.85453ZM14.3137 5.44032L16.435 3.319C16.8256 2.92848 17.4587 2.92848 17.8492 3.319L20.6777 6.14743C21.0682 6.53795 21.0682 7.17112 20.6777 7.56164L18.5563 9.68296L14.3137 5.44032Z' fill='%23ffb36b'%3E%3C/path%3E%3C/svg%3E");
}
.BlogContentsInner .BlogContents_in .note_desc .box-007 p {
  margin: 0;
  padding: 0 1.5em 1em;
}
.BlogContentsInner .BlogContents_in .note_desc .box-009 {
  max-width: 100%;
  margin: 0 auto;
  border: 2px solid #86d67c;
  border-radius: 5px;
  color: #333333;
}
.BlogContentsInner .BlogContents_in .note_desc .box-009 div {
  display: inline-flex;
  align-items: center;
  column-gap: 4px;
  position: relative;
  top: -13px;
  left: 10px;
  margin: 0 7px;
  padding: 0 8px;
  background: #fff;
  color: #86d67c;
  font-weight: 600;
  vertical-align: top;
}
.BlogContentsInner .BlogContents_in .note_desc .box-009 div::before {
  width: 15px;
  height: 7.5px;
  border-bottom: 3px solid #86d67c;
  border-left: 3px solid #86d67c;
  transform: rotate(-45deg) translate(2px, -2px);
  content: "";
}
.BlogContentsInner .BlogContents_in .note_desc .box-009 p {
  margin: 0;
  padding: 0 1.5em 1em;
}
.BlogContentsInner .BlogContents_in .note_desc .box-005 {
  max-width: 100%;
  margin: 0 auto;
  border: 2px solid #f06060;
  border-radius: 5px;
  color: #333333;
}
.BlogContentsInner .BlogContents_in .note_desc .box-005 div {
  display: inline-flex;
  align-items: center;
  column-gap: 4px;
  position: relative;
  top: -13px;
  left: 10px;
  margin: 0 7px;
  padding: 0 8px;
  background: #fff;
  color: #f06060;
  font-weight: 600;
  vertical-align: top;
}
.BlogContentsInner .BlogContents_in .note_desc .box-005 div::before {
  width: 22px;
  height: 22px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8659 3.00017L22.3922 19.5002C22.6684 19.9785 22.5045 20.5901 22.0262 20.8662C21.8742 20.954 21.7017 21.0002 21.5262 21.0002H2.47363C1.92135 21.0002 1.47363 20.5525 1.47363 20.0002C1.47363 19.8246 1.51984 19.6522 1.60761 19.5002L11.1339 3.00017C11.41 2.52187 12.0216 2.358 12.4999 2.63414C12.6519 2.72191 12.7782 2.84815 12.8659 3.00017ZM10.9999 16.0002V18.0002H12.9999V16.0002H10.9999ZM10.9999 9.00017V14.0002H12.9999V9.00017H10.9999Z' fill='%23f06060'%3E%3C/path%3E%3C/svg%3E");
}
.BlogContentsInner .BlogContents_in .note_desc .box-005 p {
  margin: 0;
  padding: 0 1.5em 1em;
}
.BlogContentsInner .BlogContents_in .note_desc .box-006 {
  display: flex;
  grid-gap: 0 0.7em;
  margin: 0 auto;
  padding: 1em;
  border-radius: 5px;
  background-color: #fff9e5;
  color: #333333;
}
.BlogContentsInner .BlogContents_in .note_desc .box-006::before {
  width: 24px;
  height: 24px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8995 6.85453L17.1421 11.0972L7.24264 20.9967H3V16.754L12.8995 6.85453ZM14.3137 5.44032L16.435 3.319C16.8256 2.92848 17.4587 2.92848 17.8492 3.319L20.6777 6.14743C21.0682 6.53795 21.0682 7.17112 20.6777 7.56164L18.5563 9.68296L14.3137 5.44032Z' fill='%23ffb36b'%3E%3C/path%3E%3C/svg%3E");
}
.BlogContentsInner .BlogContents_in .note_desc .box-006 p {
  margin: 0;
  padding: 0 0 0 0.7em;
  border-left: 1px solid #ffb36b;
}
.BlogContentsInner .BlogContents_in .note_desc .box-018 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  padding: 1em calc(1.5em + 9px);
  border-top: 1px solid #2589d0;
  border-bottom: 1px solid #2589d0;
  color: #333;
}
.BlogContentsInner .BlogContents_in .note_desc .box-018::before,
.BlogContentsInner .BlogContents_in .note_desc .box-018::after {
  position: absolute;
  width: 1px;
  top: 50%;
  transform: translateY(-50%);
  height: calc(100% + 20px);
  background-color: #2589d0;
  content: "";
}
.BlogContentsInner .BlogContents_in .note_desc .box-018::before {
  left: 9px;
}
.BlogContentsInner .BlogContents_in .note_desc .box-018::after {
  right: 9px;
}
.BlogContentsInner .BlogContents_in .note_desc .box-020 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  padding: 1em 1.5em;
  background-color: #e0efff;
  color: #333;
}
.BlogContentsInner .BlogContents_in .note_desc .box-020::after {
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 20px 20px 0;
  border-style: solid;
  border-color: #c0cfdf #fff;
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05);
  content: "";
}
.BlogContentsInner .BlogContents_in .note_desc .box-008 {
  display: flex;
  align-items: center;
  grid-gap: 0 0.7em;
  margin: 0 auto;
  padding: 1em;
  border-radius: 5px;
  background-color: #ecffe9;
  color: #333333;
}
.BlogContentsInner .BlogContents_in .note_desc .box-008::before {
  width: 16px;
  height: 8px;
  border-bottom: 3px solid #86d67c;
  border-left: 3px solid #86d67c;
  transform: rotate(-45deg) translate(2.5px, -2.5px);
  content: "";
}
.BlogContentsInner .BlogContents_in .note_desc .box-008 p {
  margin: 0;
  padding: 0 0 0 0.7em;
  border-left: 1px solid #86d67c;
}
.BlogContentsInner .BlogContents_in .note_desc .box-004 {
  display: flex;
  grid-gap: 0 0.7em;
  margin: 0 auto;
  padding: 1em;
  border-radius: 5px;
  background-color: #ffebee;
  color: #333333;
}
.BlogContentsInner .BlogContents_in .note_desc .box-004::before {
  width: 24px;
  height: 24px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8659 3.00017L22.3922 19.5002C22.6684 19.9785 22.5045 20.5901 22.0262 20.8662C21.8742 20.954 21.7017 21.0002 21.5262 21.0002H2.47363C1.92135 21.0002 1.47363 20.5525 1.47363 20.0002C1.47363 19.8246 1.51984 19.6522 1.60761 19.5002L11.1339 3.00017C11.41 2.52187 12.0216 2.358 12.4999 2.63414C12.6519 2.72191 12.7782 2.84815 12.8659 3.00017ZM10.9999 16.0002V18.0002H12.9999V16.0002H10.9999ZM10.9999 9.00017V14.0002H12.9999V9.00017H10.9999Z' fill='%23f06060'%3E%3C/path%3E%3C/svg%3E");
}
.BlogContentsInner .BlogContents_in .note_desc .box-004 p {
  margin: 0;
  padding: 0 0 0 0.7em;
  border-left: 1px solid #f06060;
}
.BlogContentsInner .BlogContents_in .note_desc .balloon-009 {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 0 22px;
}
.BlogContentsInner .BlogContents_in .note_desc .balloon-009 img {
  max-width: 70px !important;
  height: 100% !important;
  margin: 0px !important;
  border: 3px solid #f2f2f2;
  border-radius: 50%;
}
.BlogContentsInner .BlogContents_in .note_desc .balloon-009 .balloon-text {
  position: relative;
  max-width: 500px;
  margin: 3px 0 0;
  padding: 0.8em 1em;
  border-radius: 5px;
  background-color: #f2f2f2;
  color: #333333;
}
.BlogContentsInner .BlogContents_in .note_desc .balloon-009 .balloon-text::before {
  position: absolute;
  left: -15px;
  width: 15px;
  height: 30px;
  background-color: #f2f2f2;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  content: "";
}
.BlogContentsInner .BlogContents_in .note_desc .balloon-010 {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 0 22px;
}
.BlogContentsInner .BlogContents_in .note_desc .balloon-010 img {
  max-width: 70px !important;
  height: 100% !important;
  margin: 0px !important;
  border: 3px solid #f2f2f2;
  border-radius: 50%;
}
.BlogContentsInner .BlogContents_in .note_desc .balloon-010 .balloon-text {
  position: relative;
  max-width: 500px;
  margin: 3px 0 0;
  padding: 0.8em 1em;
  border-radius: 5px;
  background-color: #f2f2f2;
  color: #333333;
}
.BlogContentsInner .BlogContents_in .note_desc .balloon-010 .balloon-text::before {
  position: absolute;
  right: -15px;
  width: 15px;
  height: 30px;
  background-color: #f2f2f2;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  content: "";
}
.BlogContentsInner .BlogContents_in .note_desc a.button-box {
  text-decoration: none !important;
}
.BlogContentsInner .BlogContents_in .note_desc .button-001 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px;
  margin: 0 auto;
  padding: 0.9em 2em;
  border: 1px solid #2589d0;
  border-radius: 5px;
  background-color: #fff;
  color: #2589d0;
  font-size: 1em;
}
.BlogContentsInner .BlogContents_in .note_desc .button-002 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px;
  margin: 0 auto;
  padding: 0.9em 2em;
  border: none;
  border-radius: 5px;
  background-color: #2589d0;
  color: #fff;
  font-weight: 600;
  font-size: 1em;
}
.BlogContentsInner .BlogContents_in .note_desc .button-002:hover {
  background-color: #1579c0;
}
.BlogContentsInner .BlogContents_in .note_desc .author-box {
  margin-top: 4em;
}
.BlogContentsInner .BlogContents_in .note_desc .author-box .author-box-wrapper {
  display: flex;
  justify-content: left;
  gap: 20px;
}
.BlogContentsInner .BlogContents_in .note_desc .author-box .author-box-wrapper img {
  max-width: 70px !important;
  height: 100% !important;
  margin: 0px !important;
  border: 3px solid #f2f2f2;
  border-radius: 50%;
}
.BlogContentsInner .BlogContents_in .note_desc .author-box .author-box-wrapper p {
  margin: 0;
  padding: 0.5em;
  color: #333333;
}
.BlogContentsInner .BlogContents_in .note_desc .author-box .author-box-wrapper .author-box-text {
  position: relative;
  margin: 3px 0 0;
  padding: 0 1em 1em;
  border-radius: 5px;
  width: 100%;
}
.BlogContentsInner .BlogContents_in .note_desc .toc-001 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
  padding: 1em 1em 1em 2em !important;
  border: 1px solid #999 !important;
  background-color: #f7f7f7 !important;
  color: #333333 !important;
}
.BlogContentsInner .BlogContents_in .note_desc .toc-001 div {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 5px 0;
}
.BlogContentsInner .BlogContents_in .note_desc .toc-001 ol {
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 1.2em !important;
  overflow: hidden !important;
}
.BlogContentsInner .BlogContents_in .note_desc .toc-001 ol ol {
  margin-top: 5px !important;
}
.BlogContentsInner .BlogContents_in .note_desc .toc-001 li {
  padding: 5px 0 !important;
}
.BlogContentsInner .BlogContents_in .note_desc .toc-001 a {
  color: #166c9d !important;
}

/*# sourceMappingURL=blog_2.css.map */