.main {
  margin-bottom: 5rem
}
.pad {
  padding-right: 4vw;
  padding-left: 4vw;
}

.main .single_content .container .mds_box {
  letter-spacing: 0.06em;
  border-bottom: 1px solid #ccc;
  padding-bottom: 2%;
  margin-bottom: 3%;
  position: relative
}

.main .single_content .container .mds_box .date {
  color: #888
}

.main .single_content .container .mds_box .ttl {
  line-height: 1.6;
  margin-top: 2%
}

.main .single_content .container .single_container {}

.main .single_content .container .single_container h1 {
  font-size: 36px;
  margin-bottom: 20px
}

.main .single_content .container .single_container h2 {
  padding: 8px 0;
  padding-left: 10px;
  margin-bottom: 20px;
  background-color: #2a6ec3;
  color: #fff;
  font-size: 30px
}

.main .single_content .container .single_container h3 {
  padding-left: 10px;
  padding-bottom: 0.5em;
  margin-bottom: 20px;
  font-size: 24px;
  border-bottom: 4px solid #2a6ec3
}

.main .single_content .container .single_container h4 {
  position: relative;
  padding-left: 12px;
  margin-bottom: 20px;
  font-size: 18px
}

.main .single_content .container .single_container h4::before {
  position: absolute;
  content: "";
  background-color: #2a6ec3;
  width: 6px;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto
}

.main .single_content .container .single_container h5 {
  font-size: 16px;
  margin-bottom: 20px
}

.main .single_content .container .single_container h6 {
  font-size: 14px;
  margin-bottom: 20px
}

.main .single_content .container .single_container ul {
  margin-bottom: 30px;
  margin-left: 20px;
  list-style: disc
}

.main .single_content .container .single_container ol {
  margin-left: 20px;
  list-style: decimal
}

.main .single_content .container .single_container ul li,
.main .single_content .container .single_container ol li {
  margin-bottom: 10px
}

.main .single_content .container .single_container blockquote {
  font-style: italic;
  border-left: 4px solid #ccc;
  padding-left: 10px
}

.main .single_content .container .single_container strong {
  font-weight: bold
}

.main .single_content .container .single_container em {
  font-style: italic
}

.main .single_content .container .single_container img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px
}

.main .single_content .container .single_container p {
  margin-bottom: 30px;
  line-height: 1.6
}

.main .single_content .container .single_container hr {
  margin: 50px 0
}

.main .single_content .container .single_container .text-left {
  text-align: left
}

.main .single_content .container .single_container .text-center {
  text-align: center
}

.main .single_content .container .single_container .text-right {
  text-align: right
}

.main .single_content .container .single_container .aligncenter {
  display: block;
  margin: 0 auto
}

.main .single_content .container .single_container .alignleft {
  float: left;
  margin-right: 20px
}

.main .single_content .container .single_container .alignright {
  float: right;
  margin-left: 20px
}

.main .single_content .container .single_container a {
  color: blue;
  text-decoration: none;
  border-bottom: 1px solid blue
}

.main .single_content .container .single_container a:hover {
  color: #000;
  border-bottom: 1px solid #000
}

.main .single_content .container .single_container del {
  text-decoration: line-through
}

.main .single_content .container .single_container i {
  font-style: italic
}

.main .single_content .container .single_container .non_report_text {
  text-align: center;
  padding: 10% 0 0
}
.navigation {
  margin-top: 8%;
}
.navigation .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #9f9f9f;
  border-left: transparent;
  border-right: transparent;
}
.navigation .nav-links .nav-previous, .navigation .nav-links .nav-next {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 39.35%;
  flex: 0 0 39.35%;
}
.navigation .nav-links .back_btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 21.3%;
  flex: 0 0 21.3%;
  text-align: center;
  color: #000;
  padding: 1.8% 0;
  border-left: 1px solid #9f9f9f;
  border-right: 1px solid #9f9f9f;
}
.navigation .nav-links .nav-next {
  text-align: right;
}


@media (max-width:1024px) {
  .main .single_content .container .mds_box .ttl {
    font-size: 24px
  }
}

@media (max-width:768px) {
  .main .single_content .container .single_container p {
    margin-bottom: 15px
  }
  .navigation .nav-links .back_btn {
    line-height: 1.2;
  }
}

@media (max-width:480px) {
  .main .single_content .container .mds_box .date {
    font-size: 12px
  }

  .main .single_content .container .mds_box .ttl {
    font-size: 18px
  }

  .main .single_content .container .mds_box {
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem
  }
  .pad {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navigation {
    margin-top: 15%;
  }
  .navigation .nav-links .nav-previous, .navigation .nav-links .nav-next {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
  }
  .navigation .nav-links .back_btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    padding: 3% 0;
  }
}

/* .single_container h1 {
  margin-bottom: 20px;
  font-size: 36px
}

.single_container h2 {
  padding: 8px 0;
  padding-left: 10px;
  margin-bottom: 20px;
  background-color: #ED7500;
  color: #fff;
  font-size: 30px
}

.single_container h3 {
  padding-left: 10px;
  padding-bottom: 0.5em;
  margin-bottom: 20px;
  font-size: 24px;
  border-bottom: 4px solid #ED7500
}

.single_container h4 {
  position: relative;
  padding-left: 12px;
  margin-bottom: 20px;
  font-size: 18px
}

.single_container h4::before {
  position: absolute;
  content: "";
  background-color: #ED7500;
  width: 6px;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto
}

.single_container h5 {
  margin-bottom: 20px;
  font-size: 16px
}

.single_container h6 {
  margin-bottom: 20px;
  font-size: 14px
}

.single_container ul {
  margin-left: 20px;
  list-style: disc
}

.single_container ol {
  margin-left: 20px;
  list-style: decimal
}

.single_container ul li,
.single_container ol li {
  margin-bottom: 10px
}

.single_container blockquote {
  font-style: italic;
  border-left: 4px solid #ccc;
  padding-left: 10px
}

.single_container strong {
  font-weight: bold
}

.single_container em {
  font-style: italic
}

.single_container img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px
}

.single_container p {
  margin-bottom: 20px;
  line-height: 1.6
}

.single_container .text-left {
  text-align: left
}

.single_container .text-center {
  text-align: center
}

.single_container .text-right {
  text-align: right
}

.single_container .aligncenter {
  display: block;
  margin: 0 auto
}

.single_container .alignleft {
  float: left;
  margin-right: 20px
}

.single_container .alignright {
  float: right;
  margin-left: 20px
}

.single_container a {
  color: blue;
  text-decoration: none;
  border-bottom: 1px solid blue
}

.single_container a:hover {
  color: #000;
  border-bottom: 1px solid #000
}

.single_container del {
  text-decoration: line-through
}

@media (max-width:480px) {
  .single_container h1 {
    font-size: 30px
  }

  .single_container h2 {
    font-size: 26px
  }

  .single_container h3 {
    font-size: 20px
  }

  .single_container h4::before {
    width: 4px
  }
} */