@charset "UTF-8";
/* リセットCSS
===================================== */
main html, main body, main div, main span, main applet, main object, main iframe, main h1, main h2, main h3, main h4, main h5, main h6, main p, main blockquote, main pre, main a, main button, main abbr, main acronym, main address, main big, main cite, main code, main del, main dfn, main em, main img, main ins, main kbd, main q, main s, main samp, main small, main strike, main strong, main sub, main sup, main tt, main var, main b, main u, main i, main center, main dl, main dt, main dd, main ol, main ul, main li, main fieldset, main form, main label, main legend, main table, main caption, main tbody, main tfoot, main thead, main tr, main th, main td, main article, main aside, main canvas, main details, main embed, main figure, main figcaption, main footer, main header, main hgroup, main menu, main nav, main output, main ruby, main section, main summary, main time, main mark, main audio, main video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
}
main html {
  line-height: 1;
}
main ol, main ul {
  list-style: none;
}
main li, main dd {
  list-style-type: none;
}
main table {
  border-collapse: collapse;
  border-spacing: 0;
}
main caption, main th, main td {
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
}
main q, main blockquote {
  quotes: none;
}
main q:before, main q:after {
  content: "";
  content: none;
}
main blockquote:before, main blockquote:after {
  content: "";
  content: none;
}
main article, main aside, main details, main figcaption, main figure, main footer, main header, main hgroup, main main, main menu, main nav, main section, main summary {
  display: block;
}
main img {
  border: none;
  vertical-align: bottom;
}
main *,
main *::before,
main *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
main body {
  font-weight: 600;
  color: #353535;
}

/* 基本設定
===================================== */
a {
  cursor: pointer;
  text-decoration: none;
}

.note-show {
  display: none;
}
@media (max-width: 1440px) {
  .note-show {
    display: block;
  }
}

.note-hide {
  display: block;
}
@media (max-width: 1440px) {
  .note-hide {
    display: none;
  }
}

.tab-show {
  display: none;
}
@media (max-width: 1024px) {
  .tab-show {
    display: block;
  }
}

.tab-hide {
  display: block;
}
@media (max-width: 1024px) {
  .tab-hide {
    display: none;
  }
}

.sp-show {
  display: none;
}
@media (max-width: 767px) {
  .sp-show {
    display: block;
  }
}

.sp-hide {
  display: block;
}
@media (max-width: 767px) {
  .sp-hide {
    display: none;
  }
}

img.sp-hide, span.sp-hide {
  display: inline;
}
@media (max-width: 767px) {
  img.sp-hide, span.sp-hide {
    display: none;
  }
}

.columnFv {
  background-color: #024460;
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 50px;
}
.columnFv ul {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.columnFv ul li {
  margin-right: 28px;
  font-size: 12px;
  font-weight: 600;
  position: relative;
}
.columnFv ul li a {
  font-size: 1em;
  color: white;
  transition: all 0.3s;
  display: flex;
  align-items: center;
}
.columnFv ul li a img {
  width: 16px;
  vertical-align: middle;
}
.columnFv ul li a:hover {
  opacity: 0.7;
}
.columnFv ul li::after {
  content: ">";
  width: 28px;
  text-align: center;
  position: absolute;
  left: -28px;
  color: white;
  top: 0;
}
.columnFv ul li:first-child::after {
  display: none;
}
.columnFv ul li:last-child a {
  pointer-events: none;
}
.columnFv h1 {
  text-align: center;
  font-weight: bold;
  font-size: 44px;
  margin-bottom: 24px;
  color: white;
}
@media (max-width: 767px) {
  .columnFv h1 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.columnFv .desc {
  text-align: center;
  line-height: 2;
  font-size: 16px;
  color: white;
  font-weight: 500;
}
.columnFv.singleFv {
  background-color: #024460;
  padding-bottom: 30px;
}
.columnFv.singleFv ul {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .columnFv.singleFv ul {
    margin-bottom: 0;
  }
}
.columnFv.singleFv ul li a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 767px) {
  .columnFv.singleFv ul li:last-child a {
    max-width: 170px;
  }
}
.columnFv.singleFv .columnFv__inner {
  max-width: 1200px;
  margin: auto;
}

.media {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.media .media-pc {
  max-width: 400px;
}

footer {
  margin-top: 0;
}

.columnSec {
  line-height: 1;
  margin: 0;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .columnSec {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
.columnSec h3 {
  text-align: center;
  font-weight: bold;
  font-size: 36px;
  margin-bottom: 24px;
  color: #024460;
}
@media (max-width: 767px) {
  .columnSec h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.columnSec .desc {
  text-align: center;
  line-height: 2;
  font-size: 16px;
  color: #024460;
  margin-bottom: 40px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .columnSec .desc {
    margin-bottom: 32px;
  }
}
.columnSec .articles {
  max-width: calc(80% + 40px);
  margin: auto;
}
@media (max-width: 767px) {
  .columnSec .articles {
    max-width: 100%;
  }
}
.columnSec .articles ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5%;
}
@media (max-width: 767px) {
  .columnSec .articles ul {
    flex-direction: column;
    gap: unset;
  }
}
@media (max-width: 767px) {
  .columnSec .articles ul.archive-ul {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
  }
}
.columnSec .articles ul li {
  width: 30%;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .columnSec .articles ul li {
    width: 100%;
    margin-bottom: 50px;
  }
  .columnSec .articles ul li.archive-li {
    width: calc(50% - 5px);
  }
  .columnSec .articles ul li.archive-li img {
    height: 100px !important;
  }
}
.columnSec .articles ul li a .img-wrapper {
  overflow: hidden;
}
.columnSec .articles ul li a img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .columnSec .articles ul li a img {
    height: 220px;
  }
}
.columnSec .articles ul li a:hover img {
  transform: scale(1.1);
}
.columnSec .articles ul li a .txt-wrapper {
  margin-top: 13px;
}
.columnSec .articles ul li a .txt-wrapper .article-about {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .columnSec .articles ul li a .txt-wrapper .article-about.article-about2 {
    flex-direction: column;
    align-items: flex-start;
  }
}
.columnSec .articles ul li a .txt-wrapper .article-about .tag {
  font-size: 12px;
  font-weight: 500;
  color: #767676;
  line-height: 1.5em;
}
@media (max-width: 767px) {
  .columnSec .articles ul li a .txt-wrapper .article-about .tag {
    font-size: 10px;
  }
}
.columnSec .articles ul li a .txt-wrapper .article-about time {
  font-size: 12px;
  font-weight: 500;
  color: #767676;
  line-height: 1.5em;
}
@media (max-width: 767px) {
  .columnSec .articles ul li a .txt-wrapper .article-about time {
    font-size: 10px;
  }
}
.columnSec .articles ul li a .txt-wrapper .article-ttl {
  line-height: 1.75em;
  font-size: 18px;
  color: #024460;
  font-weight: bold;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .columnSec .articles ul li a .txt-wrapper .article-ttl {
    font-size: 14px;
  }
}
.columnSec .articles ul li a .txt-wrapper .article-ttl span {
  font-size: 1em;
  display: inline;
  background-image: linear-gradient(90deg, #000426, #000426);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 0% 1px;
  transition: background-size 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.columnSec .articles ul li a:hover .article-ttl span {
  background-position: 0% 100%;
  background-size: 100% 1px;
}
.columnSec .articles .btn-wrapper {
  display: flex;
  justify-content: center;
}
.columnSec .articles .btn-wrapper a {
  width: 266px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #024460;
  color: #024460;
  font-size: 16px;
  position: relative;
  transition: all 0.3s;
  border-radius: 4px;
  font-weight: 500;
  font-weight: bold;
}
@media (max-width: 767px) {
  .columnSec .articles .btn-wrapper a {
    font-size: 14px;
    width: 236px;
  }
}
.columnSec .articles .btn-wrapper a span {
  color: #024460;
  font-size: 1em;
  position: absolute;
  right: 20px;
  transition: all 0.3s;
}
.columnSec .articles .btn-wrapper a:hover {
  background-color: #024460;
  color: white;
}
.columnSec .articles .btn-wrapper a:hover span {
  color: white;
}

.tag-list {
  display: flex;
  gap: 10px 10px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}
.tag-list a {
  padding: 6px 17px 8px 17px;
  line-height: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #024460;
  color: #024460;
  font-weight: 500;
  font-weight: bold;
  line-height: 1;
  border-radius: 99px;
  font-size: 16px;
  transition: all 0.3s;
}
.tag-list a.current {
  background-color: #024460;
  color: white;
  font-weight: bold;
  pointer-events: none;
}
.tag-list a:hover {
  background-color: #024460;
  color: white;
}
.tag-list a:hover.current {
  background-color: white;
  color: #024460;
}

.kensu {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 500;
  color: #024460;
}
@media (max-width: 767px) {
  .kensu {
    text-align: right;
    font-size: 16px;
  }
}

.pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 40px;
}
.pagination a, .pagination span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .pagination a, .pagination span {
    width: 38px;
    height: 38px;
    font-size: 14px;
  }
}
.pagination .current {
  background-color: #024460;
  color: white;
  pointer-events: none;
}
.pagination a, .pagination span {
  border: 1px solid #e6e6e6;
  color: #024460;
  transition: all 0.3s;
}
.pagination a:hover, .pagination span:hover {
  opacity: 0.7;
}
.pagination .deactive {
  background-color: #e6e6e6;
  pointer-events: none;
}
.pagination .deactive::before {
  opacity: 0.3;
}
.pagination .next {
  position: relative;
  margin-left: 20px;
}
.pagination .next::before {
  content: "";
  width: 14px;
  height: 14px;
  background-size: contain;
  position: absolute;
  background-image: url(../../img/next.svg);
  background-size: contain;
  background-repeat: no-repeat;
  left: 20px;
  top: 18px;
}
@media (max-width: 767px) {
  .pagination .next::before {
    left: 14px;
    top: 12px;
  }
}
.pagination .prev {
  position: relative;
  margin-right: 20px;
}
.pagination .prev::before {
  content: "";
  width: 14px;
  height: 14px;
  background-size: contain;
  position: absolute;
  background-image: url(../../img/prev.svg);
  background-size: contain;
  background-repeat: no-repeat;
  left: 19px;
  top: 18px;
}
@media (max-width: 767px) {
  .pagination .prev::before {
    left: 15px;
    top: 12px;
  }
}
.pagination .next-next {
  position: relative;
}
@media (max-width: 767px) {
  .pagination .next-next {
    display: none;
  }
}
.pagination .next-next::before {
  content: "";
  width: 14px;
  height: 14px;
  background-size: contain;
  position: absolute;
  background-image: url(../../img/next-next.svg);
  background-size: contain;
  background-repeat: no-repeat;
  left: 17px;
  top: 18px;
}
.pagination .prev-prev {
  position: relative;
}
@media (max-width: 767px) {
  .pagination .prev-prev {
    display: none;
  }
}
.pagination .prev-prev::before {
  content: "";
  width: 14px;
  height: 14px;
  background-size: contain;
  position: absolute;
  background-image: url(../../img/prev-prev.svg);
  background-size: contain;
  background-repeat: no-repeat;
  left: 17px;
  top: 18px;
}

.singleSec {
  background-color: #f9f9f9;
  padding: 50px 20px;
}
.singleSec__inner {
  background-color: #fff;
  padding: 80px 124px;
  max-width: 1200px;
  margin: auto;
}
@media (max-width: 767px) {
  .singleSec__inner {
    max-width: unset;
    padding: 40px 20px;
  }
}
.singleSec__inner h1 {
  font-size: 36px;
  line-height: 1.5em;
  color: #024460;
  margin-bottom: 24px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .singleSec__inner h1 {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
.singleSec__inner .article-about {
  display: flex;
  color: #767676;
  align-items: center;
  line-height: 1em;
}
.singleSec__inner .article-about .tag {
  line-height: 1em;
  color: #024460;
  font-size: 14px;
}
.singleSec__inner .article-about time {
  margin-right: 20px;
  padding-right: 20px;
  position: relative;
  line-height: 1em;
  font-size: 14px;
  font-weight: 500;
}
.singleSec__inner .article-about time::after {
  content: "";
  width: 1px;
  height: 14px;
  position: absolute;
  right: 0;
  font-weight: 500;
  top: 1px;
  background-color: #767676;
}
.singleSec__inner .img-wrapper {
  margin-top: 80px;
  margin-bottom: 40px;
}
.singleSec__inner .img-wrapper img {
  width: 100%;
}
@media (max-width: 767px) {
  .singleSec__inner .img-wrapper {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}
.singleSec__inner .content img {
  margin-bottom: 64px;
  height: auto;
  margin-bottom: 30px;
}
.singleSec__inner .content p {
  font-size: 18px;
  line-height: 1.8em;
  margin-bottom: 56px;
}
@media (max-width: 767px) {
  .singleSec__inner .content p {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.singleSec__inner .content p * {
  font-size: 1em;
}
.singleSec__inner .content li * {
  font-size: 1em;
}
.singleSec__inner .content ul {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .singleSec__inner .content ul {
    margin-bottom: 20px;
  }
}
.singleSec__inner .content ul li {
  position: relative;
  padding-left: 1em;
  font-size: 18px;
  line-height: 1.75em;
}
@media (max-width: 767px) {
  .singleSec__inner .content ul li {
    font-size: 14px;
  }
}
.singleSec__inner .content ul li::before {
  content: "・";
  left: 0;
  top: 0;
  position: absolute;
}
.singleSec__inner .content ul li ul, .singleSec__inner .content ul li ol {
  margin-top: 0;
}
.singleSec__inner .content ol {
  list-style-type: decimal;
  padding-left: 18px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .singleSec__inner .content ol {
    margin-bottom: 20px;
  }
}
.singleSec__inner .content ol ul, .singleSec__inner .content ol ol {
  margin-top: 0;
}
@media (max-width: 767px) {
  .singleSec__inner .content ol {
    padding-left: 18px;
  }
}
.singleSec__inner .content ol li::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
  text-indent: 0px !important;
  text-align: start !important;
  text-align-last: auto !important;
}
.singleSec__inner .content ol > li {
  list-style: decimal;
  font-size: 18px;
  line-height: 1.75em;
}
@media (max-width: 767px) {
  .singleSec__inner .content ol > li {
    font-size: 14px;
    line-height: 1.71em;
  }
}
.singleSec__inner .content ol > li > ul {
  list-style-type: lower-latin;
}
.singleSec__inner .content ol > li > ul > li {
  list-style: lower-latin;
  margin-left: 18px;
  padding-left: 0;
}
.singleSec__inner .content ol > li > ul > li::before {
  display: none;
}
.singleSec__inner .content ol > li > ul > li > ul {
  list-style-type: lower-roman;
}
.singleSec__inner .content ol > li > ul > li > ul > li {
  list-style: lower-roman;
  margin-left: 18px;
  padding-left: 0;
}
.singleSec__inner .content ol > li > ul > li > ul > li::before {
  display: none;
}
.singleSec__inner .content blockquote {
  background-color: #E0E0E0;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 24px;
}
.singleSec__inner .content blockquote p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: #2F2F2F;
}
@media (max-width: 767px) {
  .singleSec__inner .content blockquote p {
    font-size: 14px;
  }
}
.singleSec__inner .content blockquote cite {
  margin-top: 1rem;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .singleSec__inner .content blockquote cite {
    margin-top: 10px;
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .singleSec__inner .content blockquote {
    padding: 20px;
    margin-bottom: 20px;
  }
  .singleSec__inner .content blockquote p {
    font-size: 14px;
  }
}
.singleSec__inner .content .wrap {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .singleSec__inner .content .wrap {
    margin-bottom: 20px;
  }
}
.singleSec__inner .content .wp-block-table {
  margin-bottom: 24px;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media (max-width: 767px) {
  .singleSec__inner .content .wp-block-table {
    margin-bottom: 20px;
  }
}
.singleSec__inner .content .wp-block-table::-webkit-scrollbar {
  display: none;
}
.singleSec__inner .content .wp-block-table table {
  min-width: 100%;
}
.singleSec__inner .content .wp-block-table tbody, .singleSec__inner .content .wp-block-table thead {
  -webkit-text-size-adjust: 100%;
}
@media (max-width: 767px) {
  .singleSec__inner .content .wp-block-table {
    margin-right: 0;
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 0px;
  }
}
.singleSec__inner .content .wp-block-table th, .singleSec__inner .content .wp-block-table td {
  border: 1px solid #E0E0E0;
  padding: 11px 24px;
  padding-right: 26px;
  white-space: nowrap;
  line-height: 1.8em;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .singleSec__inner .content .wp-block-table th, .singleSec__inner .content .wp-block-table td {
    padding-left: 64px;
    padding-right: 64px;
    font-size: 14px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.singleSec__inner .content .wp-block-table thead {
  border-bottom: unset;
}
.singleSec__inner .content .wp-block-table thead th {
  font-weight: 700;
}
.singleSec__inner .content iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 700/450;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .singleSec__inner .content iframe {
    margin-bottom: 20px;
  }
}
.singleSec__inner .content a:not(.wp-element-button) {
  font-size: 1em;
  color: #353535;
  text-decoration: underline;
  transition: all 0.3s;
  color: #00e;
}
@media (min-width: 768px) {
  .singleSec__inner .content a:not(.wp-element-button):hover {
    opacity: 0.7;
  }
}
.singleSec__inner .content .wp-element-button {
  margin-bottom: 40px;
}
.singleSec__inner .content img {
  width: 100%;
}
.singleSec__inner .content h1, .singleSec__inner .content h2, .singleSec__inner .content h3, .singleSec__inner .content h4, .singleSec__inner .content h5, .singleSec__inner .content h6 {
  letter-spacing: 0.03em;
  font-weight: 700;
  line-height: 1.6em;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .singleSec__inner .content h1, .singleSec__inner .content h2, .singleSec__inner .content h3, .singleSec__inner .content h4, .singleSec__inner .content h5, .singleSec__inner .content h6 {
    margin-bottom: 20px;
  }
}
.singleSec__inner .content h1 *, .singleSec__inner .content h2 *, .singleSec__inner .content h3 *, .singleSec__inner .content h4 *, .singleSec__inner .content h5 *, .singleSec__inner .content h6 * {
  color: #353535;
  font-size: 1em;
}
.singleSec__inner .content h1 {
  border-bottom: 2px solid #024460;
}
.singleSec__inner .content h2 {
  font-size: 28px;
  color: #024460;
  padding-left: 0.5em;
  border-left: 4px solid #024460;
}
@media (max-width: 767px) {
  .singleSec__inner .content h2 {
    font-size: 20px;
  }
}
.singleSec__inner .content h3 {
  font-size: 22px;
}
@media (max-width: 767px) {
  .singleSec__inner .content h3 {
    font-size: 16px;
  }
}
.singleSec__inner .content h4 {
  font-size: 20px;
}
@media (max-width: 767px) {
  .singleSec__inner .content h4 {
    font-size: 16px;
  }
}
.singleSec__inner .content h5 {
  font-size: 19px;
}
@media (max-width: 767px) {
  .singleSec__inner .content h5 {
    font-size: 16px;
  }
}
.singleSec__inner .content h6 {
  font-size: 18px;
}
@media (max-width: 767px) {
  .singleSec__inner .content h6 {
    font-size: 16px;
  }
}
.singleSec__inner .content b, .singleSec__inner .content strong {
  font-weight: 700;
}
.singleSec .other-article {
  padding-top: 80px;
}
@media (max-width: 767px) {
  .singleSec .other-article {
    padding-top: 40px;
  }
}
.singleSec .other-article h3 {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #024460;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .singleSec .other-article h3 {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
.singleSec .archive-ul {
  max-width: 70%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 5%;
}
@media (max-width: 767px) {
  .singleSec .archive-ul {
    flex-direction: column;
    gap: unset;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.singleSec .archive-ul li {
  width: 30%;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .singleSec .archive-ul li {
    width: 100%;
    margin-bottom: 50px;
  }
}
.singleSec .archive-ul li a .img-wrapper {
  overflow: hidden;
}
.singleSec .archive-ul li a img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .singleSec .archive-ul li a img {
    height: 220px;
  }
}
.singleSec .archive-ul li a:hover img {
  transform: scale(1.1);
}
.singleSec .archive-ul li a .txt-wrapper {
  margin-top: 13px;
}
.singleSec .archive-ul li a .txt-wrapper .article-about {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .singleSec .archive-ul li a .txt-wrapper .article-about.article-about2 {
    flex-direction: column;
    align-items: flex-start;
  }
}
.singleSec .archive-ul li a .txt-wrapper .article-about .tag {
  font-size: 12px;
  font-weight: 500;
  color: #767676;
  line-height: 1.5em;
}
@media (max-width: 767px) {
  .singleSec .archive-ul li a .txt-wrapper .article-about .tag {
    font-size: 10px;
  }
}
.singleSec .archive-ul li a .txt-wrapper .article-about time {
  font-size: 12px;
  font-weight: 500;
  color: #767676;
  line-height: 1.5em;
}
@media (max-width: 767px) {
  .singleSec .archive-ul li a .txt-wrapper .article-about time {
    font-size: 10px;
  }
}
.singleSec .archive-ul li a .txt-wrapper .article-ttl {
  line-height: 1.75em;
  font-size: 18px;
  color: #024460;
  font-weight: bold;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .singleSec .archive-ul li a .txt-wrapper .article-ttl {
    font-size: 14px;
  }
}
.singleSec .archive-ul li a .txt-wrapper .article-ttl span {
  font-size: 1em;
  display: inline;
  background-image: linear-gradient(90deg, #000426, #000426);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 0% 1px;
  transition: background-size 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.singleSec .archive-ul li a:hover .article-ttl span {
  background-position: 0% 100%;
  background-size: 100% 1px;
}

.producedSec__inner {
  background-color: #fff;
  padding: 40px 124px;
  max-width: 1200px;
  margin: auto;
}
@media (max-width: 767px) {
  .producedSec__inner {
    max-width: unset;
    padding: 40px 20px;
  }
}
.producedSec .produced {
  margin-top: 45px;
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .producedSec .produced {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.producedSec .produced h4 {
  font-weight: bold;
  margin-bottom: 5px;
}
.producedSec .produced p {
  margin-bottom: 15px;
}

#toc_container {
  padding: 30px 50px;
  margin-bottom: 50px;
}
#toc_container a {
  color: #353535;
  font-weight: bold;
}
#toc_container ul li::before {
  display: none;
}
#toc_container p.toc_title {
  text-align: left;
  font-size: 22px;
}

.btn-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 100px;
}
@media (max-width: 767px) {
  .btn-wrapper {
    flex-direction: column;
    margin-top: 50px;
  }
}
.btn-wrapper .btn {
  width: 48%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  border-radius: 99px;
  color: white;
  font-weight: bold;
  font-size: 22px;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .btn-wrapper .btn {
    width: 100%;
    height: 60px;
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.btn-wrapper .btn:hover {
  opacity: 0.7;
}
.btn-wrapper .btn1 {
  background-color: #024460;
}
.btn-wrapper .btn2 {
  background-color: #E55B25;
}

/*# sourceMappingURL=style.css.map */