@charset "utf-8";


/*
==================================
2022/04/01 renewal
==================================
*/
/*
=================================================

util

=================================================
*/
@media print, screen and (min-width: 897px) {
  .u-hide-over-tablet {
    display: none !important;
  }
}
@media only screen and (max-width: 896px) {
  /* SP */
  .u-hide-under-tablet {
    display: none !important;
  }
}
/*
=================================================

共通

=================================================
*/

@media print, (min-width: 897px) {
  /* PC */
  .tablet {
    display: none;
  }
}

@media print, (min-width: 897px) {
  /* PC */
  .sp {
    display: none;
  }
}

@media only screen and (max-width: 896px) {
  /* SP */
  .pc {
    display: none;
  }
  .c-humb-inner.tablet {
    display: block;
  }
}

/*
=================================================

header

=================================================
*/
@media print, (min-width: 897px) {
  /* PC */
  .c-hdr {
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(207,210,213, 0.8);
    box-shadow: 0px 2px 0px 0px rgba(207,210,213, 0.8);
    margin-bottom: 2px;
    position: relative;
    z-index: 100;
  }
  .c-hdr-inner {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0 18px;
  }
  .c-hdr__ttl {
    display: block;
    width: 336px;
    padding-right: 24px;
  }
  .c-hdr__logo {
    display: block;
    width: 104px;
    line-height: 1;
    margin-bottom: 12px;
  }
  .c-hdr__logo img {
    width: 100%;
  }
  .c-hdr__thumbs {
    display: block;
    width: 260px;
    line-height: 1;
    margin-bottom: 8px;
  }
  .c-hdr__thumbs img {
    width: 100%;
  }
  .c-hdr__txt {
    color: #505558;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.274;
  }
  .c-hdr-gnav {
    padding: 32px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .c-hdr-gnav__items {
    position: relative;
  }
  .c-hdr-gnav__items:hover .c-hdr-gnav__name{
    opacity: 0.8;
  }
  .c-hdr-gnav__items:hover .c-gnav__cnt{
    display: block;
  }
  .c-hdr-gnav__name {
    font-size: 18px;
    color: #002233;
    padding-right: 24px;
    margin-right: 24px;
    cursor: pointer;
    position: relative;
  }
  .c-hdr-gnav__name::after {
    content: "";
    width: 15px;
    height: 9px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
  }
  .c-hdr-gnav__name--kosodate::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%229%22%20viewBox%3D%220%200%2015%209%22%3E%3Cpath%20d%3D%22M1765.265%2C432.965a1.5%2C1.5%2C0%2C0%2C1-1.061-.439l-6-6a1.5%2C1.5%2C0%2C0%2C1%2C0-2.121l6-6a1.5%2C1.5%2C0%2C0%2C1%2C2.121%2C2.121l-4.939%2C4.939%2C4.939%2C4.939a1.5%2C1.5%2C0%2C0%2C1-1.061%2C2.561Z%22%20transform%3D%22translate(-417.965%201766.765)%20rotate(-90)%22%20fill%3D%22%23fc7171%22%2F%3E%3C%2Fsvg%3E');
  }
  .c-hdr-gnav__name--kyoiku::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%229%22%20viewBox%3D%220%200%2015%209%22%3E%3Cpath%20d%3D%22M1765.265%2C432.965a1.5%2C1.5%2C0%2C0%2C1-1.061-.439l-6-6a1.5%2C1.5%2C0%2C0%2C1%2C0-2.121l6-6a1.5%2C1.5%2C0%2C0%2C1%2C2.121%2C2.121l-4.939%2C4.939%2C4.939%2C4.939a1.5%2C1.5%2C0%2C0%2C1-1.061%2C2.561Z%22%20transform%3D%22translate(-417.965%201766.765)%20rotate(-90)%22%20fill%3D%22%23F8A259%22%2F%3E%3C%2Fsvg%3E');
  }
  .c-hdr-gnav__name--juken::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%229%22%20viewBox%3D%220%200%2015%209%22%3E%3Cpath%20d%3D%22M1765.265%2C432.965a1.5%2C1.5%2C0%2C0%2C1-1.061-.439l-6-6a1.5%2C1.5%2C0%2C0%2C1%2C0-2.121l6-6a1.5%2C1.5%2C0%2C0%2C1%2C2.121%2C2.121l-4.939%2C4.939%2C4.939%2C4.939a1.5%2C1.5%2C0%2C0%2C1-1.061%2C2.561Z%22%20transform%3D%22translate(-417.965%201766.765)%20rotate(-90)%22%20fill%3D%22%235DA2DE%22%2F%3E%3C%2Fsvg%3E');
  }
  .c-hdr-gnav__name--eigo::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%229%22%20viewBox%3D%220%200%2015%209%22%3E%3Cpath%20d%3D%22M1765.265%2C432.965a1.5%2C1.5%2C0%2C0%2C1-1.061-.439l-6-6a1.5%2C1.5%2C0%2C0%2C1%2C0-2.121l6-6a1.5%2C1.5%2C0%2C0%2C1%2C2.121%2C2.121l-4.939%2C4.939%2C4.939%2C4.939a1.5%2C1.5%2C0%2C0%2C1-1.061%2C2.561Z%22%20transform%3D%22translate(-417.965%201766.765)%20rotate(-90)%22%20fill%3D%22%2375D6A1%22%2F%3E%3C%2Fsvg%3E');
  }
  .c-hdr-gnav__name--age::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%229%22%20viewBox%3D%220%200%2015%209%22%3E%3Cpath%20d%3D%22M1765.265%2C432.965a1.5%2C1.5%2C0%2C0%2C1-1.061-.439l-6-6a1.5%2C1.5%2C0%2C0%2C1%2C0-2.121l6-6a1.5%2C1.5%2C0%2C0%2C1%2C2.121%2C2.121l-4.939%2C4.939%2C4.939%2C4.939a1.5%2C1.5%2C0%2C0%2C1-1.061%2C2.561Z%22%20transform%3D%22translate(-417.965%201766.765)%20rotate(-90)%22%20fill%3D%22%235DA2DE%22%2F%3E%3C%2Fsvg%3E');
  }
  .c-hdr-gnav__name:last-of-type {
    margin-right: 0;
  }
  .c-gnav__cnt {
    display: none;
    padding-top: 46px;
    background-color: transparent;
    position: absolute;
    z-index: 10;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
  }
  .c-gnav__list {
    width: 223.5px;
    padding: 30px 32px;
    background-color: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 12px 6px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 12px 6px rgba(0,0,0,0.15);
    position: relative;
  }
  .c-gnav__list::before {
    content: "";
    width: 32px;
    height: 19px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2219.08%22%20viewBox%3D%220%200%2032%2019.08%22%3E%3Cpath%20d%3D%22M14.468%2C1.827a2%2C2%2C0%2C0%2C1%2C3.065%2C0L29.245%2C15.795a2%2C2%2C0%2C0%2C1-1.532%2C3.285H4.287a2%2C2%2C0%2C0%2C1-1.532-3.285Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
  }
  .c-gnav__items {
    font-size: 16px;
    line-height: 1.25;
    position: relative;
  }
  .c-gnav__items::after {
    content: "";
    width: 6px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
  }
  .c-gnav__items--top {
    padding-bottom: 10px;
    margin-bottom: 10px !important;
    border-bottom: solid 1px #E9EEF2;
    font-weight: bold;
  }
  .c-gnav__items--top.c-gnav__items::after {
    top: calc(50% - 5px);
  }
  .c-gnav__items--top.c-gnav__items--kosodate a {
    color: #FC7171 !important;
  }
  .c-gnav__items--top.c-gnav__items--kyoiku a {
    color: #F8A259 !important;
  }
  .c-gnav__items--top.c-gnav__items--juken a {
    color: #5DA2DE !important;
  }
  .c-gnav__items--top.c-gnav__items--eigo a {
    color: #75D6A1 !important;
  }
  .c-gnav__items--kosodate::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%3E%3Cpath%20d%3D%22M4%2C9a1%2C1%2C0%2C0%2C1-.707-.293l-4-4A1%2C1%2C0%2C0%2C1-1%2C4a1%2C1%2C0%2C0%2C1%2C.293-.707l4-4a1%2C1%2C0%2C0%2C1%2C1.414%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.414L1.414%2C4%2C4.707%2C7.293A1%2C1%2C0%2C0%2C1%2C4%2C9Z%22%20transform%3D%22translate(5%209)%20rotate(180)%22%20fill%3D%22%23fc7171%22%2F%3E%3C%2Fsvg%3E');
  }
  .c-gnav__items--kyoiku::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%3E%3Cpath%20d%3D%22M4%2C9a1%2C1%2C0%2C0%2C1-.707-.293l-4-4A1%2C1%2C0%2C0%2C1-1%2C4a1%2C1%2C0%2C0%2C1%2C.293-.707l4-4a1%2C1%2C0%2C0%2C1%2C1.414%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.414L1.414%2C4%2C4.707%2C7.293A1%2C1%2C0%2C0%2C1%2C4%2C9Z%22%20transform%3D%22translate(5%209)%20rotate(180)%22%20fill%3D%22%23F8A259%22%2F%3E%3C%2Fsvg%3E');
  }
  .c-gnav__items--juken::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%3E%3Cpath%20d%3D%22M4%2C9a1%2C1%2C0%2C0%2C1-.707-.293l-4-4A1%2C1%2C0%2C0%2C1-1%2C4a1%2C1%2C0%2C0%2C1%2C.293-.707l4-4a1%2C1%2C0%2C0%2C1%2C1.414%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.414L1.414%2C4%2C4.707%2C7.293A1%2C1%2C0%2C0%2C1%2C4%2C9Z%22%20transform%3D%22translate(5%209)%20rotate(180)%22%20fill%3D%22%235DA2DE%22%2F%3E%3C%2Fsvg%3E');
  }
  .c-gnav__items--eigo::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%3E%3Cpath%20d%3D%22M4%2C9a1%2C1%2C0%2C0%2C1-.707-.293l-4-4A1%2C1%2C0%2C0%2C1-1%2C4a1%2C1%2C0%2C0%2C1%2C.293-.707l4-4a1%2C1%2C0%2C0%2C1%2C1.414%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.414L1.414%2C4%2C4.707%2C7.293A1%2C1%2C0%2C0%2C1%2C4%2C9Z%22%20transform%3D%22translate(5%209)%20rotate(180)%22%20fill%3D%22%2375D6A1%22%2F%3E%3C%2Fsvg%3E');
  }
  .c-gnav__items--age::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%3E%3Cpath%20d%3D%22M4%2C9a1%2C1%2C0%2C0%2C1-.707-.293l-4-4A1%2C1%2C0%2C0%2C1-1%2C4a1%2C1%2C0%2C0%2C1%2C.293-.707l4-4a1%2C1%2C0%2C0%2C1%2C1.414%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.414L1.414%2C4%2C4.707%2C7.293A1%2C1%2C0%2C0%2C1%2C4%2C9Z%22%20transform%3D%22translate(5%209)%20rotate(180)%22%20fill%3D%22%235DA2DE%22%2F%3E%3C%2Fsvg%3E');
  }
  .c-gnav__items:not(:last-of-type) {
    margin-bottom: 8px;
  }
  .c-gnav__items a {
    display: block;
    color: #002233 !important;
  }

  .c-hdr-seek {
    padding-top: 32px;
  }
  .c-hdr-seek__txtarea {
    border: 1px solid #CFD2D5;
    border-radius: 4px;
    width: 318px;
    position: relative;
  }
  .c-hdr-seek__txt {
    border: none;
    color: #002233;
    background: transparent;
    width: 278px;
    font-size: 14px;
    padding: 8px 12px;
    box-sizing: border-box;
  }
  .c-hdr-seek__txt:focus-visible {
    outline: none;
  }
  .c-hdr-seek__txt::placeholder {
    color: #CFD2D5;
  }
  .c-hdr-seek__txt::-ms-input-placeholder {
    color: #CFD2D5;
  }
  .c-hdr-seek__txt:-ms-input-placeholder {
    color: #CFD2D5;
  }
  .c-hdr-seek__submit {
    content: "";
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%2F%3E%3Cg%20transform%3D%22translate(2%2013.314)%20rotate(-45)%22%3E%3Cpath%20d%3D%22M8%2C2a6%2C6%2C0%2C1%2C0%2C6%2C6A6.007%2C6.007%2C0%2C0%2C0%2C8%2C2M8%2C0A8%2C8%2C0%2C1%2C1%2C0%2C8%2C8%2C8%2C0%2C0%2C1%2C8%2C0Z%22%20fill%3D%22%235da2de%22%2F%3E%3Cpath%20d%3D%22M1%2C8H-1V0H1Z%22%20transform%3D%22translate(8%2016)%22%20fill%3D%22%235da2de%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    background-color: transparent;
    border: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
  }
  .c-hdr-seek__submit:hover {
    opacity: 0.8;
  }
}
@media only screen and (max-width: 1200px) {
  .c-hdr-inner {
    width: 100%;
    justify-content: flex-start;
  }
  .c-hdr__ttl {
    width: 18%;
    margin-left: 2%;
  }
  .c-hdr__thumbs {
    width: 100%;
  }
  .c-hdr-seek__txtarea {
    width: 80%;
    margin-left: 5%;
  }
}
@media only screen and (max-width: 896px) {
  /* SP */
  .c-hdr {
    background-color: #fff;
    -webkit-box-shadow: 0 0.533vw 0 0 rgba(207,210,213, 0.8);
    box-shadow: 0 0.533vw 0 0 rgba(207,210,213, 0.8);
    padding: 3.2vw;
    margin-bottom: 0.533vw;
    position: relative;
    z-index: 100;
  }
  .c-hdr-inner {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .c-hdr__ttl {
    display: block;
    width: calc(100vw - 7.467vw - 6.4vw);
  }
  .c-hdr__logo {
    display: block;
    width: 18.4vw;
    line-height: 1;
    margin-bottom: 2.133vw;
  }
  .c-hdr__logo img {
    width: 100%;
  }
  .c-hdr__thumbs {
    display: block;
    width: 48vw;
    line-height: 1;
    margin-bottom: 1.067vw;
  }
  .c-hdr__thumbs img {
    width: 100%;
  }
  .c-hdr__txt {
    color: #505558;
    font-size: 2.133vw;
    font-weight: normal;
    line-height: 1;
  }
  .c-hdr-hamb {
    width: 7.467vw;
    height: 5.867vw;
    position: relative;
    cursor: pointer;
  }
  .c-hdr-hamb span {
    width: 100%;
    height: 0.533vw;
    display: block;
    background-color: #5DA2DE;
    color: #5DA2DE;
    border-radius: 4.267vw;
    position: absolute;
    left: 0;
    transition: all 0.3s ease;
  }
  .c-hdr-hamb__cnt > span:nth-child(1) {
    top: 0;
  }
  .c-hdr-hamb__cnt > span:nth-child(2) {
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
  }
  .c-hdr-hamb__cnt > span:nth-child(3) {
    bottom: 0;
  }
  .js-open .c-hdr-hamb__cnt > span:nth-child(1) {
    top: 50%;
    transform: rotate(45deg) translate(0, -50%);
    -webkit-transform: rotate(45deg) translate(0, -50%);
    -ms-transform: rotate(45deg) translate(0, -50%);
  }
  .js-open .c-hdr-hamb__cnt > span:nth-child(2) {
    width: 0;
    background-color: #fff;
    color: #fff;
  }
  .js-open .c-hdr-hamb__cnt > span:nth-child(3) {
    top: 50%;
    transform: rotate(-45deg) translate(0, -50%);
    -webkit-transform: rotate(-45deg) translate(0, -50%);
    -ms-transform: rotate(-45deg) translate(0, -50%);
  }
}


/*
=================================================

humber-menu *only-sp

=================================================
*/

@media print, (min-width: 897px) {
  /* PC */

}

@media only screen and (max-width: 896px) {
  /* SP */
  .c-humb-bg {
    display: none;
    width: 100vw;
    height: 120vh;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
  }
  .c-humb-bg.js-open {
    display: block;
  }
  .c-humb-inner {
    width: 94.613vw;
    transition: transform 0.5s;
    background-color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 44vw;
    transform: translateX(100vw);
    /* z-index: 99; */
    z-index: 99999;
  }
  .c-humb-inner.js-open {
    transform: translateX(5.333vw)
  }
  .c-humb__scroll {
    height: calc( 100vh - 44vw );
    overflow-y: scroll;
  }
  .c-humb__cnt {
    width: 85.867vw;
    margin: 0 auto;
    padding: 6.4vw 0;
  }
  .c-humb__cnt a {
    transition: none;
  }
  .c-humb__cnt a:hover {
    opacity: 0.6;
    text-decoration: none;
  }
  .c-humb-seek {
    margin-bottom: 8.533vw;
  }
  .c-humb-seek__txtarea {
    width: 81.333vw;
    border: 0.267vw solid #CFD2D5;
    border-radius: 1.067vw;
    position: relative;
  }
  .c-humb-seek__txt {
    border: none;
    color: #002233;
    background: transparent;
    width: 74.133vw;
    font-size: 3.733vw;
    padding: 2.133vw 3.2vw;
    box-sizing: border-box;
  }
  .c-humb-seek__txt:focus-visible {
    outline: none;
  }
  .c-humb-seek__txt::placeholder {
    color: #CFD2D5;
  }
  .c-humb-seek__txt::-ms-input-placeholder {
    color: #CFD2D5;
  }
  .c-humb-seek__txt:-ms-input-placeholder {
    color: #CFD2D5;
  }
  .c-humb-seek__submit {
    content: "";
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%2F%3E%3Cg%20transform%3D%22translate(2%2013.314)%20rotate(-45)%22%3E%3Cpath%20d%3D%22M8%2C2a6%2C6%2C0%2C1%2C0%2C6%2C6A6.007%2C6.007%2C0%2C0%2C0%2C8%2C2M8%2C0A8%2C8%2C0%2C1%2C1%2C0%2C8%2C8%2C8%2C0%2C0%2C1%2C8%2C0Z%22%20fill%3D%22%235da2de%22%2F%3E%3Cpath%20d%3D%22M1%2C8H-1V0H1Z%22%20transform%3D%22translate(8%2016)%22%20fill%3D%22%235da2de%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 8.533vw;
    height: 8.533vw;
    background-color: unset;
    border: none;
    position: absolute;
    right: 2.133vw;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
  }

  .c-humb-cat {
    margin-bottom: 8.533vw;
  }
  /* .c-humb-cat:last-of-type {
    margin-bottom: 0;
  } */
  .c-humb-cat__name {
    font-size: 4.267vw;
    font-weight: bold;
    line-height: 1.313;
    margin-bottom: 2.133vw;
    position: relative;
  }
  .c-humb-cat__name::after {
    content: "";
    width: 1.6vw;
    height: 2.667vw;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
  }
  .c-humb-cat__name--kosodate a {
    color: #FC7171 !important;
  }
  .c-humb-cat__name--kosodate::after,.c-humb-cat__items--kosodate::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%3E%3Cpath%20d%3D%22M4%2C9a1%2C1%2C0%2C0%2C1-.707-.293l-4-4A1%2C1%2C0%2C0%2C1-1%2C4a1%2C1%2C0%2C0%2C1%2C.293-.707l4-4a1%2C1%2C0%2C0%2C1%2C1.414%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.414L1.414%2C4%2C4.707%2C7.293A1%2C1%2C0%2C0%2C1%2C4%2C9Z%22%20transform%3D%22translate(5%209)%20rotate(180)%22%20fill%3D%22%23fc7171%22%2F%3E%3C%2Fsvg%3E');
  }
  .c-humb-cat__name--kyoiku a {
    color: #F8A259 !important;
  }
  .c-humb-cat__name--kyoiku::after,.c-humb-cat__items--kyoiku::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%3E%3Cpath%20d%3D%22M4%2C9a1%2C1%2C0%2C0%2C1-.707-.293l-4-4A1%2C1%2C0%2C0%2C1-1%2C4a1%2C1%2C0%2C0%2C1%2C.293-.707l4-4a1%2C1%2C0%2C0%2C1%2C1.414%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.414L1.414%2C4%2C4.707%2C7.293A1%2C1%2C0%2C0%2C1%2C4%2C9Z%22%20transform%3D%22translate(5%209)%20rotate(180)%22%20fill%3D%22%23F8A259%22%2F%3E%3C%2Fsvg%3E');
  }
  .c-humb-cat__name--juken a {
    color: #5DA2DE !important;
  }
  .c-humb-cat__name--juken::after,.c-humb-cat__items--juken::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%3E%3Cpath%20d%3D%22M4%2C9a1%2C1%2C0%2C0%2C1-.707-.293l-4-4A1%2C1%2C0%2C0%2C1-1%2C4a1%2C1%2C0%2C0%2C1%2C.293-.707l4-4a1%2C1%2C0%2C0%2C1%2C1.414%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.414L1.414%2C4%2C4.707%2C7.293A1%2C1%2C0%2C0%2C1%2C4%2C9Z%22%20transform%3D%22translate(5%209)%20rotate(180)%22%20fill%3D%22%235DA2DE%22%2F%3E%3C%2Fsvg%3E');
  }
  .c-humb-cat__name--eigo a {
    color: #75D6A1 !important;
  }
  .c-humb-cat__name--eigo::after,.c-humb-cat__items--eigo::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%3E%3Cpath%20d%3D%22M4%2C9a1%2C1%2C0%2C0%2C1-.707-.293l-4-4A1%2C1%2C0%2C0%2C1-1%2C4a1%2C1%2C0%2C0%2C1%2C.293-.707l4-4a1%2C1%2C0%2C0%2C1%2C1.414%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.414L1.414%2C4%2C4.707%2C7.293A1%2C1%2C0%2C0%2C1%2C4%2C9Z%22%20transform%3D%22translate(5%209)%20rotate(180)%22%20fill%3D%22%2375D6A1%22%2F%3E%3C%2Fsvg%3E');
  }
  .c-humb-cat__name--age {
    color: #5DA2DE !important;
  }
  .c-humb-cat__name--age::after,.c-humb-cat__items--age::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%3E%3Cpath%20d%3D%22M4%2C9a1%2C1%2C0%2C0%2C1-.707-.293l-4-4A1%2C1%2C0%2C0%2C1-1%2C4a1%2C1%2C0%2C0%2C1%2C.293-.707l4-4a1%2C1%2C0%2C0%2C1%2C1.414%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.414L1.414%2C4%2C4.707%2C7.293A1%2C1%2C0%2C0%2C1%2C4%2C9Z%22%20transform%3D%22translate(5%209)%20rotate(180)%22%20fill%3D%22%235DA2DE%22%2F%3E%3C%2Fsvg%3E');
  }
  .c-humb-cat__items--special::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%3E%3Cpath%20d%3D%22M4%2C9a1%2C1%2C0%2C0%2C1-.707-.293l-4-4A1%2C1%2C0%2C0%2C1-1%2C4a1%2C1%2C0%2C0%2C1%2C.293-.707l4-4a1%2C1%2C0%2C0%2C1%2C1.414%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.414L1.414%2C4%2C4.707%2C7.293A1%2C1%2C0%2C0%2C1%2C4%2C9Z%22%20transform%3D%22translate(5%209)%20rotate(180)%22%20fill%3D%22%235DA2DE%22%2F%3E%3C%2Fsvg%3E');
  }

  .c-humb-cat__list {
    display: flex;
    flex-wrap: wrap;
    padding-top: 3.2vw;
    border-top: 1px solid #E9EEF2;
  }
  .c-humb-cat__list--special {
    padding-top: 3.73vw;
    border-top: 2px solid #E9EEF2;
  }
  .c-humb-cat__items {
    width: 38.533vw;
    font-size: 4.267vw;
    line-height: 1.25;
    margin-bottom: 3.2vw;
    padding-right: 3.2vw;
    position: relative;
  }
  .c-humb-cat__items--special {
    margin-right: 0;
    width: 100%;
  }
  .c-humb-cat__items::after {
    content: "";
    width: 1.6vw;
    height: 2.667vw;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
  }
  .c-humb-cat__items:nth-of-type(odd) {
    margin-right: 2.4vw;
  }
  .c-humb-cat__items--special:nth-of-type(odd) {
    margin-right: 0;
  }
  .c-humb-cat__items a {
    display: block;
    color: #002233 !important;
  }

  .c-humb-close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 10.667vw;
    color: #707476;
    font-size: 3.733vw;
    font-weight: bold;
    line-height: 1.6;
    border: 0.533vw solid #CFD2D5;
    border-radius: 27.733vw;
    cursor: pointer;
  }
}