@charset "UTF-8";
/* ============================================ */
/* font
/* ============================================ */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap");
/* ============================================ */
/* reset（destyle.cssの追加設定） 
/* ============================================ */
html {
  box-sizing: border-box;
  line-break: strict;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

/* ============================================ */
/* :root 
/* ============================================ */
:root {
  --fontfamily-gothic: "Noto Sans JP", sans-serif;
  --fontfamily-en: "Montserrat", sans-serif;
  --color-white: #fff;
  --color-black: #000;
  --color-lightbeige: #f7f2e7;
  --color-beige: #efe5d1;
  --color-lightgray: #f7f7f7;
  --color-red: #d31619;
}

/* ============================================ */
/* base
/* ============================================ */
body {
  position: relative;
  font-family: var(--fontfamily-gothic);
  font-weight: 400;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2.2;
  overflow-x: hidden;
  letter-spacing: 0.05em;
}

#main {
  background: var(--color-white);
  padding: 120px 0 0;
  overflow: hidden;
}

img {
  max-width: 100%;
}

img[src$=".svg"] {
  width: 100%;
}

@media screen and (max-width: 1200px) {
  #main {
    padding: 70px 0 0;
  }
}
@media screen and (max-width: 768px) {
  body {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 600px) {
  #main {
    padding: 55px 0 0;
  }
}
/* ============================================ */
/* カーソルカスタマイズ
/* ============================================ */
@media (hover: hover) {
  body {
    cursor: none;
  }
  #cursor {
    position: fixed;
    z-index: 9999;
    pointer-events: none;
  }
  #cursor::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background: var(--color-red);
    border: solid var(--color-white) 1px;
    border-radius: 50%;
    transform-origin: center;
    transform: translate(-50%, -50%) scale(1);
    transition: 0.3s;
  }
  #cursor.active::before {
    width: 27px;
    height: 27px;
    background: var(--color-red);
  }
}
/* ============================================ */
/* 共通style
/* ============================================ */
/* ===== 表示切り替え ===== */
.d-switch {
  display: none !important;
}

@media screen and (min-width: 1401px) {
  .d-switch.min-xxl {
    display: block !important;
  }
}
@media screen and (max-width: 1400px) {
  .d-switch.max-xxl {
    display: block !important;
  }
}
@media screen and (min-width: 1201px) {
  .d-switch.min-xl {
    display: block !important;
  }
}
@media screen and (max-width: 1200px) {
  .d-switch.max-xl {
    display: block !important;
  }
}
@media screen and (min-width: 1025px) {
  .d-switch.min-lg {
    display: block !important;
  }
}
@media screen and (max-width: 1024px) {
  .d-switch.max-lg {
    display: block !important;
  }
}
@media screen and (min-width: 769px) {
  .d-switch.min-md {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .d-switch.max-md {
    display: block !important;
  }
}
@media screen and (min-width: 601px) {
  .d-switch.min-sm {
    display: block !important;
  }
}
@media screen and (max-width: 600px) {
  .d-switch.max-sm {
    display: block !important;
  }
}
@media screen and (min-width: 361px) {
  .d-switch.min-xs {
    display: block !important;
  }
}
@media screen and (max-width: 360px) {
  .d-switch.max-xs {
    display: block !important;
  }
}
/* ===== page-transition ===== */
.page-transition {
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.page-transition.is-visible {
  opacity: 1;
}

.page-transition.is-leaving {
  opacity: 0;
}

/* ===== wrap ===== */
.out-wrap {
  position: relative;
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
}

.in-wrap {
  position: relative;
}
.in-wrap.right {
  margin: 0 0 0 auto;
}

.wrap {
  position: relative;
  max-width: 1300px;
  margin: 0 auto;
}

@media screen and (min-width: 1201px) {
  .wrap.indent {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media screen and (min-width: 1801px) {
  .in-wrap {
    width: calc(100% - (100% - 1300px) / 2);
  }
  .wrap {
    width: 100%;
  }
}
@media screen and (max-width: 1800px) {
  .in-wrap {
    width: 90%;
  }
  .wrap {
    width: 80%;
  }
}
/* ===== wrap（色付角丸） ===== */
.color-wrap {
  border-radius: 40px;
}
.color-wrap.beige {
  background: var(--color-lightbeige);
}
.color-wrap.red {
  background: var(--color-red);
}
.color-wrap.gray {
  background: var(--color-lightgray);
}
.color-wrap.white {
  background: var(--color-white);
}

/* ===== top-area（サブページカテゴリー） ===== */
#category-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100px;
}
#category-name .flex-wrap {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
#category-name .en {
  display: block;
}
#category-name .ja {
  display: block;
}
#category-name .red {
  fill: var(--color-red);
}
#category-name .wh {
  fill: var(--color-white);
}

.company #category-name .en {
  width: 154px;
}
.company #category-name .ja {
  width: 153px;
}

.work #category-name .en {
  width: 96px;
}
.work #category-name .ja {
  width: 241.5px;
}

.people #category-name .en {
  width: 111px;
}
.people #category-name .ja {
  width: 123px;
}

.environment #category-name .en {
  width: 217px;
}
.environment #category-name .ja {
  width: 212px;
}

.recruit #category-name .en {
  width: 124px;
}
.recruit #category-name .ja {
  width: 128px;
}

@media screen and (max-width: 1400px) {
  #category-name .flex-wrap {
    gap: 15px;
  }
  .company #category-name .en {
    width: 123.2px;
  }
  .company #category-name .ja {
    width: 122.4px;
  }
  .work #category-name .en {
    width: 76.8px;
  }
  .work #category-name .ja {
    width: 144.9px;
  }
  .people #category-name .en {
    width: 88.8px;
  }
  .people #category-name .ja {
    width: 98.4px;
  }
  .environment #category-name .en {
    width: 173.6px;
  }
  .environment #category-name .ja {
    width: 169.6px;
  }
  .recruit #category-name .en {
    width: 99.2px;
  }
  .recruit #category-name .ja {
    width: 102.4px;
  }
}
@media screen and (max-width: 768px) {
  #category-name {
    height: 80px;
  }
  #category-name .flex-wrap {
    gap: 10px;
  }
  .company #category-name .en {
    width: 107.8px;
  }
  .company #category-name .ja {
    width: 107.1px;
  }
  .work #category-name .en {
    width: 67.2px;
  }
  .work #category-name .ja {
    width: 120.75px;
  }
  .people #category-name .en {
    width: 77.7px;
  }
  .people #category-name .ja {
    width: 86.1px;
  }
  .environment #category-name .en {
    width: 151.9px;
  }
  .environment #category-name .ja {
    width: 148.4px;
  }
  .recruit #category-name .en {
    width: 86.8px;
  }
  .recruit #category-name .ja {
    width: 89.6px;
  }
}
/* ===== top-area（サブページページ名） ===== */
#top-area .page-name {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#top-area .page-name .en {
  display: block;
  margin: 0 0 10px;
}
#top-area .page-name .ja {
  display: block;
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 600;
  line-height: 1.5;
}
#top-area .top-text.wh {
  color: var(--color-white);
}
#top-area .top-text.bk {
  color: var(--color-black);
}

.page-name.about .en {
  width: 159px;
}

.page-name.numbers-keywords .en {
  width: 388px;
}

.page-name.support-training .en {
  width: 311px;
}

.page-name.career-step .en {
  width: 180px;
}

.page-name.message .en {
  width: 124px;
}

.page-name.requirements-flow-faq .en {
  width: 470px;
}

@media screen and (max-width: 1400px) {
  #top-area .page-name .ja {
    font-size: 42px;
    font-size: 2.625rem;
  }
}
@media screen and (max-width: 1200px) {
  #top-area .page-name .ja {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 768px) {
  #top-area .page-name .ja {
    font-size: 30px;
    font-size: 1.875rem;
  }
  #top-area .page-name.about .en {
    width: 111.3px;
  }
  #top-area .page-name.numbers-keywords .en {
    width: 271.6px;
  }
  #top-area .page-name.support-training .en {
    width: 217.7px;
  }
  #top-area .page-name.career-step .en {
    width: 126px;
  }
  #top-area .page-name.message .en {
    width: 86.8px;
  }
  #top-area .page-name.requirements-flow-faq .en {
    width: 329px;
  }
}
@media screen and (max-width: 600px) {
  #top-area .page-name .ja {
    font-size: 22px;
    font-size: 1.375rem;
  }
  #top-area .page-name.about .en {
    width: 95.4px;
  }
  #top-area .page-name.numbers-keywords .en {
    width: 232.8px;
  }
  #top-area .page-name.support-training .en {
    width: 186.6px;
  }
  #top-area .page-name.career-step .en {
    width: 108px;
  }
  #top-area .page-name.message .en {
    width: 74.4px;
  }
  #top-area .page-name.requirements-flow-faq .en {
    width: 282px;
  }
}
/* ===== top-area（ver01） ===== */
#top-area.ver01 {
  position: relative;
  padding: 160px 0 170px;
}
#top-area.ver01 .top-text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 500px;
}
#top-area.ver01 .top-text .page-name {
  text-align: right;
}
#top-area.ver01 .top-text .page-name .ja {
  min-height: 170px;
}
#top-area.ver01 .top-text p {
  width: 100%;
  max-width: 320px;
}
#top-area.ver01 .top-img {
  position: absolute;
  left: 550px;
  top: -250px;
  width: calc(100% - 550px + 8%);
  height: 530px;
  border-radius: 30px;
  overflow: hidden;
  background: #CCC;
}

@media screen and (max-width: 1400px) {
  #top-area.ver01 .top-text {
    width: 400px;
  }
  #top-area.ver01 .top-text .page-name .ja {
    min-height: 140px;
  }
  #top-area.ver01 .top-img {
    left: 450px;
    width: calc(100% - 450px + 8%);
  }
}
@media screen and (max-width: 1200px) {
  #top-area.ver01 {
    padding: 110px 0 120px;
  }
  #top-area.ver01 .top-text {
    width: 350px;
  }
  #top-area.ver01 .top-text .page-name .ja {
    min-height: 120px;
  }
  #top-area.ver01 .top-img {
    left: 400px;
    top: -200px;
    width: calc(100% - 400px + 8%);
    height: 440px;
  }
}
@media screen and (max-width: 1024px) {
  #top-area.ver01 {
    padding: 60px 0 100px;
  }
  #top-area.ver01 .top-text {
    align-items: flex-start;
    width: 100%;
  }
  #top-area.ver01 .top-text .page-name {
    align-items: flex-start;
    text-align: left;
    margin: 0 0 30px;
  }
  #top-area.ver01 .top-text .page-name .ja {
    min-height: auto;
  }
  #top-area.ver01 .top-text p {
    max-width: none;
  }
  #top-area.ver01 .top-img {
    position: relative;
    inset: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 321/172;
    margin: 50px 0 0;
  }
}
@media screen and (max-width: 768px) {
  #top-area.ver01 {
    padding: 45px 0 60px;
  }
  #top-area.ver01 .top-text .page-name {
    margin: 0 0 20px;
  }
  #top-area.ver01 .top-img {
    margin: 30px 0 0;
  }
}
/* ===== top-area（ver02） ===== */
#top-area.ver02 {
  position: relative;
  padding: 80px 0 100px;
}

@media screen and (max-width: 1024px) {
  #top-area.ver02 .page-name {
    align-items: flex-start;
    text-align: left;
    margin: 0 0 30px;
  }
}
@media screen and (max-width: 768px) {
  #top-area.ver02 {
    padding: 45px 0 60px;
  }
}
/* ===== intro-text ===== */
.intro-text {
  margin: 60px 0 100px;
}

@media screen and (max-width: 768px) {
  .intro-text {
    margin: 50px 0 60px;
  }
}
/* ===== 背景画像 ===== */
.before-bg {
  position: relative;
  overflow: hidden;
}
.before-bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #CCC;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: transform 0.3s;
}

/* ===== hover効果 ===== */
/* 拡大 */
.hover-zoom img {
  transition: transform 0.3s;
}

@media (hover: hover) {
  a:hover .hover-zoom img {
    transform: scale(1.05);
  }
  a:hover .hover-zoom .before-bg::before {
    transform: scale(1.05);
  }
  .hover-zoom:hover .before-bg::before {
    transform: scale(1.05);
  }
  .hover-zoom:hover.before-bg::before {
    transform: scale(1.05);
  }
}
/* 下線 */
.hover-underline {
  position: relative;
}
.hover-underline:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: currentColor;
  transform-origin: left center;
  transform: scale(0, 1);
  transition: transform 0.3s;
}

@media (hover: hover) {
  .hover-underline:hover:before {
    transform: scale(1, 1);
  }
}
/* ===== g-title（square） ===== */
.g-title.square {
  position: relative;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 1.5em;
  padding: 0 0 0 2em;
}
.g-title.square::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.3em;
  display: inline-block;
  width: 1.4em;
  height: 1em;
  background: var(--color-red);
}

@media screen and (min-width: 1201px) {
  .wrap.indent .g-title {
    left: -2em;
  }
}
@media screen and (max-width: 768px) {
  .g-title.square {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 600px) {
  .g-title.square {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
/* ===== view-more ===== */
.view-more {
  display: block;
  width: 85px;
  stroke-miterlimit: 10;
}
.view-more.red {
  fill: var(--color-red);
}
.view-more.wh {
  fill: var(--color-white);
}

/* ===== リンク関連 ===== */
/* アイコン設定 */
.icon-arrow,
.icon-blank {
  transition: 0.3s;
}

.icon-arrow {
  width: 22px;
  stroke: var(--color-black);
}
.icon-arrow.red {
  stroke: var(--color-red);
}

.icon-blank {
  width: 15px;
  stroke: var(--color-black);
}

@media (hover: hover) {
  a:hover .icon-arrow {
    transform: translateX(10px);
  }
}
/* type01（角丸ボタン） */
.g-btn01 {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5em;
  max-width: 18em;
  min-height: 40px;
  font-weight: 500;
  border-radius: 1.5em;
  padding: 0.3em 1.5em;
  border: solid 1px var(--color-red);
  overflow: hidden;
  transition: 0.3s;
}
.g-btn01::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #CCC;
  transform: translateX(-100%);
  transition: 0.3s;
}
.g-btn01 .btn-text {
  position: relative;
}
.g-btn01:has(.view-more) {
  max-width: 12em;
}
.g-btn01 .icon-blank,
.g-btn01 .icon-arrow {
  position: relative;
}
.g-btn01.wh {
  color: var(--color-red);
  background: var(--color-white);
}
.g-btn01.wh::before {
  background: var(--color-red);
}
.g-btn01.wh .icon-arrow,
.g-btn01.wh .icon-blank {
  stroke: var(--color-red);
}
.g-btn01.wh .view-more {
  fill: var(--color-red);
}
.g-btn01.red {
  color: var(--color-white);
  background: var(--color-red);
}
.g-btn01.red::before {
  background: var(--color-white);
}
.g-btn01.red .icon-arrow,
.g-btn01.red .icon-blank {
  stroke: var(--color-white);
}

@media (hover: hover) {
  .g-btn01:hover:not(.no-change)::before {
    transform: translateX(0);
  }
  .g-btn01:hover:not(.no-change).wh {
    color: var(--color-white);
  }
  .g-btn01:hover:not(.no-change).wh .icon-arrow,
.g-btn01:hover:not(.no-change).wh .icon-blank {
    stroke: var(--color-white);
  }
  .g-btn01:hover:not(.no-change).red {
    color: var(--color-red);
  }
  .g-btn01:hover:not(.no-change).red .icon-arrow,
.g-btn01:hover:not(.no-change).red .icon-blank {
    stroke: var(--color-red);
  }
}
/* ===== job-icon ===== */
.job-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2%;
  width: 100px;
  height: auto;
  aspect-ratio: 1/1;
  color: var(--color-white);
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 500;
  padding: 0 0 7px;
  -webkit-clip-path: circle(50% at 50% 50%);
          clip-path: circle(50% at 50% 50%);
}
.job-icon::before {
  content: "";
  width: 50%;
  height: auto;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.job-icon::after {
  white-space: pre;
  text-align: center;
  line-height: 1.2;
}
.job-icon.no-text {
  width: 87px;
  padding: 0;
}
.job-icon.no-text::before {
  width: 60%;
}
.job-icon.no-text::after {
  display: none;
}
.job-icon.red {
  background: var(--color-red);
}
.job-icon.bk {
  background: var(--color-black);
}
.job-icon.sales::before {
  background-image: url(../img/common/job-icon_sales.svg);
}
.job-icon.sales::after {
  content: "営　業";
}
.job-icon.overseas-marketing::before {
  background-image: url(../img/common/job-icon_overseas-marketing.svg);
}
.job-icon.overseas-marketing::after {
  content: "海外営業＆\aマーケ";
}
.job-icon.product::before {
  background-image: url(../img/common/job-icon_product.svg);
}
.job-icon.product::after {
  content: "商品開発";
}
.job-icon.marketing::before {
  background-image: url(../img/common/job-icon_marketing.svg);
}
.job-icon.marketing::after {
  content: "マーケティング";
}
.job-icon.distribution::before {
  background-image: url(../img/common/job-icon_distribution.svg);
}
.job-icon.distribution::after {
  content: "流通管理";
}
.job-icon.quality::before {
  background-image: url(../img/common/job-icon_quality.svg);
}
.job-icon.quality::after {
  content: "品質保証";
}
.job-icon.dx::before {
  background-image: url(../img/common/job-icon_dx.svg);
}
.job-icon.dx::after {
  content: "DX";
}
.job-icon.administration::before {
  background-image: url(../img/common/job-icon_administration.svg);
}
.job-icon.administration::after {
  content: "総務・人事・\a経理";
}

@media screen and (max-width: 768px) {
  .job-icon {
    width: 80px;
    font-size: 10px;
    font-size: 0.625rem;
  }
  .job-icon.no-text {
    width: 62px;
  }
}
/* ===== people-list ===== */
.people-list .item {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.people-list .item a {
  position: relative;
  display: block;
  width: 260px;
  margin: 150px 0 0;
}
.people-list .item .job-icon {
  position: absolute;
  left: 0;
  top: 0;
  background: var(--color-black);
  z-index: 2;
  transform: translate(-40%, -10%);
  width: 100px;
  font-size: 11px;
  font-size: 0.6875rem;
}
.people-list .item .profile {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  color: var(--color-white);
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 500;
  text-align: center;
  background: var(--color-red);
  -webkit-clip-path: circle(47% at 50% 50%);
          clip-path: circle(47% at 50% 50%);
  padding: 10% 0 0;
  z-index: 1;
  transition: 0.3s;
}
.people-list .item .profile .department {
  line-height: 1.5;
}
.people-list .item .profile .name {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: var(--fontfamily-en);
  line-height: 1;
  margin: 0.5em auto 0.2em;
}
.people-list .item .profile .view-more {
  margin: 30px auto 0;
}
.people-list .item .people {
  position: absolute;
  display: block;
  z-index: 2;
}
.people-list .item .catch {
  position: absolute;
  transform: rotate(9deg);
}

@media (hover: hover) {
  .people-list .item:hover .profile {
    -webkit-clip-path: circle(50% at 50% 50%);
            clip-path: circle(50% at 50% 50%);
  }
}
/* ===== people-list（画像とキャッチの個別設定） ===== */
.people-list .rk .people {
  left: 80%;
  bottom: 17%;
  width: 90px;
}
.people-list .rk .catch {
  left: 17%;
  bottom: 110%;
}
.people-list .nt .people {
  left: 60%;
  bottom: 0;
  width: 158px;
  z-index: 0;
}
.people-list .nt .catch {
  left: 26%;
  bottom: 107%;
}
.people-list .ky .people {
  left: 53%;
  bottom: 40%;
  width: 167px;
}
.people-list .ky .catch {
  left: -11%;
  bottom: 118%;
}
.people-list .mh .people {
  left: 73%;
  bottom: 0;
  width: 90px;
}
.people-list .mh .catch {
  left: 22%;
  bottom: 115%;
}
.people-list .hk .people {
  left: 45%;
  bottom: 79%;
  width: 136px;
}
.people-list .hk .catch {
  left: 105%;
  bottom: 103%;
}
.people-list .catch {
  width: 98%;
}

@media screen and (max-width: 1400px) {
  .people-list .hk .catch {
    left: 0;
    bottom: 110%;
  }
}
/* ===== box ===== */
.g-box-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 25px 0;
}

.g-box {
  position: relative;
  line-height: 2.2;
  padding: 35px 40px 50px;
  background: var(--color-white);
  border-radius: 20px;
}
.g-box.full {
  width: 100%;
}
.g-box.half {
  width: 48.5%;
}
.g-box.three {
  width: 31%;
}
.g-box .title {
  color: var(--color-red);
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  margin: 0 0 1.7em;
}
.g-box .text {
  text-align: justify;
}

@media screen and (max-width: 1400px) {
  .g-box {
    padding: 30px 30px 40px;
  }
  .g-box.three {
    width: 48.5%;
  }
  .g-box .title {
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0 0 0.8em;
  }
}
@media screen and (max-width: 768px) {
  .g-box-wrap {
    gap: 20px 0;
  }
  .g-box {
    padding: 25px 20px 30px;
  }
  .g-box .title {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 600px) {
  .g-box-wrap {
    flex-direction: column;
  }
  .g-box.half {
    width: 100%;
  }
  .g-box.three {
    width: 100%;
  }
}
/* ===== table ===== */
.g-table {
  width: 100%;
}
.g-table tr + tr {
  border-top: dashed 1px #ccc;
}
.g-table th,
.g-table td {
  padding: 0.9em;
}
.g-table th {
  font-weight: 600;
  white-space: nowrap;
}

@media screen and (max-width: 600px) {
  .g-table tr {
    display: block;
  }
  .g-table th,
.g-table td {
    display: block;
  }
  .g-table th {
    padding: 1.1em 0.7em 0;
  }
  .g-table td {
    padding: 0 0.7em 1.1em;
  }
}

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