.tec-list {
  margin-bottom: 0px;
  border: 2px solid #044a7c;
  border-radius: 3px;
}

.tec-list div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 10px 0;
  background-color: #044a7c;
  color: #fff;
  font-weight: 600;
  font-size: 1.1em;
}

.tec-list div::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
  content: '';
}

.tec-list ol {
  list-style-type: decimal;
  margin: 0;
  overflow: hidden;
}

.tec-list > ol {
  padding: 1em 1em 1em 3em;
}

.tec-list ol ol {
  margin-top: 5px;
  padding-left: 1.1em;
}

.tec-list li {
  padding: 5px 0;
  font-weight: 600;
}

.tec-list ol ol li {
  font-weight: 500;
  font-size: .9em;
}

.tec-list a {
  color: #333;
  text-decoration: none;
}

body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background: #fff;
  color: #333;
}

header {
  width: 30%;
  background:;
  color: #fff;
  padding: 10px 20px;
  text-align: left;
}
img {
  width: 100%;
  height:auto;
}

.container {
  margin: auto;
  overflow: hidden;
}

.tec-link ul {
  list-style-type: none;
  padding: 0;
}

.tec-link li {
  padding: 8px;
  background: #fff;
  border-bottom: 1px solid #ccc;
}

.tec-link li:last-child {
  border-bottom: none;
}

.tec-link a {
  color: #333;
  text-decoration: none;
}

.heading-17 {
  display: flex;
  justify-content: start;
  align-items: center;
  position: relative;
  padding: .5em .7em;
  overflow: hidden;
  border: 2px solid #2589d0;
  border-radius: 5px;
  color: #333333;
}

.heading-17:before {
  position: absolute;
  top: -50%;
  left: -30px;
  z-index: -1;
  transform: rotate(25deg);
  width: 100px;
  height: 200%;
  background-color: #2589d0;
  content: '';
}

.heading-17 span {
  margin-right: 1.1em;
  color: #fff;
  font-size: 1.1em
}

.hojyotaisyo ul {
  margin-top: -15px;
}

.ict-tool p {
  padding: 0px 40px;
}

.cm-banner {
  max-width:400px;
  height:auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: solid 1px #777777; 
}

h3 {
  padding-top: 0px;
  color:darkblue
}

.underline_color{
  text-decoration:underline solid black;
  color:black;
  font-weight:bold;
}
.design01 {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
}
.design01 th {
  padding: 10px;
  background:#044a7c;
  color:white;
  border: solid 1px black;
}
.design01 td {
  padding: 10px;
  border: solid 1px black;
  text-align: left;"
}
.design01 li {
  list-style-type: circle;
  margin-left: -20px;
  padding: 5px;  
}
.todouhuken p{
  padding: 0px 10px;
}
ul.footer{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.footer li{
  list-style: none;
  padding: 0 10px;
}

@media screen and (min-width:800px) {
  .container {
  width:800px;
  }
.tec-jigyo div,h3 {
  padding: 0px 30px;
  }
}   
@media screen and (min-width:100px) and (max-width:800px) {

.container {
  width:96%;
  }
.cm-banner {
  width:95%;
  height:auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: solid 1px #777777; 
  }
.tec-jigyo div,h3 {
  padding: 0px 3px;
}
h2{
  margin-top: -10px;
}
}