@charset "UTF-8";
.btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.btn-wrap.-contact {
  padding: 5rem 0;
  border-top: 0.5rem solid var(--km-color-secondary);
  border-bottom: 0.5rem solid var(--km-color-secondary);
}
@media (min-width: 1024px) {
  .btn-wrap.-contact {
    padding: 9rem 0;
  }
}
#talents + .btn-wrap.-contact {
  border-top: none;
}
.btn-wrap.-tel {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin-top: 7rem;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .btn-wrap.-tel {
    font-size: 2.4rem;
  }
}
.btn-wrap.-tel .btn-tel {
  margin-top: 2.5rem;
}

.btn-solid {
  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;
  position: relative;
  padding: 0 4rem;
  min-width: 24rem;
  height: 6rem;
  background: var(--km-color-primary);
  color: #fff;
  text-decoration: none;
  opacity: 1;
}
@media (min-width: 1024px) {
  .btn-solid {
    width: 44rem;
    height: 8rem;
    font-size: 2rem;
  }
}
.btn-solid:hover {
  opacity: 0.7;
}
.btn-solid::after {
  content: "";
  display: block;
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  top: 50%;
  right: 2rem;
  margin-top: -0.6rem;
  border: solid #fff;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn-ghost {
  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: 2px solid #894646;
  padding: 0.5rem 1rem;
  color: #8E0000;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .btn-ghost {
    padding: 1.3rem;
    font-size: 3.2rem;
  }
}

.page-title {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}
@media not all and (min-width: 768px) {
  .page-title {
    padding-right: 15rem;
  }
}
@media (min-width: 768px) {
  .page-title {
    padding-left: 2.6rem;
  }
}
.page-title > .en {
  display: block;
  font-size: 2.4rem;
  font-family: var(--km-fontfamily-roboto);
  font-weight: 700;
}
@media (min-width: 768px) {
  .page-title > .en {
    font-size: 5rem;
  }
}
@media (min-width: 1024px) {
  .page-title > .en {
    font-size: 7.2rem;
  }
}
.page-title > .jp {
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .page-title > .jp {
    font-size: 2.2rem;
  }
}
@media (min-width: 1024px) {
  .page-title > .jp {
    font-size: 2.4rem;
  }
}
.page-title > .catch {
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .page-title > .catch {
    font-size: 2.5rem;
  }
}
.page-title > .name-jp {
  font-size: 3rem;
}
@media (min-width: 768px) {
  .page-title > .name-jp {
    font-size: 7rem;
  }
}
.page-title > .name-en {
  margin-top: 0.5rem;
  font-size: 1rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .page-title > .name-en {
    font-size: 2.4rem;
  }
}

.heading-profile {
  border-bottom: 1px solid #707070;
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .heading-profile {
    font-size: 2.4rem;
  }
}

.list-talent[role=list] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0 1.2rem;
  padding: 0;
}
@media (min-width: 768px) {
  .list-talent[role=list] {
    gap: 0 2.5rem;
    padding: 0.2rem 0 2.7rem;
  }
}
.list-talent[role=list] > .item, .list-talent[role=list] > .adjust {
  width: calc((100% - 2.4rem) / 3);
}
@media (min-width: 768px) {
  .list-talent[role=list] > .item, .list-talent[role=list] > .adjust {
    width: 22.8rem;
  }
}
.list-talent[role=list] > .item {
  position: relative;
  margin-top: 2.5rem;
}
@media not all and (min-width: 1024px) {
  .list-talent[role=list] > .item:nth-child(3n) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .list-talent[role=list] > .item:nth-child(3n+2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
  }
}
@media (min-width: 1024px) {
  .list-talent[role=list] > .item:nth-child(4n) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }
  .list-talent[role=list] > .item:nth-child(4n+3) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .list-talent[role=list] > .item:nth-child(4n+2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
  }
}
.list-talent[role=list] > .item > .link {
  text-decoration: none;
  color: inherit;
}
.list-talent[role=list] > .item > .link > .photo {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.list-talent[role=list] > .item > .link > .photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.list-talent[role=list] > .item > .link:hover {
  text-decoration: underline;
}
.list-talent[role=list] > .item > .link:hover > .photo {
  opacity: 0.5;
}
.list-talent[role=list] > .item > .link > .name {
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .list-talent[role=list] > .item > .link > .name {
    display: none;
  }
}

@media (min-width: 1024px) {
  #section-news .list-news[role=list] {
    display: grid;
    grid-template-columns: 33rem auto;
    gap: 6px 22px;
  }
  #section-news .list-news[role=list] > .item {
    grid-column-start: 2;
  }
  #section-news .list-news[role=list] > .item:first-child {
    grid-column-start: 1;
    grid-row: span 4/span 4;
  }
}
@media not all and (min-width: 1024px) {
  .list-news[role=list] > .item {
    margin-bottom: 1rem;
  }
}
.archive-news .list-news[role=list] > .item {
  margin-bottom: 2rem;
}

.card-news {
  position: relative;
  border: 2px solid #DBB4B4;
  border-radius: 8px;
}
.card-news:hover {
  background: rgba(0, 0, 0, 0.1);
}
@media (min-width: 1024px) {
  #section-news .card-news:first-child > .link {
    padding: 6rem 2.5rem;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #section-news .card-news:first-child > .link > .thumb {
    position: static;
    width: 100%;
  }
  #section-news .card-news:first-child > .link > .thumb img {
    height: auto;
  }
  #section-news .card-news:first-child > .link > .categories[role=list] > .cat {
    font-size: 2rem;
  }
  #section-news .card-news:first-child > .link > .content {
    max-height: none;
  }
}
.card-news > .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  position: relative;
  text-decoration: none;
  color: inherit;
  padding: 1rem 1rem 1rem 11.5rem;
  min-height: 10rem;
}
@media (min-width: 768px) {
  .card-news > .link {
    padding: 1.4rem 2rem 3rem 17rem;
  }
}
.card-news > .link > .thumb {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 9.5rem;
  position: absolute;
  top: 1rem;
  left: 1rem;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .card-news > .link > .thumb {
    width: 13rem;
    top: 1.4rem;
    left: 2rem;
  }
}
.card-news > .link > .thumb > img {
  height: auto;
}
.card-news > .link > .categories[role=list] {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.card-news > .link > .categories[role=list] > .cat {
  background: var(--km-color-primary);
  color: #fff;
  font-size: 1rem;
  line-height: 1;
  padding: 0.3em 0.6em;
  border-radius: 5px;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .card-news > .link > .categories[role=list] > .cat {
    margin-bottom: 1rem;
    font-size: 1.4rem;
  }
}
.card-news > .link > .title {
  overflow: hidden;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  font-size: 1.4rem;
  line-height: 1.8;
  max-height: 2rem;
  margin-bottom: 0.2em;
}
@media not all and (min-width: 768px) {
  .card-news > .link > .title {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .card-news > .link > .title {
    max-height: none;
    font-size: 1.8rem;
  }
}
.card-news > .link > .content {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  overflow: hidden;
  max-height: 2.4rem;
  font-size: 1.2rem;
  line-height: 2;
}
@media not all and (min-width: 768px) {
  .card-news > .link > .content {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .card-news > .link > .content {
    max-height: 6.4rem;
    font-size: 1.6rem;
  }
}
.card-news > .link > .date {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  color: #393939;
  font-size: 1rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .card-news > .link > .date {
    top: 1rem;
    right: 1.5rem;
    color: #909090;
    font-size: inherit;
  }
}
.card-news > .link > .more {
  position: absolute;
  bottom: 0.5rem;
  right: 1rem;
  padding-right: 1rem;
  color: #894646;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .card-news > .link > .more {
    bottom: 1rem;
    right: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1.4rem;
  }
}
.card-news > .link > .more::after {
  content: "";
  display: block;
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  top: 50%;
  right: 0;
  margin-top: -0.6rem;
  border: solid #894646;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 0.8rem;
  height: 0.8rem;
  margin-top: -0.4rem;
}
.link-more {
  margin-top: 1rem;
  text-align: right;
}
@media (min-width: 768px) {
  .link-more {
    margin-top: 2rem;
  }
}
.link-more > .more {
  text-decoration: none;
  color: #816A6A;
  font-size: 1.6rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .link-more > .more {
    font-size: 2rem;
  }
}
.link-more > .more:hover {
  text-decoration: underline;
}

.list-banner > .item {
  margin-top: 2rem;
}
@media (min-width: 1024px) {
  .list-banner > .item {
    margin-top: 3rem;
  }
}
.list-banner > .item > .link {
  display: block;
  overflow: hidden;
  border-radius: 0 3rem 0 3rem;
}
@media (min-width: 1024px) {
  .list-banner > .item > .link {
    border-radius: 0 5rem 0 5rem;
  }
}

.list-profile[role=list] {
  padding-left: 2.6rem;
}
@media (min-width: 768px) {
  .list-profile[role=list] {
    padding-left: 23.5rem;
  }
}
.list-profile[role=list] > .item {
  border-bottom: 1px solid #707070;
  padding: 1em 0;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .list-profile[role=list] > .item {
    font-size: 2rem;
  }
}

@media (min-width: 768px) {
  .list-history[role=list] {
    padding-left: 7.6rem;
  }
}
.list-history[role=list] > .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-bottom: 1px solid #707070;
  padding: 1em 0;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .list-history[role=list] > .wrap {
    font-size: 2rem;
  }
}
.list-history[role=list] > .wrap > .year {
  width: 7rem;
}
@media (min-width: 768px) {
  .list-history[role=list] > .wrap > .year {
    padding-left: 2em;
    width: 16rem;
  }
}
.list-history[role=list] > .wrap > .year + .content {
  width: calc(100% - 7rem);
}
@media (min-width: 768px) {
  .list-history[role=list] > .wrap > .year + .content {
    width: calc(100% - 16rem);
  }
}
.list-history[role=list] > .wrap > .title {
  width: 13rem;
}
@media (min-width: 768px) {
  .list-history[role=list] > .wrap > .title {
    width: 16rem;
  }
}
.list-history[role=list] > .wrap > .content {
  width: calc(100% - 13rem);
}
@media (min-width: 768px) {
  .list-history[role=list] > .wrap > .content {
    width: calc(100% - 16rem);
  }
}
.list-history[role=list] > .wrap > .content + .content {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #707070;
}

#mainvisual {
  overflow: hidden;
  position: relative;
  border-bottom: 1rem solid #816A6A;
  background: #FFFEF7;
}
@media (min-width: 1024px) {
  #mainvisual {
    border-width: 2rem;
  }
}
#mainvisual .copy-photo {
  position: relative;
  z-index: 2;
  margin-top: -3vw;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
@media (min-width: 768px) {
  #mainvisual .copy-photo {
    margin-top: -19.5454545455vw;
  }
}
@media (min-width: 1280px) {
  #mainvisual .copy-photo {
    margin-top: -21.5rem;
  }
}
#mainvisual .copy-photo .photo {
  position: relative;
  z-index: 3;
  pointer-events: none;
}
#mainvisual .copy-photo > .copy {
  position: absolute;
  z-index: 2;
  bottom: 8vw;
  left: 0;
  padding-top: 0.8vw;
  padding-left: 4.5333333333vw;
  width: 100%;
  font-size: 4vw;
  font-weight: 700;
  max-width: 90vw;
}
@media (min-width: 768px) {
  #mainvisual .copy-photo > .copy {
    bottom: 3.6363636364vw;
    padding-top: 0.9090909091vw;
    padding-left: 2.7272727273vw;
    font-size: 2.9090909091vw;
    max-width: 53.6363636364vw;
  }
}
@media (min-width: 1280px) {
  #mainvisual .copy-photo > .copy {
    bottom: 4rem;
    padding-top: 1rem;
    padding-left: 3rem;
    font-size: 3.2rem;
    max-width: 59rem;
  }
}
#mainvisual .copy-photo > .copy::before {
  content: "";
  display: block;
  position: absolute;
  background: #707070;
  top: 0;
  right: 0;
  height: 1px;
  width: 100vw;
}
#mainvisual > .k-photo {
  position: absolute;
  z-index: 2;
  width: 11rem;
  right: 2rem;
  bottom: -2rem;
}
@media (min-width: 768px) {
  #mainvisual > .k-photo {
    width: 24rem;
    right: calc(50% - 37rem);
  }
}
@media (min-width: 1024px) {
  #mainvisual > .k-photo {
    width: 29rem;
    right: calc(50% - 49rem);
  }
}
@media (min-width: 1280px) {
  #mainvisual > .k-photo {
    right: calc(50% - 58rem);
  }
}
#mainvisual > .talent-photo {
  position: absolute;
  z-index: 2;
  width: auto;
  height: 100%;
  right: 0;
  bottom: 0;
}
@media (min-width: 1280px) {
  #mainvisual > .talent-photo {
    right: calc(50% - 58rem);
  }
}
#mainvisual.-company, #mainvisual.-talent {
  height: 20rem;
}
@media (min-width: 768px) {
  #mainvisual.-company, #mainvisual.-talent {
    height: 50rem;
  }
}
#mainvisual.-company::before, #mainvisual.-talent::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 14.4rem;
  width: 80%;
  background: url(../img/main-bg_company.jpg) no-repeat center center/cover;
}
@media (min-width: 768px) {
  #mainvisual.-company::before, #mainvisual.-talent::before {
    height: 40rem;
  }
}
@media (min-width: 1024px) {
  #mainvisual.-company::before, #mainvisual.-talent::before {
    width: calc(50% + 36rem);
  }
}
#mainvisual.-company::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 14.4rem;
  background: #6A1717;
}
@media (min-width: 768px) {
  #mainvisual.-company::after {
    height: 44rem;
  }
}
@media (min-width: 1024px) {
  #mainvisual.-company::after {
    width: calc(50% - 36rem);
  }
}
@media not all and (min-width: 768px) {
  #mainvisual.-talent {
    overflow: visible;
    margin-top: 3rem;
  }
}
#mainvisual.-talent > .label {
  position: absolute;
  background: #894646;
  color: #fff;
  font-family: var(--km-fontfamily-roboto);
  font-weight: 700;
  line-height: 1;
}
@media not all and (min-width: 768px) {
  #mainvisual.-talent > .label {
    top: -3rem;
    height: 3rem;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    line-height: 3rem;
  }
}
@media (min-width: 768px) {
  #mainvisual.-talent > .label {
    top: 3.4rem;
    left: 2rem;
    padding: 1rem 2.6rem;
    font-size: 3rem;
  }
}
@media (min-width: 1280px) {
  #mainvisual.-talent > .label {
    left: calc(50% - 55rem);
  }
}
#mainvisual.-talent > .label::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  width: 50vw;
  height: 100%;
  top: 0;
  right: 100%;
  background: #894646;
}
#mainvisual.-news, #mainvisual.-contact {
  height: 11rem;
  background: no-repeat center center/cover;
  color: #fff;
}
@media (min-width: 768px) {
  #mainvisual.-news, #mainvisual.-contact {
    height: 23rem;
  }
}
@media not all and (min-width: 768px) {
  #mainvisual.-news > .page-title > .en, #mainvisual.-contact > .page-title > .en {
    font-size: 4.8rem;
  }
}
#mainvisual.-news {
  background-image: url(../img/main-bg_news.jpg);
}
#mainvisual.-contact {
  background-image: url(../img/main-bg_contact.jpg);
}

#list-mvslider img {
  height: 40vw;
  width: auto;
  max-width: none;
}
@media (min-width: 768px) {
  #list-mvslider img {
    height: 40rem;
  }
}
#list-mvslider, #list-mvslider .swiper-contaier {
  overflow: visible;
}
#list-mvslider .slide {
  position: relative;
}
#list-mvslider .slide::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
#list-mvslider .swiper-slide-active::after {
  background: none;
}

@media (min-width: 1024px) {
  #talents {
    background: #F2F0EA;
  }
}

#access {
  margin: 5.5rem 0 3rem;
}
@media (min-width: 768px) {
  #access {
    margin: 14rem 0 7rem;
  }
}

.access-info {
  margin-top: 4rem;
}
@media (min-width: 1024px) {
  .access-info {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    gap: 0 3.5rem;
  }
}
.access-info > .name {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #707070;
  line-height: 1;
}
.access-info > .name > .en {
  font-size: 3.9rem;
}
@media (min-width: 768px) {
  .access-info > .name > .en {
    font-size: 5.6rem;
  }
}
.access-info > .name > .jp {
  display: inline-block;
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .access-info > .name > .jp {
    margin-left: 2rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 1024px) {
  .access-info > .address {
    grid-column-start: 1;
    grid-row-start: 2;
  }
}
@media (min-width: 1024px) {
  .access-info > .tel {
    grid-row: span 2/span 2;
    grid-column-start: 2;
    grid-row-start: 1;
    align-self: flex-end;
  }
}
@media not all and (min-width: 1024px) {
  .access-info > .tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1rem;
  }
}

.section-talent {
  margin-bottom: 5.5rem;
}

.article-title {
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-weight: bold;
  font-size: 2rem;
}
@media (min-width: 768px) {
  .article-title {
    margin-top: 2rem;
    margin-bottom: 4rem;
    font-size: 2.8rem;
  }
}

.article-news {
  border: 2px solid #DBB4B4;
  border-radius: 8px;
  padding: 1rem;
}
@media (min-width: 768px) {
  .article-news {
    padding: 7rem 2rem;
  }
}
.article-news > .info, .article-news > .article-title, .article-news > .contents-wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 66rem;
}
.article-news > .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.article-news > .info > .date {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin-left: 1em;
  color: #909090;
}
.article-news > .info > .categories[role=list] {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.article-news > .info > .categories[role=list] > .cat {
  background: var(--km-color-primary);
  color: #fff;
  font-size: 1rem;
  line-height: 1;
  padding: 0.3em 0.6em;
  border-radius: 5px;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .article-news > .info > .categories[role=list] > .cat {
    margin-bottom: 1rem;
    font-size: 1.4rem;
  }
}

.contents-wrap p {
  margin-top: 1em;
}
.contents-wrap img {
  margin: 1em auto;
}
/*# sourceMappingURL=style.css.map */