@charset "utf-8";
/* -------------------------------------
all
------------------------------------- */
.content-wrap {
  padding: 60px 15px 0;
  margin-bottom: 60px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  /*  min-width: 768px; */
  max-width: 1155px;
}

/* -------------------------------------
head-content
------------------------------------- */
.head-content {
  max-width: 90%;
  margin:0 auto;
}
.head-content h2 {
  margin-bottom: 1em;
}

/* -------------------------------------
section
------------------------------------- */
section{
  max-width: 90%;
  margin:0 auto;
  margin-top: 5em;
}
section h3 {
  padding: 0.5em;
  margin-bottom: 1em;
  text-align: left;
  border-color: #a70303;
  border-style: solid;
  border-width: 0 0 2px 5px;
  padding-left: 0.8em;
  font-size: 180%;
}
/* section h4 {
  font-family: sans-serif;
  text-align: left;
  border-bottom: solid 2px #a70303;
  font-size: 1.4em;
  padding: 0.5em;
  margin-top: 3em;
} */

/* -------------------------------------
objective-list
------------------------------------- */

.objective-list ol,.content ol {
  list-style-type: decimal;
  padding-left:2em;
}
.objective-list ol>li{
  font-size: 1.2em;
  font-weight:bold;
}
.objective-list ul>li{
  padding-bottom:1em;
}
.objective-list ul>li>img{
  width:5em;
}

/* -------------------------------------
content
------------------------------------- */
.content h4 {
  font-family: sans-serif;
  text-align: left;
  background-color: #f3f3f3;
  font-size: 1.4em;
  padding: 0.8em;
  margin-top: 2em;
}
.content table{
  margin-top: 1.4em;
}
.content span.title{
  font-size: 1.1em;
  font-weight: bold;
}
.content span.decor{
  background-color: #EBD6D6;
  font-size: 1em;
  font-weight: normal;
}

/* -------------------------------------
メディアクエリ
------------------------------------- */
@media screen and (max-width: 768px) {
  .content-wrap {
   padding: 0;
  }
  section h3 {
   font-size: 1.2em;
  }
  .content h4 {
   font-size: 1.2em;
  }
  .content table img {
   width: 85%;
  }
  .content td:nth-child(1) {
    width: 23%;
}
}
@media screen and (min-width:768px) and (max-width:1024px) {

}
@media screen and (min-width:800px) {

}