@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
/*
$serif: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
$sansSerif: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
$sansSerifBold: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
$msSerif: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
$msSansSerif: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
*/
/*
$serif: 'Noto Serif JP', serif;
$sansSerif: 'Noto Sans JP', sans-serif;
$sansSerifBold: 'Noto Sans JP', sans-serif;
$msSerif: 'Noto Serif JP', serif;
$msSansSerif: 'Noto Sans JP', sans-serif;
*/
.element {
  opacity: 0;
}

.inner {
  max-width: 62.5rem;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .inner {
    padding: 0 0.625rem;
  }
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.pr {
  position: relative;
}

.pa {
  position: absolute;
}

em {
  font-style: normal;
}

.sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
  br.sp {
    display: inline;
  }
  .sp {
    display: block;
  }
}

.material, .breadcrumb li:after, #page-company #page-contact .inner a:after, #page-service #service-info ul li a p:after, #page-service #column a .contents-btn:after, #topnews .news-link:after {
  font-family: 'Material Icons';
}

.page-main {
  padding-top: 6.25rem;
}

@media screen and (max-width: 767px) {
  .page-main {
    padding-top: 2.0625rem;
  }
}

.page-ttl {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 3.75rem;
}

@media screen and (max-width: 767px) {
  .page-ttl {
    font-size: 1.75rem;
    margin-bottom: 1.875rem;
  }
}

.page-ttl2 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 1.875rem;
}

@media screen and (max-width: 767px) {
  .page-ttl2 {
    font-size: 1.5rem;
    margin-bottom: 1.875rem;
  }
}

#page-cover {
  min-height: 25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  #page-cover {
    min-height: 15.625rem;
  }
}

#page-cover h1 {
  text-align: center;
  font-size: 3.25rem;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 767px) {
  #page-cover h1 {
    font-size: 2.25rem;
  }
}

#page-cover span {
  text-align: center;
  display: block;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 3.125rem;
}

.breadcrumb li {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.breadcrumb li a {
  display: inline-block;
  color: #01966d;
}

.breadcrumb li:after {
  content: "\eac9";
}

.breadcrumb li:nth-last-child(1):after {
  content: none;
}

#page-company #page-cover {
  background-image: url("../img/page/cover-company.jpg");
  background-size: cover;
  background-position: center center;
}

#page-company #company-contents > div {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3.125rem;
}

@media screen and (max-width: 767px) {
  #page-company #company-contents > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

#page-company #company-contents > div:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
  #page-company #company-contents > div:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

#page-company #company-contents > div div {
  width: 45%;
}

@media screen and (max-width: 767px) {
  #page-company #company-contents > div div {
    width: 100%;
  }
}

#page-company #company-contents > div div h2 {
  font-size: 3.125rem;
  font-weight: bolc;
  color: #01966d;
}

@media screen and (max-width: 767px) {
  #page-company #company-contents > div div h2 {
    font-size: 2.25rem;
  }
}

#page-company #company-contents > div figure {
  width: 45%;
}

@media screen and (max-width: 767px) {
  #page-company #company-contents > div figure {
    width: 100%;
  }
}

#page-company #greeting {
  background: #ecf8fd;
  padding: 5rem 0;
}

@media screen and (max-width: 767px) {
  #page-company #greeting {
    padding: 3.125rem 0;
  }
}

@media screen and (max-width: 767px) {
  #page-company #greeting .inner {
    display: block;
  }
}

#page-company #greeting .inner figure {
  width: 45%;
}

@media screen and (max-width: 767px) {
  #page-company #greeting .inner figure {
    float: right;
    margin-top: 2.8125rem;
    margin-bottom: 0.625rem;
  }
}

#page-company #greeting .inner div {
  width: 50%;
}

@media screen and (max-width: 767px) {
  #page-company #greeting .inner div {
    width: 100%;
  }
}

#page-company #greeting .inner div h3 {
  font-size: 1.75rem;
  line-height: 1;
  margin-bottom: 1.25rem;
}

#page-company #greeting .inner div h3::before {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

#page-company #greeting .inner div h3::before {
  margin-bottom: 0em;
}

@media screen and (max-width: 767px) {
  #page-company #greeting .inner div h3 {
    font-size: 1.25rem;
  }
}

#page-company #about {
  padding: 5rem 0;
}

@media screen and (max-width: 767px) {
  #page-company #about {
    padding: 3.125rem 0;
  }
}

#page-company #about .inner figure {
  width: 48%;
}

@media screen and (max-width: 767px) {
  #page-company #about .inner figure {
    width: 100%;
  }
}

#page-company #about .inner table {
  width: 48%;
}

@media screen and (max-width: 767px) {
  #page-company #about .inner table {
    width: 100%;
    margin-bottom: 1.25rem;
  }
}

#page-company #about .inner table th {
  text-align: left;
  width: 35%;
  font-weight: normal;
  vertical-align: top;
}

#page-company #about .inner table td {
  vertical-align: top;
}

#page-company #access {
  padding: 0 0 5rem;
}

@media screen and (max-width: 767px) {
  #page-company #access {
    padding: 0 0 2.5rem;
  }
}

#page-company #access .inner .iframe-wrapper {
  position: relative;
  width: 100%;
  padding: calc(315 / 560 * 100%) 0 0;
}

#page-company #access .inner .iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#page-company #page-contact {
  padding-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  #page-company #page-contact {
    padding-bottom: 3.125rem;
  }
}

#page-company #page-contact h2 {
  text-align: center;
  font-size: 1.875rem;
  margin-bottom: 3.125rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  #page-company #page-contact h2 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }
}

#page-company #page-contact .inner {
  background: #ECF8FD;
  padding: 3.125rem 5rem;
}

@media screen and (max-width: 767px) {
  #page-company #page-contact .inner {
    padding: 0.9375rem 1.25rem;
  }
}

#page-company #page-contact .inner a {
  display: block;
  background: #005BAC;
  color: #fff;
  text-align: center;
  font-size: 1.875rem;
  padding: 1.875rem 0;
  border-radius: 0.3125rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  #page-company #page-contact .inner a {
    font-size: 1.25rem;
    padding: 1.25rem 0;
  }
}

#page-company #page-contact .inner a:after {
  content: "\e5cc";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.25rem;
  color: #fff;
}

#page-service section {
  margin-bottom: 5rem;
}

#page-service section#page-cover {
  margin-bottom: 0;
}

#page-service .service-ttl {
  text-align: center;
  margin-bottom: 3.125rem;
}

@media screen and (max-width: 767px) {
  #page-service .service-ttl {
    margin-bottom: 1.875rem;
  }
}

#page-service .service-ttl h2 {
  font-size: 4.375rem;
}

@media screen and (max-width: 767px) {
  #page-service .service-ttl h2 {
    font-size: 1.5rem;
  }
}

#page-service #page-cover {
  background-image: url("../img/page/cover-recruit.jpg");
  background-size: cover;
  background-position: center center;
}

#page-service #page-cover h1,
#page-service #page-cover span {
  color: #fff;
  text-shadow: none;
}

#page-service #service-info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  #page-service #service-info ul {
    display: block;
  }
}

#page-service #service-info ul li {
  width: 32%;
}

@media screen and (max-width: 767px) {
  #page-service #service-info ul li {
    width: 100%;
    margin-bottom: 1.5625rem;
  }
}

#page-service #service-info ul li a {
  display: block;
  position: relative;
  min-height: 15.625rem;
  overflow: hidden;
}

#page-service #service-info ul li a:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background: url("https://placehold.jp/ebebeb/ffffff/560x375.png?text=IMAGE") no-repeat center center;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

#page-service #service-info ul li a:hover:after {
  opacity: .8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#page-service #service-info ul li a h3,
#page-service #service-info ul li a p {
  position: relative;
  z-index: 1;
}

#page-service #service-info ul li a h3 {
  font-size: 2rem;
  margin: 1.25rem 0 0 1.25rem;
}

#page-service #service-info ul li a p {
  width: 70%;
  position: absolute;
  right: 0.0625rem;
  bottom: 0.0625rem;
  background: rgba(255, 255, 255, 0.8);
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1.25rem;
}

#page-service #service-info ul li a p:after {
  content: "\e1c4";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0.9375rem;
  font-size: 1.25rem;
}

#page-service #service-contents > div {
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  #page-service #service-contents > div {
    margin-bottom: 3.125rem;
  }
}

#page-service #service-contents > div .flex figure {
  width: 47%;
}

@media screen and (max-width: 767px) {
  #page-service #service-contents > div .flex figure {
    width: 100%;
  }
}

#page-service #service-contents > div .flex div {
  width: 47%;
}

@media screen and (max-width: 767px) {
  #page-service #service-contents > div .flex div {
    width: 100%;
  }
}

#page-service #service-contents > div .flex div h3 {
  font-size: 2rem;
  margin-bottom: 1.25rem;
  line-height: 1.5;
}

#page-service #service-contents > div .flex div h3::before {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

#page-service #service-contents > div .flex div h3::before {
  margin-bottom: -0.25em;
}

@media screen and (max-width: 767px) {
  #page-service #service-contents > div .flex div h3 {
    font-size: 1.25rem;
    margin-top: 1.875rem;
  }
}

#page-service #service-contents > div .flex:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: 3.125rem;
}

#page-service #service-contents > div:nth-child(even) .flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

#page-service #column a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  position: relative;
  padding: 3.125rem 0;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  #page-service #column a {
    width: 100%;
    padding: 1.875rem 0;
  }
}

#page-service #column a:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background: url("https://placehold.jp/ebebeb/ffffff/560x375.png?text=IMAGE") no-repeat center center;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

#page-service #column a:nth-child(2):after {
  background-image: url("https://placehold.jp/cccccc/dddddd/560x375.png?text=IMAGE");
}

#page-service #column a:hover:after {
  opacity: .8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#page-service #column a h3 {
  font-size: 2.5rem;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  #page-service #column a h3 {
    font-size: 1.5rem;
  }
}

#page-service #column a span {
  font-size: 1.125rem;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  #page-service #column a span {
    font-size: 0.875rem;
  }
}

#page-service #column a .contents-txt {
  position: relative;
  z-index: 1;
  margin: 3.125rem 0 1.875rem;
}

@media screen and (max-width: 767px) {
  #page-service #column a .contents-txt {
    margin: 1.25rem 0 1.25rem;
  }
}

#page-service #column a .contents-btn {
  max-width: 14.375rem;
  width: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  position: relative;
  z-index: 1;
}

#page-service #column a .contents-btn:after {
  content: "\e1c4";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0.9375rem;
  font-size: 1.25rem;
}

#page-news #page-cover {
  background-image: url("../img/page/cover-news.jpg");
  background-size: cover;
  background-position: center center;
}

#page-news main {
  width: 68%;
  padding-bottom: 5rem;
  padding-bottom: 1.875rem;
}

@media screen and (max-width: 767px) {
  #page-news main {
    width: 100%;
  }
}

#page-news aside {
  width: 30%;
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  #page-news aside {
    width: 100%;
    margin-bottom: 3.125rem;
  }
}

#page-news aside .side-ctg {
  border-bottom: 1px solid #ccc;
}

#page-news aside .side-ctg li a {
  padding: 1.25rem;
  display: block;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  #page-news aside .side-ctg li a {
    padding: 0.9375rem;
  }
}

.news-list {
  padding: 1.25rem 0;
  border-top: 1px solid #ddd;
}

.news-list:nth-last-child(1) {
  border-bottom: 1px solid #ddd;
}

.news-list figure {
  width: 30%;
}

.news-list div {
  width: 67%;
}

.news-list div h2 {
  color: #005BAC;
}

.news-list div .date {
  display: block;
  font-size: 0.875rem;
}

#page-privacy #page-cover {
  background-image: url("../img/page/cover-privacy.jpg");
  background-size: cover;
  background-position: center center;
}

#page-privacy #txt-area {
  padding-bottom: 5rem;
}

#page-privacy #txt-area .update {
  text-align: right;
  margin-bottom: 1.875rem;
}

#page-privacy #txt-area h2 {
  background: #e1fcff;
  font-size: 1.375rem;
  padding: 0.625rem;
  margin-bottom: 0.625rem;
}

@media screen and (max-width: 767px) {
  #page-privacy #txt-area h2 {
    font-size: 1rem;
  }
}

#page-privacy #txt-area p {
  margin-bottom: 1.875rem;
}

#page-contact {
  padding-bottom: 6.25rem;
}

#page-contact #page-cover {
  background-image: url("../img/page/cover-contact.jpg");
  background-size: cover;
  background-position: center center;
}

#page-contact .contact-form p a {
  color: #005BAC;
}

#page-contact .contact-form table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

#page-contact .contact-form table th {
  width: 37%;
  background: #e1fcff;
  padding: 1.25rem;
  text-align: left;
  font-weight: normal;
}

#page-contact .contact-form table th .required {
  color: #f70000;
}

#page-contact .contact-form table td {
  width: 63%;
  padding: 1.25rem;
}

#page-contact .contact-form table td input[type="text"],
#page-contact .contact-form table td input[type="email"] {
  height: 2.5rem;
  border: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  #page-contact .contact-form table td input[type="text"],
  #page-contact .contact-form table td input[type="email"] {
    width: 100%;
  }
}

#page-contact .contact-form table td textarea {
  border: 1px solid #ccc;
  height: 12.5rem;
  width: 100%;
}

#page-contact .contact-form table th,
#page-contact .contact-form table td {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

@media screen and (max-width: 767px) {
  #page-contact .contact-form table th,
  #page-contact .contact-form table td {
    width: 100%;
    display: block;
  }
}

#page-contact .contact-form .sb-btn {
  display: block;
  background: #005BAC;
  color: #fff;
  height: 3.125rem;
  width: 18.75rem;
  margin: 1.25rem auto;
  border-radius: 0.3125rem;
  border: none;
}

#topnews {
  max-width: 50rem;
  padding-top: 3.125rem;
}

@media screen and (max-width: 767px) {
  #topnews {
    padding: 3.125rem 2.8125rem 0;
  }
}

#topnews .flex div {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  #topnews .flex div {
    width: 100%;
    margin-bottom: 1.25rem;
  }
}

#topnews .flex div h2 {
  font-size: 1.5rem;
}

#topnews .flex div span {
  font-size: 0.875rem;
  color: #005BAC;
}

#topnews .flex ul {
  width: 70%;
}

@media screen and (max-width: 767px) {
  #topnews .flex ul {
    width: 100%;
  }
}

#topnews .flex ul li {
  margin-bottom: 0.625rem;
}

@media screen and (max-width: 767px) {
  #topnews .flex ul li {
    padding-bottom: 0.625rem;
    border-bottom: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

#topnews .flex ul li .date {
  display: inline-block;
  margin-right: 1.25rem;
}

@media screen and (max-width: 767px) {
  #topnews .flex ul li .date {
    line-height: 1;
  }
}

#topnews .flex ul li .news-ctg {
  font-size: 0.75rem;
  color: #fff;
  display: inline-block;
  text-align: center;
  min-width: 6em;
  margin-right: 0.625rem;
}

#topnews .flex ul li .news-ctg.news {
  background: #11dd1c;
}

#topnews .flex ul li .news-ctg.seminor {
  background: #1395ff;
}

#topnews .flex ul li .news-ctg.blog {
  background: #ff8000;
}

@media screen and (max-width: 767px) {
  #topnews .flex ul li .news-title {
    display: block;
    margin-top: 0.3125rem;
    width: 100%;
  }
}

#topnews .flex ul li .news-title a {
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  -webkit-transition: linear all .2s;
  transition: linear all .2s;
}

#topnews .flex ul li .news-title a:hover {
  border-bottom: 1px solid #333;
}

#topnews .news-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 1.25rem;
  -webkit-transition: linear all .2s;
  transition: linear all .2s;
}

#topnews .news-link:after {
  content: "\eac9";
  color: #005BAC;
  -webkit-transition: linear all .2s;
  transition: linear all .2s;
}

#topnews .news-link:hover:after {
  -webkit-transform: translate(4px, 0);
          transform: translate(4px, 0);
}

.docnum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
  .docnum {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.docnum dt:after {
  content: "：";
}

.post-article {
  margin-bottom: 5rem;
}

.post-article h2 {
  font-size: 1.5rem;
  border-bottom: 1px solid #005BAC;
}

@media screen and (max-width: 767px) {
  .post-article h2 {
    font-size: 1.125rem;
  }
}

.post-article .date-ctg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.post-article .date-ctg .news-date {
  font-size: 0.75rem;
  color: #999;
  display: inline-block;
  margin-right: 0.625rem;
}

.post-article .date-ctg .news-ctg {
  border: 1px solid #333;
  color: #333;
  display: inline-block;
  padding: .02rem .30rem;
  font-size: 0.0625rem;
}

.map-box {
  position: relative;
  width: 100%;
  padding: calc(315 / 560 * 100%) 0 0;
}

.map-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
/*# sourceMappingURL=add.css.map */