.column-contents {
  padding: 20px 20px 120px;
}
.bg-red{
	background: #ffebeb;
}
.check-area{
	padding:8px;
}

#toc_container.toc_light_blue {
  color: #c3b08d;
  background: #fdfbf9;
  border: 1px solid #c3b08d;
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 100px;
}
.entry-content p {
  margin: 0 0 16px 0;
  line-height: 1.93;
}
.toc_title {
  font-size: 2rem;
  font-weight: bold;
}
#toc_container ul {
  padding-left: 20px;
  list-style: disc;
  margin-bottom: 20px;
}
#toc_container ol {
	padding-left: 30px;
	list-style-type: decimal;
	margin-bottom: 20px;
}
.toc_toggle {
  background: #c3b08d;
  border: 1px solid #a99063;
  border-radius: 4px;
  color: #fff;
  font-size: 1.6rem;
  margin: 0 0 0 16px;
  padding: 2px 4px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.toc_toggle:hover {
  background: #fff;
  border: 1px solid #a99063;
  color: #a99063;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.sgb-box-simple--title-inline .sgb-box-simple__title {
  display: inline-block;
	padding: 0.25em 0.7em;
}
	
.sgb-box-simple__title {
  padding: 0.6em 1em;
  background: #333;
  color: #fff;
  border-radius: 6px 6px 0 0;
  font-weight: bold;
  font-size: 1.05em;
  line-height: 1.5;
  word-break: break-all;
}
.sgb-box-simple__body {
  margin-top: -2px !important;
  padding: 0.7em 1.5em;
  border: solid 2px #333;
  border-radius: 0 0 6px 6px;
}

.keiko_yellow {
  background: linear-gradient(transparent 50%, rgba(255, 252, 107, 0.69) 50%);
}
.keiko_red {
  background: linear-gradient(transparent 50%, rgba(255, 88, 88, 0.24) 50%);
}
.keiko_blue {
  background: linear-gradient(transparent 50%, rgba(107, 182, 255, 0.24) 50%);
}

.main-contents-wrap p b, .main-contents-wrap p strong, .main-contents-wrap p .strong {
  font-weight: bold;
}
.main-contents-wrap p strong span {
  font-weight: bold;
}
.smb-alert--warning {
  background-color: #ffede6;
  border-color: #ffdacd;
  color: #361f17;
}
.smb-alert {
  display: block;
  background-color: #fff9e6;
  border: 1px solid #fff3cd;
  border-radius: 6px;
  color: #5a4d26;
  padding: 1.86957rem;
}
.sgb-box-simple__body ul,
.sgb-box-simple .sgb-box-simple__body ol {
  border: none !important;
  padding: 0 0 0 1.1em;
}
.sgb-box-simple__body>* {
  margin: 0.5em 0;
}
.sgb-box-simple__body ul {
  list-style-type: disc;
}
.entry-content table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

/*.h3-02, .h4-01 {
  font-size: 2rem;
  border-bottom: 1px solid #299b7e;
  border-top: 1px solid #299b7e;
  margin-bottom: 24px;
  background: #f9f9f9;
  padding: 8px;
}*/

.entry-content table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.entry-content tr:nth-child(odd) {
  background: #f9f9f9 !important;
}
.entry-content tr:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}
.entry-content th {
  width: 146px;
  padding: 16px;
  border: 1px solid #000;
  font-weight: bold;
  background: #f2f1eb;
  vertical-align: middle;
  text-align: center;
}
.entry-content td {
  padding: 16px;
  border: 1px solid #000;
  vertical-align: middle;
}

.list-item {
  padding: 16px;
  border-radius: 8px;
  border: 2px solid #d1cec0;
  background: #f2f1eb;
}

ul.is-style-sango-list-main-color>li,
ul.is-style-sango-list-accent-color>li,
.is-style-sango-list-main-color li ul>li,
.is-style-sango-list-accent-color li ul>li {
	position: relative;
	padding: 0 0 0 18px;
	margin: 7px 0;
}

.entry-content .is-style-sango-list-main-color,
.entry-content .is-style-sango-list-accent-color {
	border: none;
	list-style: none;
	padding: 0;
}

ul.is-style-sango-list-main-color>li:before,
ul.is-style-sango-list-accent-color>li:before,
.is-style-sango-list-main-color li ul>li:before,
.is-style-sango-list-accent-color li ul>li:before {
	position: absolute;
	content: "";
	display: block;
	left: 0;
	top: 0.5em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

ol.is-style-sango-list-main-color>li,
ol.is-style-sango-list-accent-color>li,
.is-style-sango-list-main-color li ol>li,
.is-style-sango-list-accent-color li ol>li {
	position: relative;
	padding: 0 0 0 36px;
	margin: 10px 0;
}

ol.is-style-sango-list-main-color,
ol.is-style-sango-list-accent-color,
.is-style-sango-list-main-color ol,
.is-style-sango-list-accent-color ol {
   counter-reset: number;
}

ol.is-style-sango-list-main-color>li:before,
ol.is-style-sango-list-accent-color>li:before,
.is-style-sango-list-main-color li ol>li:before,
.is-style-sango-list-accent-color li ol>li:before {
	display: inline-block;
	position: absolute;
	left: 0;
	top: -1px;
	width: 26px;
	height: 26px;
	line-height: 26px;
	border-radius: 50%;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	content: counter(number);
	counter-increment: number;
}

.is-style-sango-list-main-color li:before {
   background-color: #33a588;
}


.smb-box {
  display: block;
  border: 1px solid #eee;
  border-radius: 6px;
  padding: 1.86957rem;
}

.sgb-tl-item {
  position: relative;
  padding: 0 0 1.5em 1.8em;
}
.sgb-tl-item:before {
  content: "";
  width: 3px;
  background: #ccd5db;
  display: block;
  position: absolute;
  top: 24px;
  bottom: 0;
  left: 6px;
}
.sgb-tl-item__label, .sgb-tl-item__label--default {
  line-height: 1.3;
  font-size: 14px;
  color: #90969a;
  font-weight: bold;
  padding-top: 5px;
}
.sgb-tl-item__title {
  margin-top: 5px;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.5;
}
.sgb-tl-item__main {
  margin-top: 0.5em;
  padding: 0 0 1.5em;
  font-size: 0.9em;
  line-height: 1.6;
  border-bottom: dashed 1px #ccd5db;
}
.sgb-tl-item__marker {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: solid 3px;
}
.sgb-tl {
  margin: 1em 0;
  counter-reset: item
}
.sgb-tl-item__label--default:before {
  content: "";
  counter-increment: item;
  content: "STEP." counter(item);
}
.main-bc, .has-sango-main-background-color {
  background-color: #d1cec0;
}
.main-bdr, #inner-content .main-bdr {
  border-color: #d1cec0;
}

@media (max-width: 640px){
	.table-wrap {
  	overflow-x: scroll;
	}
	.table-wrap table {
    width: 100%;
    border-collapse: collapse !important;
    white-space: nowrap !important;
	}
  .base-table-01{
    width: 100%;
    border: 1px solid #ccc;
  }
  .base-table-01 th,
  .base-table-01 td{
    display: block;
    width: 100%;
    border: none;
  }
  
}