@charset "UTF-8";
/* line 4, cases.scss */
article .cbox {
  background-color: #E5E8EB; }
/* line 7, cases.scss */
article h3 {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  color: #0E3E6A;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 28px; }
  @media screen and (max-width: 800px) {
    /* line 7, cases.scss */
    article h3 {
      gap: 9px;
      font-size: 14px;
      margin-bottom: 20px; } }
  /* line 21, cases.scss */
  article h3 .now {
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    line-height: 1; }
    @media screen and (max-width: 800px) {
      /* line 21, cases.scss */
      article h3 .now {
        font-size: 18px; } }
    /* line 31, cases.scss */
    article h3 .now.tagname::before {
      display: inline-block;
      content: "＃ "; }

/* line 40, cases.scss */
.cases-category {
  margin-bottom: 60px; }
  @media screen and (max-width: 800px) {
    /* line 40, cases.scss */
    .cases-category {
      margin-bottom: 40px; } }
  /* line 45, cases.scss */
  .cases-category h2 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px; }
    @media screen and (max-width: 800px) {
      /* line 45, cases.scss */
      .cases-category h2 {
        margin-bottom: 12px; } }
  /* line 53, cases.scss */
  .cases-category .categorylist {
    display: flex;
    gap: 12px 20px; }
    @media screen and (max-width: 800px) {
      /* line 53, cases.scss */
      .cases-category .categorylist {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 12px 0; } }
    /* line 61, cases.scss */
    .cases-category .categorylist li {
      width: 100%;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 800px) {
        /* line 61, cases.scss */
        .cases-category .categorylist li {
          width: 48.7%; } }
      /* line 69, cases.scss */
      .cases-category .categorylist li.current a {
        color: #FFFFFF;
        background-color: #0E3E6A; }
        /* line 72, cases.scss */
        .cases-category .categorylist li.current a.c01 {
          color: #FFFFFF;
          background-color: #005EAF; }
        /* line 76, cases.scss */
        .cases-category .categorylist li.current a.c02 {
          color: #FFFFFF;
          background-color: #00AF9B; }
      /* line 82, cases.scss */
      .cases-category .categorylist li a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        min-height: 50px;
        color: #0E3E6A;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.05em;
        line-height: 1.56;
        text-decoration: none;
        border: 1px solid #0E3E6A;
        background-color: #FFFFFF;
        border-radius: 9999px;
        transition: color 0.3s ease-out,background-color 0.3s ease-out; }
        @media screen and (min-width: 800px) {
          /* line 99, cases.scss */
          .cases-category .categorylist li a:hover {
            color: #FFFFFF;
            background-color: #0E3E6A; }
            /* line 102, cases.scss */
            .cases-category .categorylist li a:hover.c01 {
              color: #FFFFFF;
              background-color: #005EAF; }
            /* line 106, cases.scss */
            .cases-category .categorylist li a:hover.c02 {
              color: #FFFFFF;
              background-color: #00AF9B; } }
        @media screen and (max-width: 800px) {
          /* line 82, cases.scss */
          .cases-category .categorylist li a {
            min-height: 46px;
            font-size: 13px; } }
        /* line 116, cases.scss */
        .cases-category .categorylist li a.c01 {
          color: #005EAF;
          border: 1px solid #005EAF; }
        /* line 120, cases.scss */
        .cases-category .categorylist li a.c02 {
          color: #00AF9B;
          border: 1px solid #00AF9B; }

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