@charset "UTF-8";
/*------------------------------------------------------------
	コラム共通
------------------------------------------------------------*/
.Column_single {
  max-width: 1000px;
  margin: 0 auto;
}

.column_txt.single {
  /* 回り込み 左 */
  /* 回り込み 右 */
}

.column_txt.single h2, .column_txt.single h3, .column_txt.single h4, .column_txt.single h5, .column_txt.single h6 {
  font-weight: bold;
}

.column_txt.single h2 {
  font-size: 2.4rem;
  line-height: 1.1667;
  margin-top: 2.3333em;
  margin-bottom: 1.1667em;
  border-left: 4px solid #004ea2;
  padding-left: 2.2rem;
}

.column_txt.single h3 {
  font-size: 2rem;
  line-height: 1.1667;
  margin-top: 2.3333em;
  margin-bottom: 1.1667em;
  border-left: 4px solid #004ea2;
  color: #004ea2;
  background: #f5f8fb;
  padding: 10px;
}

.column_txt.single h4 {
  font-size: 2rem;
  line-height: 1.4;
  margin-top: 2.8em;
  margin-bottom: 1.4em;
  border-left: 2px solid #004ea2;
  padding-left: 2rem;
  color: #004ea2;
}

.column_txt.single h5, .column_txt.single h6 {
  font-size: 1.8rem;
  line-height: 1.2353;
  margin-top: 3.2941em;
  margin-bottom: 1.6471em;
  border-left: 2px solid #004ea2;
  padding-left: 1.8rem;
}

.column_txt.single a:not(.m-btn) {
  color: #004ea2;
  font-weight: bold;
  text-decoration: underline;
}

.column_txt.single a:not(.m-btn):hover {
  text-decoration: none;
}

.column_txt.single img {
  max-width: 100%;
  height: auto;
}

.column_txt.single img.alignright {
  display: block;
  margin: 20px 0 20px auto;
}

.column_txt.single img.alignleft {
  display: block;
  margin: 20px auto 20px 0;
}

.column_txt.single img.aligncenter {
  display: block;
  margin: 20px auto;
}

.column_txt.single img.float-left {
  float: left;
}

.column_txt.single img.float-right {
  float: right;
}

.column_txt.single .btns a {
  text-decoration: underline;
}

.column_txt.single table {
  margin-bottom: 30px;
}

.column_txt.single table th, .column_txt.single table td {
  border-collapse: collapse;
  padding: 10px 20px;
  border: 1px dashed #ccdcec;
}

.column_txt.single hr {
  width: 100%;
  height: 1px;
  visibility: visible;
  margin: 1em 0;
}

.column_txt.single em {
  background: linear-gradient(transparent 60%, #fff178);
  font-weight: bold;
  color: #bb002c;
}

#toc_container {
  margin: 0 auto;
}

.m-card .CardHash {
  margin-top: 140px;
}

.m-card .CardLinkTxt {
  line-height: 1.4;
}

@media only screen and (max-width: 767px) {
  .m-card {
    padding: 10px;
  }
  .m-card .CardSlash {
    width: 30%;
  }
  .m-card .CardSlash::after {
    width: 0;
    height: 0;
  }
  .m-card .CardLinkTxt {
    padding-top: 10px;
    font-size: 1.8rem;
    width: 70%;
    transform: translateX(-30%);
  }
  .m-card .CardHash {
    margin-top: 0;
  }
  .card-body {
    margin-top: 10px;
  }
}