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

util

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


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

swiper  ".article-swiper"

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

@media (min-width: 741px) {
  /* PC */

  .article-swiper-btn {
    padding: 20px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 12;
  }
  .article-swiper-btn.article-swiper-btn--prev {
    padding-right: 0;
    left: 13.6vw;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
  }
  .article-swiper-btn.article-swiper-btn--next {
    padding-left: 0;
    right: 15vw;
    transform: translate(0, -50%) scale(-1,1);
    -webkit-transform: translate(0, -50%) scale(-1,1);
    -ms-transform: translate(0, -50%) scale(-1,1);
  }
  .article-swiper-option {
    width: 244px;
    margin: 24px auto 0;
    position: relative;
    padding: 0 33px;
    position: relative;
  }

  .article-swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15px;
  }
  .article-swiper-pagination .swiper-pagination-bullet {
    width: 28px;
    height: 3px;
    border-radius: 32px;
    background-color: #E9EEF2;
    margin-right:8px;
    opacity: 1;
  }
  .article-swiper-pagination .swiper-pagination-bullet:last-of-type {
    margin-right:0;
  }
  .article-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #5DA2DE;
  }
  .article-swiper-prev,.article-swiper-next {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2215%22%20viewBox%3D%220%200%209%2015%22%3E%0A%20%20%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(-1757.765%20-417.965)%22%20fill%3D%22%235da2de%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    width: 9px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
  }
  .article-swiper-prev {
    left: 0;
  }
  .article-swiper-next {
    right: 0;
    transform: translate(0, -50%) scale(-1, 1);
    -webkit-transform: translate(0, -50%) scale(-1, 1);
    -ms-transform: translate(0, -50%) scale(-1, 1);
  }

}

@media (max-width: 740px) {
  /* SP */

  .article-swiper-btn {
    padding: 0.533vw;
    cursor: pointer;
    position: absolute;
    top: 28.416vw;
    z-index: 12;
  }
  .article-swiper-btn.article-swiper-btn--prev {
    left: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
  }
  .article-swiper-btn.article-swiper-btn--next {
    right: 0;
    transform: translate(0, -50%) scale(-1,1);
    -webkit-transform: translate(0, -50%) scale(-1,1);
    -ms-transform: translate(0, -50%) scale(-1,1);
  }

  .article-swiper-option {
    width: 80.067vw;
    margin: 4.267vw auto 0;
    position: relative;
  }

  .article-swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4vw;
  }
  .article-swiper-pagination .swiper-pagination-bullet {
    width: 7.467vw;
    height: 0.8vw;
    border-radius: 8.533vw;
    background-color: #E9EEF2;
    margin-right: 2.133vw;
    opacity: 1;
  }
  .article-swiper-pagination .swiper-pagination-bullet:last-of-type {
    margin-right: 0;
  }
  .article-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #5DA2DE;
  }
  .article-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #5DA2DE;
  }
  .article-swiper-prev,.article-swiper-next {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2215%22%20viewBox%3D%220%200%209%2015%22%3E%0A%20%20%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(-1757.765%20-417.965)%22%20fill%3D%22%235da2de%22%2F%3E%0A%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.4vw;
    height: 4vw;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
  }
  .article-swiper-prev {
    left: 0;
  }
  .article-swiper-next {
    right: 0;
    transform: translate(0, -50%) scale(-1, 1);
    -webkit-transform: translate(0, -50%) scale(-1, 1);
    -ms-transform: translate(0, -50%) scale(-1, 1);
  }
}


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

top

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

@media (min-width: 741px) {
  /* PC */

  a:hover {
    opacity: 0.8;
    transition:all 0.3s ease;
  }
  .sp {
    display: none;
  }
  .top-bg {
    background-color: #fff;
  }

  .top-sec {
    background-color: #fff;
    color: #002233;
  }
  .top-sec.article{
    padding-top: 24px;
    margin-bottom: 40px;
  }
  .top-sec.news {
    margin-bottom: 24px;
  }
  .top-sec.cat {
    background-color: #F5F7FA;
    padding: 32px 0;
    margin-bottom: 32px;
  }
  .top-sec.reco {
    margin-bottom: 48px;
  }
  .top-sec--manabi {
    background-color: #09b5c4;;
    color: #fff;
    padding: 32px 0;
    font-family: 'Noto Sans JP', sans-serif;
  }
  .top-inner {
    max-width: 1000px;
    margin: 0 auto 32px;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .top-inner:last-of-type {
    margin-bottom: 0;
  }
  .top__ttl {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.03;
    letter-spacing: 0.05em;
    margin-bottom: 32px;
  }
  .top__sub-ttl {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 24px;
    padding-left: 12px;
    position: relative;
  }
  .top__sub-ttl::before {
    content: "";
    width: 4px;
    height: 20px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223%22%20height%3D%2220%22%20viewBox%3D%220%200%203%2020%22%3E%3Crect%20width%3D%2220%22%20height%3D%223%22%20rx%3D%221.5%22%20transform%3D%22translate(3)%20rotate(90)%22%20fill%3D%22%235da2de%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
  }
}

@media (max-width: 740px) {
  /* SP */
  .pc {
    display: none;
  }
  
  a:hover {
    opacity: 0.8;
    transition:all 0.3s ease;
  }
  .top-bg {
    background-color: #fff;
  }

  .top-sec {
    color: #002233;
  }
  .top-sec.article {
    color: #002233;
    margin-bottom: 6.4vw;
  }
  .top-sec.news {
    margin-bottom: 6.4vw;
  }
  .top-sec.cat {
    background-color: #F5F7FA;
    padding: 10.667vw 0;
    margin-bottom: 8.533vw;
  }
  .top-sec.reco {
    margin-bottom: 8.533vw;
  }
  .top-sec--manabi {
    background-color: #09b5c4;;
    color: #fff;
    padding: 8vw 0;
    font-family: 'Noto Sans JP', sans-serif;
  }
  div.top-sec {
    padding: 0 0 5.333vw;
    margin-bottom: 0;
  }
  .top-inner {
    width: 91.467vw;
    margin: 0 auto;
  }
  .top__ttl {
    font-size: 7.467vw;
    font-weight: 300;
    line-height: 1.03;
    letter-spacing: 0.05em;
    margin-bottom: 8.533vw;
  }
  .top__sub-ttl {
    font-size: 5.333vw;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 6.4vw;
    padding-left: 3.2vw;
    position: relative;
  }
  .top__sub-ttl::before {
    content: "";
    width: 1.067vw;
    height: 5.333vw;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223%22%20height%3D%2220%22%20viewBox%3D%220%200%203%2020%22%3E%3Crect%20width%3D%2220%22%20height%3D%223%22%20rx%3D%221.5%22%20transform%3D%22translate(3)%20rotate(90)%22%20fill%3D%22%235da2de%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
  }
  .reco .top-inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8.533vw;
  }
  .top-inner:last-of-type {
    margin-bottom: 0;
  }
  .reco .top__ttl {
    width: 91.467vw;
    margin-left: auto;
    margin-right: auto;
  }
  .reco .top__sub-ttl {
    width: 91.467vw;
    margin-left: auto;
    margin-right: auto;
  }
}



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

カルーセル記事

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

@media (min-width: 741px) {
  /* PC */
  .article-swiper {
    position: relative;
  }
  .article-swiper::before,.article-swiper::after {
    content: '';
    width: 17.5vw;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 0;
    z-index: 10;
  }
  .article-swiper::before {
    left: 0;
  }
  .article-swiper::after {
    right: 0;
  }
  .article__items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F5F7FA;

    max-height: 323px;
  }
  .article__items a {
    display: block;
    width: 100%;
  }
  .article__items > a {
    width: 50%;
  }
  .article__items a:hover .article__ttl {
    color: #002233 !important;
    text-decoration: underline;
  }
  .article__items:hover *:not(.article__ttl) {
    text-decoration: none;
  }
  .article__thumbs {
    display: block;
    width: 100%;
  }
  .article__thumbs img {
    border: 1px solid #F5F7FA;
  }
  .article__txtarea {
    width: 50%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 4px 32px 4px;
    /* min-height: 297px; */
    box-sizing: border-box;
  }
  .article__ttl {
    display: block;
    font-size: 24px;
    color: #002233 !important;
    font-weight: bold;
    line-height: 1.5;
    /* min-height: 4.5em; */
    margin-bottom: 8px;
    box-sizing: border-box;
  }
  .article__date {
    display: inline-block;
    font-size: 18px;
    color: #707476;
    line-height: 1.2;
  }
  .article__date.article__date--new {
    position: relative;
    padding-right: 3.4em;
  }
  .article__date.article__date--new::after {
    content: "NEW!";
    font-size: 18px;
    /* font-weight: bold; */
    font-family: "Helvetica",sans-serif;
    color: #F53C3C;
    position: absolute;
    top: 0;
    right: 0;
  }
  .article-tag {
    display: flex;
    flex-wrap: wrap;
  }
  .article-tag__items {
    line-height: 1.5;
    border: 1px solid #707476;
    background-color: #fff;
    border-radius: 3px;
    margin-top: 8px;
    margin-right: 10px;
  }
  .article-tag__items a {
    display: block;
    font-size: 16px;
    padding: 1px 11px;
    color: #002233;
  }
  .article-tag__items:last-of-type {
    margin-right: 0;
  }
  .article-tag__items--kosodate {
    border: 1px solid #FC7171;
  }
  .article-tag__items--kosodate a {
    color: #FC7171;
  }
  .article-tag__items--kyoiku {
    border: 1px solid #F8A259;
  }
  .article-tag__items--kyoiku a {
    color: #F8A259;
  }
  .article-tag__items--juken {
    border: 1px solid #5DA2DE;
  }
  .article-tag__items--juken a {
    color: #5DA2DE;
  }
  .article-tag__items--eigo {
    border: 1px solid #75D6A1;

  }
  .article-tag__items--eigo a {
    color: #75D6A1;
  }
}

@media (max-width: 740px) {
  /* SP */
  .article-swiper {
    position: relative;
  }
  .article-swiper::before,.article-swiper::after {
    content: '';
    width: 4.2vw;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 0;
    z-index: 10;
  }
  .article-swiper::before {
    left: 0;
  }
  .article-swiper::after {
    right: 0;
  }
  .article__items a {
    display: block;
  }
  .article__items:hover a .article__ttl {
    color: #002233 !important;
    text-decoration: underline;
  }
  .article__items:hover *:not(.article__ttl) {
    text-decoration: none;
  }
  .article__thumbs {
    display: block;
    width: 100%;
  }
  .article__thumbs img {
    border: 0.267vw solid #CFD2D5;
  }
  .article__txtarea {
    padding-top: 3.2vw;
  }
  .article__ttl {
    font-size: 4.267vw;
    font-weight: bold;
    color: #002233 !important;
    line-height: 1.25;
    min-height: 3.75em;
    margin-bottom: 2.133vw;
    box-sizing: content-box;
  }
  .article__date {
    display: inline-block;
    font-size: 2.133vw;
    color: #707476;
    line-height: 1;
  }
  .article__date.article__date--new {
    position: relative;
    padding-right: 3.6em;
  }
  .article__date.article__date--new::after {
    content: "NEW!";
    font-size: 2.133vw;
    font-weight: bold;
    font-family: "Helvetica",sans-serif;
    color: #F53C3C;
    position: absolute;
    top: 0;
    right: 0;
  }
  .article-tag {
    display: flex;
    flex-wrap: wrap;
  }
  .article-tag__items {
    line-height: 1.5;
    border: 0.267vw solid #707476;
    border-radius: 0.8vw;
    margin-top: 2.133vw;
    margin-right: 2.667vw;
  }
  .article-tag__items a {
    display: block;
    font-size: 3.2vw;
    padding: 0.267vw 2.933vw;
    color: #002233;
  }
  .article-tag__items:last-of-type {
    margin-right: 0;
  }
  .article-tag__items--kosodate  {
    border: 0.267vw solid #FC7171;
  }
  .article-tag__items--kosodate a {
    color: #FC7171;
  }
  .article-tag__items--kyoiku {
    border: 0.267vw solid #F8A259;
  }
  .article-tag__items--kyoiku a {
    color: #F8A259;
  }
  .article-tag__items--juken {
    border: 0.267vw solid #5DA2DE;
    color: #5DA2DE;
  }
  .article-tag__items--juken a {
    color: #5DA2DE;
  }
  .article-tag__items--eigo {
    border: 0.267vw solid #75D6A1;
  }
  .article-tag__items--eigo a {
    color: #75D6A1;
  }
}

@media screen and (min-width: 1020px) and (max-width: 1339px) {
  .article__txtarea {
    padding: 4px 8px;
  }
  .article__ttl {
    font-size: 18px;
  }
  .article__date {
    font-size: 12px;
  }
  .article__date.article__date--new::after {
    font-size: 12px;
  }
  .article-tag__items a {
    font-size: 12px;
  }
}
@media only screen and (min-width: 740px) and (max-width: 1019px) {
  .article__txtarea {
    padding: 4px 8px;
  }
  .article__txtarea .article__ttl {
    font-size: 16px;
    margin-bottom: 2px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .article__date {
    font-size: 12px;
  }
  .article__date.article__date--new::after {
    font-size: 12px;
  }
  .article-tag__items {
    margin-top: 4px;
  }
  .article-tag__items a {
    font-size: 12px;
    padding: 0 11px;
  }
}


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

最新の記事

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

@media (min-width: 741px) {
  /* PC */
  .news-inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .news__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .news__items {
    width: calc( 27% - 5% );
    min-height: 324px;
    margin-right: 4%;
    margin-bottom: 30px;
  }
  .news__items:nth-of-type(4n) {
    margin-right: 0;
  }
  .news__items:nth-last-of-type(1),.news__items:nth-last-of-type(2),.news__items:nth-last-of-type(3),.news__items:nth-last-of-type(4) {
    margin-bottom: 0;
  }
  .news__thumbs {
    width: 100%;
    display: block;
  }
  .news__thumbs img {
    width: 100%;
    border: 1px solid #CFD2D5;
  }
  .news__txtarea{
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .news__ttl {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #002233 !important;
    line-height: 1.5;
    min-height: 4.5em;
    margin-bottom: 8px;
  }
  .news__ttl:hover {
    text-decoration: underline;
  }
  .news__date {
    display: inline-block;
    font-size: 10px;
    color: #707476;
    line-height: 1.5;
  }
  .news__date.news__date--new {
    position: relative;
    padding-right: 3.4em;
  }
  .news__date.news__date--new::after {
    content: "NEW!";
    font-size: 10px;
    font-weight: bold;
    font-family: "Helvetica",sans-serif;
    color: #F53C3C;
    position: absolute;
    top: 0;
    right: 0;
  }
  .news-tag {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .news-tag__items {
    font-size: 12px;
    line-height: 1.585;
    border: 1px solid #707476;
    border-radius: 3px;
    min-height: 20px;
    margin-top: 8px;
    margin-right: 8px;
  }
  .news-tag__items a {
    display: block;
    padding: 1px 11px;
    color: #002233;
  }
  .news-tag__items:hover a {
    text-decoration: none !important;
  }
  .news-tag__items:last-of-type {
    margin-right: 0;
  }
  .news-tag__items--kosodate {
    border: 1px solid #FC7171;
  }
  .news-tag__items--kosodate a {
    color: #FC7171;
  }
  .news-tag__items--kyoiku {
    border: 1px solid #F8A259;
  }
  .news-tag__items--kyoiku a {
    color: #F8A259;
  }
  .news-tag__items--juken {
    border: 1px solid #5DA2DE;
  }
  .news-tag__items--juken a {
    color: #5DA2DE;
  }
  .news-tag__items--eigo {
    border: 1px solid #75D6A1;
  }
  .news-tag__items--eigo a {
    color: #75D6A1;
  }
  .news__btn {
    display: block;
    width: 208px;
    padding: 8px 24px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    color: #5DA2DE;
    border: 2px solid #5DA2DE;
    border-radius: 50px;
    position: relative;
    box-sizing:border-box;
  }
  .news__btn::after {
    content: "";
    width: 6px;
    height: 10px;
    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%22M1763.265%2C428.465a1%2C1%2C0%2C0%2C1-.707-.293l-4-4a1%2C1%2C0%2C0%2C1%2C0-1.414l4-4a1%2C1%2C0%2C0%2C1%2C1.414%2C1.414l-3.293%2C3.293%2C3.293%2C3.293a1%2C1%2C0%2C0%2C1-.707%2C1.707Z%22%20transform%3D%22translate(1764.265%20428.465)%20rotate(180)%22%20fill%3D%22%235da2de%22%2F%3E%3C%2Fsvg%3E');    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 51%;
    right: 24px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
  }
}

@media (max-width: 740px) {
  /* SP */
  .news-inner {
    width: 91.467vw;
    margin: 0 auto;
  }
  .news__list {
    width: 100%;
    margin-bottom: 6.4vw;
  }
  .news__items {
    width: 99%;
    padding-top: 4.267vw;
    margin-bottom: 4.267vw;
    border-top: 0.133vw solid #CFD2D5;
    display: flex;
    justify-content: space-between;
  }
  .news__items:last-of-type {
    padding-bottom: 4.267vw;
    margin-bottom: 0;
    border-bottom: 0.133vw solid #CFD2D5;
  }
  .news__thumbs {
    width: 30.933vw;
    display: block;
  }
  .news__thumbs img {
    width: 100%;
    display: block;
    border: 0.267vw solid #CFD2D5;
  }
  .news__txtarea{
    width: 56.267vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .news__ttl {
    display: block;
    color: #002233 !important;
    font-size: 4.267vw ;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 2.133vw;
  }
  .news__date {
    display: inline-block;
    font-size: 2.667vw;
    color: #707476;
    line-height: 1.5;
  }
  .news__date.news__date--new {
    position: relative;
    padding-right: 3.4em;
  }
  .news__date.news__date--new::after {
    content: "NEW!";
    font-size: 2.667vw;
    font-weight: bold;
    font-family: "Helvetica",sans-serif;
    color: #F53C3C;
    position: absolute;
    top: 0;
    right: 0;
  }
  .news-tag {
    width: 61.333vw;
    display: flex;
    flex-wrap: wrap;
  }
  .news-tag__items {
    font-size: 3.2vw;
    line-height: 1.5;
    border: 0.267vw solid #707476;
    border-radius: 0.8vw;
    min-height: 5.333vw;
    margin-top: 2.133vw;
    margin-right: 2.133vw;
  }
  .news-tag__items a {
    display: block;
    color: #002233;
    padding: 0.267vw 2.933vw;
  }
  .news-tag__items:hover a {
    text-decoration: none !important;
  }
  .news-tag__items:last-of-type {
    margin-right: 0;
  }
  .news-tag__items--kosodate {
    border: 0.267vw solid #FC7171;
  }
  .news-tag__items--kosodate a {
    color: #FC7171;
  }
  .news-tag__items--kyoiku {
    border: 0.267vw solid #F8A259;
  }
  .news-tag__items--kyoiku a {
    color: #F8A259;
  }
  .news-tag__items--juken {
    border: 0.267vw solid #5DA2DE;
  }
  .news-tag__items--juken a {
    color: #5DA2DE;
  }
  .news-tag__items--eigo {
    border: 0.267vw solid #75D6A1;
  }
  .news-tag__items--eigo a {
    color: #75D6A1;
  }
  .news__btn {
    display: block;
    width: 55.467vw;
    padding: 2.133vw 6.4vw;
    margin: 0 auto;
    font-size: 4.267vw;
    font-weight: bold;
    color: #5DA2DE;
    border: 0.533vw solid #5DA2DE;
    border-radius: 13.333vw;
    position: relative;
    box-sizing:border-box;
  }
  .news__btn::after {
    content: "";
    width: 1.6vw;
    height: 2.667vw;
    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%22M1763.265%2C428.465a1%2C1%2C0%2C0%2C1-.707-.293l-4-4a1%2C1%2C0%2C0%2C1%2C0-1.414l4-4a1%2C1%2C0%2C0%2C1%2C1.414%2C1.414l-3.293%2C3.293%2C3.293%2C3.293a1%2C1%2C0%2C0%2C1-.707%2C1.707Z%22%20transform%3D%22translate(1764.265%20428.465)%20rotate(180)%22%20fill%3D%22%235da2de%22%2F%3E%3C%2Fsvg%3E');    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    right: 6.4vw;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
  }
}


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

記事を検索

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

@media (min-width: 741px) {
  /* PC */
  .cat__cnt {
    display: flex;
    align-items: flex-end;
    margin-bottom: 24px;
    min-height: 94.6px;
    position: relative;
  }
  .cat__cnt:last-of-type {
    margin-bottom: 0;
  }
  .cat__ttl {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    width: 218px;
    line-height: 1.5;
    background-color: #5DA2DE;
    padding: 4px 0 4px 12px;
    border-radius: 0 4px 4px 0 ;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .cat__ttl h3 {
    padding-left: 32px;
    position: relative;
  }
  .cat__ttl h3::before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
  }
  .cat__ttl--child h3::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2219.261%22%20viewBox%3D%220%200%2024%2019.261%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_592%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20592%22%20transform%3D%22translate(-16%20-1341.575)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E7%AC%91%E9%A1%94%E3%81%AE%E8%B5%A4%E3%81%A1%E3%82%83%E3%82%93%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%882%22%20transform%3D%22translate(16%201291.029)%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_65%22%20data-name%3D%22%E3%83%91%E3%82%B9%2065%22%20d%3D%22M168.977%2C244.933a.886.886%2C0%2C1%2C0-.886.885A.885.885%2C0%2C0%2C0%2C168.977%2C244.933Z%22%20transform%3D%22translate(-159.368%20-184.432)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_66%22%20data-name%3D%22%E3%83%91%E3%82%B9%2066%22%20d%3D%22M307.9%2C244.048a.885.885%2C0%2C1%2C0%2C.886.885A.885.885%2C0%2C0%2C0%2C307.9%2C244.048Z%22%20transform%3D%22translate(-292.619%20-184.432)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_67%22%20data-name%3D%22%E3%83%91%E3%82%B9%2067%22%20d%3D%22M23.157%2C59a2.87%2C2.87%2C0%2C0%2C0-1.828-.832A9.62%2C9.62%2C0%2C0%2C0%2C2.5%2C58.181a2.877%2C2.877%2C0%2C0%2C0%2C.373%2C5.73c.056%2C0%2C.109-.008.164-.012A9.622%2C9.622%2C0%2C0%2C0%2C20.8%2C63.89a2.807%2C2.807%2C0%2C0%2C0%2C.322.021A2.878%2C2.878%2C0%2C0%2C0%2C23.157%2C59ZM13.35%2C52a1.854%2C1.854%2C0%2C0%2C1%2C.146.191%2C2.836%2C2.836%2C0%2C0%2C1%2C.423%2C1.609%2C6.843%2C6.843%2C0%2C0%2C1-.481%2C2.33%2C7.973%2C7.973%2C0%2C0%2C1-2.121-2.414%2C3.573%2C3.573%2C0%2C0%2C1-.465-1.656c0-.043%2C0-.078%2C0-.113A7.849%2C7.849%2C0%2C0%2C1%2C13.35%2C52Zm-2.738%2C2.089a7.066%2C7.066%2C0%2C0%2C0%2C.834%2C1.22c-.359-.145-.719-.281-1.057-.424a4.208%2C4.208%2C0%2C0%2C1-1.428-.878%2C1.917%2C1.917%2C0%2C0%2C1-.405-.631%2C2.351%2C2.351%2C0%2C0%2C1-.147-.722%2C8.244%2C8.244%2C0%2C0%2C1%2C1.648-.563A4.383%2C4.383%2C0%2C0%2C0%2C10.613%2C54.091Zm11.605%2C8.038a1.539%2C1.539%2C0%2C0%2C1-1.609.365l-.629-.221-.219.63a8.3%2C8.3%2C0%2C0%2C1-15.67.043l-.206-.583-.6.164a1.549%2C1.549%2C0%2C1%2C1-.411-3.042c.027%2C0%2C.068%2C0%2C.123.006l.616.049.093-.612a8.318%2C8.318%2C0%2C0%2C1%2C3.941-5.873%2C2.955%2C2.955%2C0%2C0%2C0%2C.169.63%2C2.689%2C2.689%2C0%2C0%2C0%2C.5.8%2C4.082%2C4.082%2C0%2C0%2C0%2C1.268.911c.7.344%2C1.456.582%2C2.091.878a4.248%2C4.248%2C0%2C0%2C1%2C.838.492%2C1.981%2C1.981%2C0%2C0%2C1%2C.549.641.4.4%2C0%2C0%2C0%2C.715-.017%2C8.7%2C8.7%2C0%2C0%2C0%2C.938-3.59%2C3.965%2C3.965%2C0%2C0%2C0-.281-1.531%2C8.28%2C8.28%2C0%2C0%2C1%2C5.694%2C6.674l.1.66.659-.1a1.6%2C1.6%2C0%2C0%2C1%2C.235-.02%2C1.55%2C1.55%2C0%2C0%2C1%2C1.1%2C2.645Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_68%22%20data-name%3D%22%E3%83%91%E3%82%B9%2068%22%20d%3D%22M191.9%2C323.439a3%2C3%2C0%2C0%2C1-4.861%2C0%2C.465.465%2C0%2C0%2C0-.754.545%2C3.925%2C3.925%2C0%2C0%2C0%2C6.368%2C0%2C.465.465%2C0%2C0%2C0-.754-.544Z%22%20transform%3D%22translate(-177.467%20-259.917)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    width: 24px;
    height: 19px;
  }
  .cat__ttl--parent h3::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.262%22%20height%3D%2219.262%22%20viewBox%3D%220%200%2019.262%2019.262%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_630%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20630%22%20transform%3D%22translate(-0.722%20-1.1)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_69_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%91%E3%82%B9%2069%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M12.6%2C1.1a4.242%2C4.242%2C0%2C0%2C1%2C2.577.878%2C5.043%2C5.043%2C0%2C0%2C1%2C6.24%2C6.744%2C4.128%2C4.128%2C0%2C0%2C1%2C.488%2C1.942%2C4.249%2C4.249%2C0%2C0%2C1-2.243%2C3.731%2C3.653%2C3.653%2C0%2C0%2C1-5.529%2C2.542%2C3.69%2C3.69%2C0%2C0%2C1-6.265-1.654%2C4.256%2C4.256%2C0%2C0%2C1-1.061.031A4.189%2C4.189%2C0%2C0%2C1%2C4.27%2C8.12a4.1%2C4.1%2C0%2C0%2C1-.506-1.986A4.162%2C4.162%2C0%2C0%2C1%2C9.609%2C2.324%2C4.233%2C4.233%2C0%2C0%2C1%2C12.6%2C1.1Zm2.4%2C1.925-.21-.183a3.325%2C3.325%2C0%2C0%2C0-4.723.339l-.241.283-.327-.177A3.249%2C3.249%2C0%2C0%2C0%2C4.68%2C6.134a3.169%2C3.169%2C0%2C0%2C0%2C.559%2C1.814l.243.351-.333.267a3.292%2C3.292%2C0%2C0%2C0-1.234%2C2.251A3.3%2C3.3%2C0%2C0%2C0%2C6.889%2C14.4%2C3.333%2C3.333%2C0%2C0%2C0%2C8.112%2C14.3l.522-.144.055.538a2.772%2C2.772%2C0%2C0%2C0%2C4.987%2C1.363l.278-.381.372.289a2.782%2C2.782%2C0%2C0%2C0%2C1.717.605%2C2.736%2C2.736%2C0%2C0%2C0%2C2.732-2.505l.02-.269.245-.113a3.332%2C3.332%2C0%2C0%2C0%2C1.945-3.016%2C3.221%2C3.221%2C0%2C0%2C0-.476-1.679l-.13-.213.108-.225a4.126%2C4.126%2C0%2C0%2C0-5.234-5.625Z%22%20transform%3D%22translate(-1.917)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_70_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%91%E3%82%B9%2070%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M14.585%2C95a1.529%2C1.529%2C0%2C0%2C1%2C.172.009%2C1.57%2C1.57%2C0%2C0%2C1%2C1.42%2C1.737%2C1.61%2C1.61%2C0%2C0%2C1-.519%2C1.017%2C1.574%2C1.574%2C0%2C0%2C1-1.057.409%2C1.6%2C1.6%2C0%2C0%2C1-.172-.009%2C1.57%2C1.57%2C0%2C0%2C1-1.42-1.737%2C1.61%2C1.61%2C0%2C0%2C1%2C.519-1.017A1.574%2C1.574%2C0%2C0%2C1%2C14.585%2C95Zm.016%2C2.486a.889.889%2C0%2C0%2C0%2C.6-.232.924.924%2C0%2C0%2C0%2C.3-.584.884.884%2C0%2C0%2C0-.8-.978h-.008a.907.907%2C0%2C0%2C0-.1-.006.888.888%2C0%2C0%2C0-.6.232.924.924%2C0%2C0%2C0-.3.584.884.884%2C0%2C0%2C0%2C.8.978H14.5A.9.9%2C0%2C0%2C0%2C14.6%2C97.486Z%22%20transform%3D%22translate(-10.404%20-79.577)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_71_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%91%E3%82%B9%2071%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M1.9%2C112.023a1.151%2C1.151%2C0%2C0%2C1%2C.118.006%2C1.173%2C1.173%2C0%2C0%2C1%2C.8.43%2C1.146%2C1.146%2C0%2C0%2C1%2C.257.847%2C1.181%2C1.181%2C0%2C0%2C1-1.173%2C1.06c-.039%2C0-.079%2C0-.118-.006a1.177%2C1.177%2C0%2C0%2C1-.792-.417%2C1.15%2C1.15%2C0%2C0%2C1-.263-.859A1.181%2C1.181%2C0%2C0%2C1%2C1.9%2C112.023Zm0%2C1.656a.5.5%2C0%2C0%2C0%2C.49-.443h0a.465.465%2C0%2C0%2C0-.106-.343.492.492%2C0%2C0%2C0-.334-.181l-.049%2C0a.5.5%2C0%2C0%2C0-.49.443.469.469%2C0%2C0%2C0%2C.107.35.5.5%2C0%2C0%2C0%2C.333.174Z%22%20transform%3D%22translate(0%20-94.003)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    width: 19px;
    height: 19px;
  }
  .cat__ttl--topic h3::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_630%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20630%22%20transform%3D%22translate(-18%20-1341.079)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_69%22%20data-name%3D%22%E3%83%91%E3%82%B9%2069%22%20d%3D%22M0%2C0H19V19H0Z%22%20transform%3D%22translate(18%201341.079)%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3Cg%20id%3D%22%E5%90%88%E4%BD%93_2%22%20data-name%3D%22%E5%90%88%E4%BD%93%202%22%20transform%3D%22translate(1090%202425)%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M-1063.813-1067.022a8.5%2C8.5%2C0%2C0%2C1-7.187-8.4%2C8.5%2C8.5%2C0%2C0%2C1%2C8.5-8.5%2C8.5%2C8.5%2C0%2C0%2C1%2C8.5%2C8.5%2C8.5%2C8.5%2C0%2C0%2C1-7.187%2C8.4l-1.313%2C2.1Z%22%20stroke%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M%20-1062.500244140625%20-1066.8076171875%20L%20-1061.79248046875%20-1067.940185546875%20L%20-1061.340209960938%20-1068.01025390625%20C%20-1059.591674804688%20-1068.281494140625%20-1057.987426757812%20-1069.172485351562%20-1056.823120117188%20-1070.519287109375%20C%20-1055.6474609375%20-1071.87939453125%20-1054.999877929688%20-1073.6201171875%20-1054.999877929688%20-1075.420776367188%20C%20-1054.999877929688%20-1079.556030273438%20-1058.364624023438%20-1082.92041015625%20-1062.500366210938%20-1082.92041015625%20C%20-1066.635620117188%20-1082.92041015625%20-1070%20-1079.556030273438%20-1070%20-1075.420776367188%20C%20-1070%20-1073.619995117188%20-1069.3525390625%20-1071.879150390625%20-1068.1767578125%20-1070.51904296875%20C%20-1067.012573242188%20-1069.172241210938%20-1065.408569335938%20-1068.28125%20-1063.66015625%20-1068.010131835938%20L%20-1063.207763671875%20-1067.940063476562%20L%20-1062.500244140625%20-1066.8076171875%20M%20-1062.500366210938%20-1064.920532226562%20L%20-1063.813354492188%20-1067.02197265625%20C%20-1067.884399414062%20-1067.653076171875%20-1071%20-1071.1728515625%20-1071%20-1075.420776367188%20C%20-1071%20-1080.115234375%20-1067.19482421875%20-1083.92041015625%20-1062.500366210938%20-1083.92041015625%20C%20-1057.80517578125%20-1083.92041015625%20-1053.999877929688%20-1080.115234375%20-1053.999877929688%20-1075.420776367188%20C%20-1053.999877929688%20-1071.173095703125%20-1057.115600585938%20-1067.653442382812%20-1061.18701171875%20-1067.022094726562%20L%20-1062.500366210938%20-1064.920532226562%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_70%22%20data-name%3D%22%E3%83%91%E3%82%B9%2070%22%20d%3D%22M2.086-2.716l.2-6.72H.938l.2%2C6.72ZM1.61.154a.813.813%2C0%2C0%2C0%2C.826-.868.805.805%2C0%2C0%2C0-.826-.868.821.821%2C0%2C0%2C0-.826.868A.821.821%2C0%2C0%2C0%2C1.61.154Z%22%20transform%3D%22translate(25.7%201354.279)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    width: 19px;
    height: 19px;
  }
  .cat__list {
    width: 952px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    margin-left: auto;
    padding: 26px 0 16px 24px;
    background-color: #fff;
    border-radius: 10px;
    box-sizing: border-box;
  }
  .cat__items {
    font-size: 14px;
    margin-top: 8px;
    margin-right: 8px;
    line-height: 1.6;
    border: 1px solid #707476;
    border-radius: 3px;
  }
  .cat__items a {
    display: block;
    color: #002233;
    padding: 4px 14px;
  }
  .cat__items a:hover {
    text-decoration: none;
  }
}

@media (max-width: 740px) {
  /* SP */
  .cat__cnt {
    display: flex;
    align-items: flex-end;
    width: 91.467vw;
    margin-bottom: 6.4vw;
    position: relative;
  }
  .cat__cnt:last-of-type {
    margin-bottom: 0;
  }
  .cat__ttl {
    font-size: 4.267vw;
    color: #fff;
    font-weight: bold;
    text-align: left;
    width: 58.133vw;
    line-height: 1.5;
    background-color: #5DA2DE;
    padding: 1.067vw 0 1.067vw 3.2vw;
    border-radius: 0 1.067vw 1.067vw 0 ;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .cat__ttl h3 {
    padding-left: 8.533vw;
    position: relative;
  }
  .cat__ttl h3::before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
  }
  .cat__ttl--child h3::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2219.261%22%20viewBox%3D%220%200%2024%2019.261%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_592%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20592%22%20transform%3D%22translate(-16%20-1341.575)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E7%AC%91%E9%A1%94%E3%81%AE%E8%B5%A4%E3%81%A1%E3%82%83%E3%82%93%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%882%22%20transform%3D%22translate(16%201291.029)%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_65%22%20data-name%3D%22%E3%83%91%E3%82%B9%2065%22%20d%3D%22M168.977%2C244.933a.886.886%2C0%2C1%2C0-.886.885A.885.885%2C0%2C0%2C0%2C168.977%2C244.933Z%22%20transform%3D%22translate(-159.368%20-184.432)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_66%22%20data-name%3D%22%E3%83%91%E3%82%B9%2066%22%20d%3D%22M307.9%2C244.048a.885.885%2C0%2C1%2C0%2C.886.885A.885.885%2C0%2C0%2C0%2C307.9%2C244.048Z%22%20transform%3D%22translate(-292.619%20-184.432)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_67%22%20data-name%3D%22%E3%83%91%E3%82%B9%2067%22%20d%3D%22M23.157%2C59a2.87%2C2.87%2C0%2C0%2C0-1.828-.832A9.62%2C9.62%2C0%2C0%2C0%2C2.5%2C58.181a2.877%2C2.877%2C0%2C0%2C0%2C.373%2C5.73c.056%2C0%2C.109-.008.164-.012A9.622%2C9.622%2C0%2C0%2C0%2C20.8%2C63.89a2.807%2C2.807%2C0%2C0%2C0%2C.322.021A2.878%2C2.878%2C0%2C0%2C0%2C23.157%2C59ZM13.35%2C52a1.854%2C1.854%2C0%2C0%2C1%2C.146.191%2C2.836%2C2.836%2C0%2C0%2C1%2C.423%2C1.609%2C6.843%2C6.843%2C0%2C0%2C1-.481%2C2.33%2C7.973%2C7.973%2C0%2C0%2C1-2.121-2.414%2C3.573%2C3.573%2C0%2C0%2C1-.465-1.656c0-.043%2C0-.078%2C0-.113A7.849%2C7.849%2C0%2C0%2C1%2C13.35%2C52Zm-2.738%2C2.089a7.066%2C7.066%2C0%2C0%2C0%2C.834%2C1.22c-.359-.145-.719-.281-1.057-.424a4.208%2C4.208%2C0%2C0%2C1-1.428-.878%2C1.917%2C1.917%2C0%2C0%2C1-.405-.631%2C2.351%2C2.351%2C0%2C0%2C1-.147-.722%2C8.244%2C8.244%2C0%2C0%2C1%2C1.648-.563A4.383%2C4.383%2C0%2C0%2C0%2C10.613%2C54.091Zm11.605%2C8.038a1.539%2C1.539%2C0%2C0%2C1-1.609.365l-.629-.221-.219.63a8.3%2C8.3%2C0%2C0%2C1-15.67.043l-.206-.583-.6.164a1.549%2C1.549%2C0%2C1%2C1-.411-3.042c.027%2C0%2C.068%2C0%2C.123.006l.616.049.093-.612a8.318%2C8.318%2C0%2C0%2C1%2C3.941-5.873%2C2.955%2C2.955%2C0%2C0%2C0%2C.169.63%2C2.689%2C2.689%2C0%2C0%2C0%2C.5.8%2C4.082%2C4.082%2C0%2C0%2C0%2C1.268.911c.7.344%2C1.456.582%2C2.091.878a4.248%2C4.248%2C0%2C0%2C1%2C.838.492%2C1.981%2C1.981%2C0%2C0%2C1%2C.549.641.4.4%2C0%2C0%2C0%2C.715-.017%2C8.7%2C8.7%2C0%2C0%2C0%2C.938-3.59%2C3.965%2C3.965%2C0%2C0%2C0-.281-1.531%2C8.28%2C8.28%2C0%2C0%2C1%2C5.694%2C6.674l.1.66.659-.1a1.6%2C1.6%2C0%2C0%2C1%2C.235-.02%2C1.55%2C1.55%2C0%2C0%2C1%2C1.1%2C2.645Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_68%22%20data-name%3D%22%E3%83%91%E3%82%B9%2068%22%20d%3D%22M191.9%2C323.439a3%2C3%2C0%2C0%2C1-4.861%2C0%2C.465.465%2C0%2C0%2C0-.754.545%2C3.925%2C3.925%2C0%2C0%2C0%2C6.368%2C0%2C.465.465%2C0%2C0%2C0-.754-.544Z%22%20transform%3D%22translate(-177.467%20-259.917)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    width: 6.4vw;
    height: 5.067vw;
  }
  .cat__ttl--parent h3::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.262%22%20height%3D%2219.262%22%20viewBox%3D%220%200%2019.262%2019.262%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_630%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20630%22%20transform%3D%22translate(-0.722%20-1.1)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_69_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%91%E3%82%B9%2069%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M12.6%2C1.1a4.242%2C4.242%2C0%2C0%2C1%2C2.577.878%2C5.043%2C5.043%2C0%2C0%2C1%2C6.24%2C6.744%2C4.128%2C4.128%2C0%2C0%2C1%2C.488%2C1.942%2C4.249%2C4.249%2C0%2C0%2C1-2.243%2C3.731%2C3.653%2C3.653%2C0%2C0%2C1-5.529%2C2.542%2C3.69%2C3.69%2C0%2C0%2C1-6.265-1.654%2C4.256%2C4.256%2C0%2C0%2C1-1.061.031A4.189%2C4.189%2C0%2C0%2C1%2C4.27%2C8.12a4.1%2C4.1%2C0%2C0%2C1-.506-1.986A4.162%2C4.162%2C0%2C0%2C1%2C9.609%2C2.324%2C4.233%2C4.233%2C0%2C0%2C1%2C12.6%2C1.1Zm2.4%2C1.925-.21-.183a3.325%2C3.325%2C0%2C0%2C0-4.723.339l-.241.283-.327-.177A3.249%2C3.249%2C0%2C0%2C0%2C4.68%2C6.134a3.169%2C3.169%2C0%2C0%2C0%2C.559%2C1.814l.243.351-.333.267a3.292%2C3.292%2C0%2C0%2C0-1.234%2C2.251A3.3%2C3.3%2C0%2C0%2C0%2C6.889%2C14.4%2C3.333%2C3.333%2C0%2C0%2C0%2C8.112%2C14.3l.522-.144.055.538a2.772%2C2.772%2C0%2C0%2C0%2C4.987%2C1.363l.278-.381.372.289a2.782%2C2.782%2C0%2C0%2C0%2C1.717.605%2C2.736%2C2.736%2C0%2C0%2C0%2C2.732-2.505l.02-.269.245-.113a3.332%2C3.332%2C0%2C0%2C0%2C1.945-3.016%2C3.221%2C3.221%2C0%2C0%2C0-.476-1.679l-.13-.213.108-.225a4.126%2C4.126%2C0%2C0%2C0-5.234-5.625Z%22%20transform%3D%22translate(-1.917)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_70_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%91%E3%82%B9%2070%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M14.585%2C95a1.529%2C1.529%2C0%2C0%2C1%2C.172.009%2C1.57%2C1.57%2C0%2C0%2C1%2C1.42%2C1.737%2C1.61%2C1.61%2C0%2C0%2C1-.519%2C1.017%2C1.574%2C1.574%2C0%2C0%2C1-1.057.409%2C1.6%2C1.6%2C0%2C0%2C1-.172-.009%2C1.57%2C1.57%2C0%2C0%2C1-1.42-1.737%2C1.61%2C1.61%2C0%2C0%2C1%2C.519-1.017A1.574%2C1.574%2C0%2C0%2C1%2C14.585%2C95Zm.016%2C2.486a.889.889%2C0%2C0%2C0%2C.6-.232.924.924%2C0%2C0%2C0%2C.3-.584.884.884%2C0%2C0%2C0-.8-.978h-.008a.907.907%2C0%2C0%2C0-.1-.006.888.888%2C0%2C0%2C0-.6.232.924.924%2C0%2C0%2C0-.3.584.884.884%2C0%2C0%2C0%2C.8.978H14.5A.9.9%2C0%2C0%2C0%2C14.6%2C97.486Z%22%20transform%3D%22translate(-10.404%20-79.577)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_71_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%91%E3%82%B9%2071%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M1.9%2C112.023a1.151%2C1.151%2C0%2C0%2C1%2C.118.006%2C1.173%2C1.173%2C0%2C0%2C1%2C.8.43%2C1.146%2C1.146%2C0%2C0%2C1%2C.257.847%2C1.181%2C1.181%2C0%2C0%2C1-1.173%2C1.06c-.039%2C0-.079%2C0-.118-.006a1.177%2C1.177%2C0%2C0%2C1-.792-.417%2C1.15%2C1.15%2C0%2C0%2C1-.263-.859A1.181%2C1.181%2C0%2C0%2C1%2C1.9%2C112.023Zm0%2C1.656a.5.5%2C0%2C0%2C0%2C.49-.443h0a.465.465%2C0%2C0%2C0-.106-.343.492.492%2C0%2C0%2C0-.334-.181l-.049%2C0a.5.5%2C0%2C0%2C0-.49.443.469.469%2C0%2C0%2C0%2C.107.35.5.5%2C0%2C0%2C0%2C.333.174Z%22%20transform%3D%22translate(0%20-94.003)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    width: 5.067vw;
    height: 5.067vw;
  }
  .cat__ttl--topic h3::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_630%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20630%22%20transform%3D%22translate(-18%20-1341.079)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_69%22%20data-name%3D%22%E3%83%91%E3%82%B9%2069%22%20d%3D%22M0%2C0H19V19H0Z%22%20transform%3D%22translate(18%201341.079)%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3Cg%20id%3D%22%E5%90%88%E4%BD%93_2%22%20data-name%3D%22%E5%90%88%E4%BD%93%202%22%20transform%3D%22translate(1090%202425)%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M-1063.813-1067.022a8.5%2C8.5%2C0%2C0%2C1-7.187-8.4%2C8.5%2C8.5%2C0%2C0%2C1%2C8.5-8.5%2C8.5%2C8.5%2C0%2C0%2C1%2C8.5%2C8.5%2C8.5%2C8.5%2C0%2C0%2C1-7.187%2C8.4l-1.313%2C2.1Z%22%20stroke%3D%22none%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M%20-1062.500244140625%20-1066.8076171875%20L%20-1061.79248046875%20-1067.940185546875%20L%20-1061.340209960938%20-1068.01025390625%20C%20-1059.591674804688%20-1068.281494140625%20-1057.987426757812%20-1069.172485351562%20-1056.823120117188%20-1070.519287109375%20C%20-1055.6474609375%20-1071.87939453125%20-1054.999877929688%20-1073.6201171875%20-1054.999877929688%20-1075.420776367188%20C%20-1054.999877929688%20-1079.556030273438%20-1058.364624023438%20-1082.92041015625%20-1062.500366210938%20-1082.92041015625%20C%20-1066.635620117188%20-1082.92041015625%20-1070%20-1079.556030273438%20-1070%20-1075.420776367188%20C%20-1070%20-1073.619995117188%20-1069.3525390625%20-1071.879150390625%20-1068.1767578125%20-1070.51904296875%20C%20-1067.012573242188%20-1069.172241210938%20-1065.408569335938%20-1068.28125%20-1063.66015625%20-1068.010131835938%20L%20-1063.207763671875%20-1067.940063476562%20L%20-1062.500244140625%20-1066.8076171875%20M%20-1062.500366210938%20-1064.920532226562%20L%20-1063.813354492188%20-1067.02197265625%20C%20-1067.884399414062%20-1067.653076171875%20-1071%20-1071.1728515625%20-1071%20-1075.420776367188%20C%20-1071%20-1080.115234375%20-1067.19482421875%20-1083.92041015625%20-1062.500366210938%20-1083.92041015625%20C%20-1057.80517578125%20-1083.92041015625%20-1053.999877929688%20-1080.115234375%20-1053.999877929688%20-1075.420776367188%20C%20-1053.999877929688%20-1071.173095703125%20-1057.115600585938%20-1067.653442382812%20-1061.18701171875%20-1067.022094726562%20L%20-1062.500366210938%20-1064.920532226562%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_70%22%20data-name%3D%22%E3%83%91%E3%82%B9%2070%22%20d%3D%22M2.086-2.716l.2-6.72H.938l.2%2C6.72ZM1.61.154a.813.813%2C0%2C0%2C0%2C.826-.868.805.805%2C0%2C0%2C0-.826-.868.821.821%2C0%2C0%2C0-.826.868A.821.821%2C0%2C0%2C0%2C1.61.154Z%22%20transform%3D%22translate(25.7%201354.279)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    width: 5.067vw;
    height: 5.067vw;
  }
  .cat__list {
    display: flex;
    flex-wrap: wrap;
    margin-top: -3.2vw;
  }
  .cat__list {
    width: 88.533vw;
    display: flex;
    flex-wrap: wrap;
    margin-top: 4.267vw;
    margin-left: auto;
    padding: 4.267vw 0 4.267vw 4.267vw;
    background-color: #fff;
    border-radius: 2.667vw;
    box-sizing: border-box;
  }
  .cat__items {
    font-size: 3.733vw;
    margin-top: 3.2vw;
    margin-right: 2.133vw;
    line-height: 1.5;
    border: 0.267vw solid #707476;
    border-radius: 0.8vw;
  }

  .cat__items a {
    display: block;
    color: #002233;
    padding: 1.333vw 4vw;
  }
  .cat__items a:hover {
    text-decoration: none;
  }
}


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

おすすめ特集

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

@media (min-width: 741px) {
  /* PC */

  .reco__cnt {
    margin-bottom: 32px;
  }
  .reco__cnt:last-of-type {
    margin-bottom: 0;
  }
  .reco__main {
    width: 100%;
    display: block;
    margin-bottom: 32px;
  }
  .reco__main * {
    width: 100%;
  }
  .reco__lead {
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 28px;
  }
  .reco__list {
    display: flex;
    flex-wrap: wrap;
  }
  .reco__items {
    width: calc( 50% - 12px );
    /* width: 468px; */
    padding: 12px;
    margin-right: 24px;
    margin-bottom: 24px;
    border-radius: 12px;
    box-shadow: 2px 4px 12px 0px rgba(0,0,0,0.1);
    box-sizing: border-box;
  }
  .reco__items:nth-of-type(2n) {
    margin-right: 0;
  }
  .reco__items:nth-last-of-type(1),.reco__items:nth-last-of-type(2) {
    margin-bottom: 0;
  }
  .reco__items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .reco__items a:hover {
    text-decoration: none;
  }
  .reco__thumbs {
    width: 116px;
    display: block;
    margin-right: 16px;
  }
  .reco__thumbs img {
    width: 100%;
    border: 1px solid #CFD2D5;
  }
  .reco__txtarea {
    width: 312px;
  }
  .reco__dsc {
    display: block;
    font-weight: bold;
    color: #002233 !important;
    font-size: 16px;
    line-height: 1.5;
    min-height: 4.5em;
    margin-bottom: 8px;
  }
  .reco__dsc:hover {
    text-decoration: underline !important;
  }
  .reco__date {
    display: inline-block;
    font-size: 10px;
    color: #707476;
    line-height: 1.5;
  }
  .reco__date.reco__date--new {
    position: relative;
    padding-right: 3.4em;
  }
  .reco__date.reco__date--new::after {
    content: "NEW!";
    font-size: 10px;
    font-weight: bold;
    font-family: "Helvetica",sans-serif;
    color: #F53C3C;
    position: absolute;
    top: 0;
    right: 0;
  }
  .reco-tag {
    display: flex;
    flex-wrap: wrap;
  }
  .reco-tag__items {
    font-size: 12px;
    line-height: 1.6;
    border: 1px solid #707476;
    border-radius: 3px;
    margin-top: 8px;
    margin-right: 10px;
  }
  .reco-tag__items a {
    display: block;
    padding: 1px 11px;
    color: #002233;
  }
  .reco-tag__items:last-of-type {
    margin-right: 0;
  }
  .reco-tag__items--kosodate {
    border: 1px solid #FC7171;
  }
  .reco-tag__items--kosodate a {
    color: #FC7171;
  }
  .reco-tag__items--kyoiku {
    border: 1px solid #F8A259;
  }
  .reco-tag__items--kyoiku a {
    color: #F8A259;
  }
  .reco-tag__items--juken {
    border: 1px solid #5DA2DE;
  }
  .reco-tag__items--juken a {
    color: #5DA2DE;
  }
  .reco-tag__items--eigo {
    border: 1px solid #75D6A1;
  }
  .reco-tag__items--eigo a {
    color: #75D6A1;
  }

  .reco-bnr__list {
    display: flex;
    flex-wrap: wrap;
  }
  .reco-bnr__items {
    width: calc( 33% - 0.85% );
    margin-right: 1.7%;
    margin-bottom: 16px;
  }
  .reco-bnr__items:nth-of-type(3n) {
    margin-right: 0;
  }
  .reco-bnr__items:nth-last-of-type(1),.reco-bnr__items:nth-last-of-type(2),.reco-bnr__items:nth-last-of-type(3){
    margin-bottom: 0;
  }
  .reco-bnr__thumbs {
    width: 100%;
    display: block;
    margin-bottom: 4px;
  }
  .reco-bnr__thumbs img {
    width: 100%;
  }
  .reco-bnr__txt {
    display: block;
    font-size: 14px;
    color: #002233 !important;
    min-height: 40px;
    line-height: 1.6;
  }
}

@media (max-width: 740px) {
  /* SP */
  .reco__cnt >*:not(.reco__main){
    box-sizing:border-box;
  }
  .reco__cnt {
    width: 91.467vw;
    margin: 0 auto 10.667vw;
  }
  .reco__cnt:last-of-type {
    margin-bottom: 0;
  }
  .reco__main {
    width: 100%;
    display: block;
    margin-bottom: 4.267vw;
  }
  .reco__main * {
    width: 100%;
  }
  .reco__lead {
    font-size: 3.733vw;
    line-height: 1.6;
    text-align: left;
    margin-bottom: 6.4vw;
  }
  .reco__list {
  }
  .reco__items {
    width: 100%;
    padding: 3.2vw;
    margin-bottom: 2.133vw;
    border-radius: 2.133vw;
    box-shadow: 0.533vw 1.067vw 3.2vw 0px rgba(0,0,0,0.1);
    box-sizing: border-box;
  }
  .reco__items:last-of-type {
    margin-bottom: 0;
  }
  .reco__items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .reco__thumbs {
    width: 30.933vw;
    display: block;
  }
  .reco__thumbs img {
    width: 100%;
    border: 0.267vw solid #CFD2D5;
  }
  .reco__txtarea {
    width: 49.867vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .reco__dsc {
    display: block;
    font-size: 4.267vw;
    font-weight: bold;
    color: #002233 !important;
    line-height: 1.6;
    margin-bottom: 2.133vw;
  }
  .reco__dsc:hover a {
    text-decoration: underline !important;
  }
  .reco__date {
    display: inline-block;
    font-size: 2.667vw;
    color: #707476;
    line-height: 1.5;
  }
  .reco__date.reco__date--new {
    position: relative;
    padding-right: 3.2em;
  }
  .reco__date.reco__date--new::after {
    content: "NEW!";
    font-size: 2.667vw;
    font-family: "Helvetica",sans-serif;
    color: #F53C3C;
    position: absolute;
    top: 0;
    right: 0;
  }
  .reco-tag {
    display: flex;
    flex-wrap: wrap;
  }
  .reco-tag__items {
    font-size: 3.2vw;
    line-height: 1.5;
    border: 0.267vw solid #707476;
    border-radius: 0.8vw;
    margin-top: 2.133vw;
    margin-right: 2.133vw;
  }
  .reco-tag__items:last-of-type {
    margin-right: 0;
  }
  .reco-tag__items a {
    display: block;
    color: #707476;
    padding: 0.267vw 2.933vw;
  }
  .reco-tag__items--kosodate {
    border: 0.267vw solid #FC7171;
  }
  .reco-tag__items--kosodate a {
    color: #FC7171;
  }
  .reco-tag__items--kyoiku {
    border: 0.267vw solid #F8A259;
  }
  .reco-tag__items--kyoiku a {
    color: #F8A259;
  }
  .reco-tag__items--juken {
    border: 0.267vw solid #5DA2DE;
  }
  .reco-tag__items--juken a {
    color: #5DA2DE;
  }
  .reco-tag__items--eigo {
    border: 0.267vw solid #75D6A1;
  }
  .reco-tag__items--eigo a {
    color: #75D6A1;
  }

  .reco-bnr__list {
  }
  .reco-bnr__items {
    width: 100%;
    margin-bottom: 3.2vw;
  }
  .reco-bnr__items:last-of-type {
    margin-bottom: 0;
  }
  .reco-bnr__items:hover {
    opacity: 1;
  }
  .reco-bnr__thumbs {
    width: 100%;
    display: block;
    margin-bottom: 2px;
  }
  .reco-bnr__thumbs img {
    width: 100%;
  }
  .reco-bnr__txt {
    display: block;
    color: #002233 !important;
    font-size: 3.733vw;
    line-height: 1.6;
  }
}


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

まなびの手帳

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

@media (min-width: 741px) {
  /* PC */
  .manabi-inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    box-sizing: border-box;
  }
  .manabi-app {
    width: 71.5%;
    text-align: center;
  }
  .manabi-logo {
    width: 420px;
    margin: 0 auto 24px;
  }
  .manabi-logo img {
    width: 100%;
  }
  .manabi__txtarea {
    width: 420px;
    font-size: 18px;
    margin: 0 auto 24px;
  }
  .manabi__txt {
    text-align: left;
    position: relative;
    line-height: 1.2223;
    padding-left: 30px;
    margin-bottom: 12px;
  }
  .manabi__txt::after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cimage%20id%3D%22icon_check%22%20width%3D%2220%22%20height%3D%2220%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAEMklEQVRYhc3ZX4hVVRTH8c%2BMQ%2FlQJv0hEDWfajKyP4ZWYBKWFRQFVg8ODVQYYb0EGf15tQifQioiqgdNHyKKsIdICudFSyKD%2FFtBUFYvSVNJkOJMD2ufOfueuXfuf6cfHO6%2B%2B5yz1%2Ffuu%2Ffaa%2B09MG%2FZE3qgC3EVLsclOC%2FV%2F43fcQyH8Ee3hoa6ePcajGAtlmGgyfOT%2BAafYge%2B7cToQJs9PIj78DyWd2Iw05cYxXftvNROD6%2FE67i%2Bwf0fcRQ%2F42SqOx%2BLcCUuq9Pec3i4DYaWgIewGc%2Bo%2Fdsn8Bl2Yjd%2BadLOQjF8RnBrauuLFuzPwaOp%2FHYz4IvxAVZVQLeLH%2FFDCwYLHcc76VqIC8REbAa7DeuLipmAF4qeG87qvsaG9NmNjqdrJk2DJSZRPV0kZnMOuxU36R62FdWD3anBkBjCh2KiFHoKr%2FQNr1aNYEdxpl4Pb1Y7Zv83sEwfEiuENyj0qtmFfU8GSy3wgPCzhes6gKf7yzilerC78JAMllrge5Wr1wQew7%2F9Y5xSI9j7car6cA78Qlbejq%2F6QVdRW7CUwFfjhlSexIt9AszVNiwlcP7S5%2Fi%2B13QVdQRLCXxHVrejp2jT1TEsATwf12Z1u3tJV1FXsMSqtlTpyn7SfI3PjY%2Bm8jYV99Nj2NXpc2wIV2Q3jraEGnoEb6bybSoOvoewD4gFBB4cFIFOoVZ7l9pIb30CmtNjWCJXnCoPKhNGImlsVW8lw4XqQXc9ZlVyxUbhZSs6nQw3gu4FLBHoT2lImX8ROVg7OpUA3sc9qS4H7Ba2ynRySOwbFFrUZmM0h6Zz2CrTiUG1afawzlRA76pzrxvYKtOxQRwW0RnxaxZ32HA96G5hFyt7eAKHBzEuYt9CaztsXAJbhyfTtU7nsFWWAxgvvES%2BHI90YYDwHq%2Bl63SXbeUsuynd2vbsxmqxXM%2B2liqXZBJjAXwY%2B1J5QG1eN1vKd5r2CcaahWNLVh4Ve1%2BzpZXKwIqMLQf%2BCPtTeUAENnP7jjZdc5Ptonf3CzbUAk9io9LFLRO7PWdbW5NtiWWjYANzzr10Rf7wbzgHt6Tvy%2FEP9vYdM7QJz2bfX1LJgKrAMCZm55L0%2FXZnB3qT2nk0JvaOJ%2FOH6kVrZ8Qu%2B8Gsbov%2BjelizOawBxPDtISgUXg5jrvUQm8QE6CX3mOlODrYkNUdTLbH670wUzx8XGwKjmV1Vwuf%2BK7uFpelqY19ygkm2VplhsynWQA%2FjjViY6XwHgNiyTyEPaJ3lrQAuSQ9u0f04ojSdU0kG2s06NlC7ZwiXYc3xA5nPf2qPJQpjM4X0dYwFjR4bz8eVxuANVQ7p0gHcCPuFq7n5sr9BTNA1dNevIyPVTzBTGr3YHFSxLi7xA79etwpjsKaDa8JcdzwidikPtKmbbR%2FsNhI88QPGBbHuEXi%2BCdOiKPbI%2FirW0P%2FAW9SAZuOTnSkAAAAAElFTkSuQmCC%22%2F%3E%0A%3C%2Fsvg%3E%0A');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
  }
  .manabi__txt:last-of-type {
    margin-bottom: 0;
  }
  .manabi__btnarea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
  }
  .manabi__btn--qr {
    width: 237px;
    display: flex;
    align-items: center;
    background: #52c6d0;
    font-size: 10px;
    text-align: center;
    padding: 10px;
    border-radius: 8px;
    box-sizing: border-box;
  }
  .manabi__btn--qr img {
    width: 80px;
    height: 80px;
    margin-right: 8px;
  }
  .manabi__btn {
    width: 212px;
  }
  .manabi__btn img {
    width: 100%;
    display: block;
  }
  .manabi__btn a:hover img {
    opacity: 0.8;
  }
  .manabi-sns {
    display: flex;
    align-items: center;
    width: 296px;
    margin: 0 auto 16px;
    font-size: 11px;
    letter-spacing: 1px;
  }
  .manabi-sns__txt {
    margin-right: 10px;
  }
  .manabi-sns__list {
    display: flex;
  }
  .manabi-sns__item {
    display: inline-block;
    width: 50px;
    margin-right: 10px;
  }
  .manabi-sns__item:last-of-type {
    margin-right: 0;
  }
  .manabi-sns__item:hover {
    opacity: 0.8;
  }
  .manabi-sns__item img {
    width: 100%;
    display: block;
  }
  .manabi-award {
    color: #301d0d;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 15px;
    background-color: #fff;
    border-radius: 8px;
    box-sizing: border-box;
  }
  .manabi-award__thumbs {
    width: 109px;
    margin: 0 10px 0 0;
  }
  .manabi-award__thumbs img {
    width: 100%;
    display: block;
  }
  .manabi-award__txt {
    width: 435px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    letter-spacing: 1.5px;
  }
  .manabi-award__txt span {
    display: inline-block;
    font-size: 12px;
    padding: 24px 0 24px 15px;
    margin-right: 10px;
  }
  .manabi-award__txt p {
    font-size: 16px;
  }
  .manabi-award__link {
    display: flex;
    justify-content: flex-end;
    color: #fff !important;
    font-size: 12px;
    text-align: right;
    margin-top: 5px;
    text-decoration: underline !important;
  }
  .manabi-award__link:hover {
    opacity: 0.8;
    text-decoration: none !important;
  }
  .manabi__thumbs {
    margin: 0;
  }
  .manabi__thumbs img {
    position: absolute;
  }
  .manabi-free {
    width: 9.8%;
    top: -20px;
    right: 22.2%;
  }
  .manabi-image {
    width: 29%;
    right: -2%;
    top: 0px;
  }
}

@media (max-width: 740px) {
  /* SP */
  .manabi-inner {
    max-width: 91.467vw;
    margin: 0 auto;
    position: relative;
  }
  .manabi-app {
    width: 100%;
    text-align: center;
  }
  .manabi-logo {
    width: 77.333vw;
    margin: 0 auto 5.333vw;
  }
  .manabi-logo img {
    width: 100%;
  }
  .manabi__txtarea {
    display: flex;
    justify-content: space-between;
    font-size: 3.733vw;
    width: 85.333vw;
    margin-right: auto;
  }
  .manabi__txtarea ul {
    padding-top: 4.267vw;
  }
  .manabi__txt {
    text-align: left;
    position: relative;
    line-height: 1.2223;
    padding-left: 8vw;
    margin-bottom: 1.6vw;
  }
  .manabi__txt::after {
    content: "";
    width: 5.867vw;
    height: 5.867vw;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cimage%20id%3D%22icon_check%22%20width%3D%2220%22%20height%3D%2220%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAEMklEQVRYhc3ZX4hVVRTH8c%2BMQ%2FlQJv0hEDWfajKyP4ZWYBKWFRQFVg8ODVQYYb0EGf15tQifQioiqgdNHyKKsIdICudFSyKD%2FFtBUFYvSVNJkOJMD2ufOfueuXfuf6cfHO6%2B%2B5yz1%2Ffuu%2Ffaa%2B09MG%2FZE3qgC3EVLsclOC%2FV%2F43fcQyH8Ee3hoa6ePcajGAtlmGgyfOT%2BAafYge%2B7cToQJs9PIj78DyWd2Iw05cYxXftvNROD6%2FE67i%2Bwf0fcRQ%2F42SqOx%2BLcCUuq9Pec3i4DYaWgIewGc%2Bo%2Fdsn8Bl2Yjd%2BadLOQjF8RnBrauuLFuzPwaOp%2FHYz4IvxAVZVQLeLH%2FFDCwYLHcc76VqIC8REbAa7DeuLipmAF4qeG87qvsaG9NmNjqdrJk2DJSZRPV0kZnMOuxU36R62FdWD3anBkBjCh2KiFHoKr%2FQNr1aNYEdxpl4Pb1Y7Zv83sEwfEiuENyj0qtmFfU8GSy3wgPCzhes6gKf7yzilerC78JAMllrge5Wr1wQew7%2F9Y5xSI9j7car6cA78Qlbejq%2F6QVdRW7CUwFfjhlSexIt9AszVNiwlcP7S5%2Fi%2B13QVdQRLCXxHVrejp2jT1TEsATwf12Z1u3tJV1FXsMSqtlTpyn7SfI3PjY%2Bm8jYV99Nj2NXpc2wIV2Q3jraEGnoEb6bybSoOvoewD4gFBB4cFIFOoVZ7l9pIb30CmtNjWCJXnCoPKhNGImlsVW8lw4XqQXc9ZlVyxUbhZSs6nQw3gu4FLBHoT2lImX8ROVg7OpUA3sc9qS4H7Ba2ynRySOwbFFrUZmM0h6Zz2CrTiUG1afawzlRA76pzrxvYKtOxQRwW0RnxaxZ32HA96G5hFyt7eAKHBzEuYt9CaztsXAJbhyfTtU7nsFWWAxgvvES%2BHI90YYDwHq%2Bl63SXbeUsuynd2vbsxmqxXM%2B2liqXZBJjAXwY%2B1J5QG1eN1vKd5r2CcaahWNLVh4Ve1%2BzpZXKwIqMLQf%2BCPtTeUAENnP7jjZdc5Ptonf3CzbUAk9io9LFLRO7PWdbW5NtiWWjYANzzr10Rf7wbzgHt6Tvy%2FEP9vYdM7QJz2bfX1LJgKrAMCZm55L0%2FXZnB3qT2nk0JvaOJ%2FOH6kVrZ8Qu%2B8Gsbov%2BjelizOawBxPDtISgUXg5jrvUQm8QE6CX3mOlODrYkNUdTLbH670wUzx8XGwKjmV1Vwuf%2BK7uFpelqY19ygkm2VplhsynWQA%2FjjViY6XwHgNiyTyEPaJ3lrQAuSQ9u0f04ojSdU0kG2s06NlC7ZwiXYc3xA5nPf2qPJQpjM4X0dYwFjR4bz8eVxuANVQ7p0gHcCPuFq7n5sr9BTNA1dNevIyPVTzBTGr3YHFSxLi7xA79etwpjsKaDa8JcdzwidikPtKmbbR%2FsNhI88QPGBbHuEXi%2BCdOiKPbI%2FirW0P%2FAW9SAZuOTnSkAAAAAElFTkSuQmCC%22%2F%3E%0A%3C%2Fsvg%3E%0A');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
  }
  .manabi__txt:last-of-type {
    margin-bottom: 0;
  }
  .manabi__thumbs {
    width: 24vw;
    position: relative;
  }
  .manabi-free {
    width: 14.933vw;
    position: absolute;
    top: -1.333vw;
    right: 18.933vw;
    z-index: 0;
  }
  .manabi-image {
    width: 24vw;
    position: relative;
    z-index: 1;
  }
  .manabi__btnarea {
    max-width: 77.333vw;
    margin: auto;
    margin-bottom: 5.333vw;
    display: flex;
    justify-content: space-between;
  }
  .manabi__btn {
    width: 49%;
  }
  .manabi__btn img {
    width: 100%;
    display: block;
  }
  .manabi__btn a:hover {
    opacity: 0.8;
  }
  .manabi-sns {
    width: 78.933vw;
    margin: auto;
    font-size: 2.667vw;
    font-size: 0.625rem;
    text-align: center;
  }
  .manabi-sns__txt {
    margin-bottom: 1.333vw;
  }
  .manabi-sns__list {
    display: flex;
    justify-content: center;
  }
  .manabi-sns__item {
    display: inline-block;
    width: 13.333vw;
    margin-right: 1.333vw;
  }
  .manabi-sns__item:last-of-type {
    margin-right: 0;
  }
  .manabi-sns__item:hover {
    opacity: 0.8;
  }
  .manabi-sns__item img {
    width: 100%;
    display: block;
  }
  .manabi-award {
    padding: 4vw 4vw;
    max-width: 128vw;
    margin: 13.333vw auto 0;
    background: #fff;
    border-radius: 2.133vw;
    color: #301d0d;
  }
  .manabi-award__thumbs {
    width: 28vw;
    margin: auto;
    margin-top: -10.667vw;
    margin-bottom: 1.333vw;
  }
  .manabi-award__thumbs img {
    width: 100%;
    display: block;
  }
  .manabi-award__txt {
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.4vw;
  }
  .manabi-award__txt span {
    font-size: 3.2vw;
  }
  .manabi-award__txt p {
    font-size: 3.733vw;
  }
  .manabi-award__link {
    display: flex;
    justify-content: flex-end;
    color: #fff !important;
    font-size: 2.933vw;
    margin-top: 1.333vw;
    text-decoration: underline !important;
  }
  .manabi-award__link:hover {
    opacity: 0.8;
    text-decoration: none !important;
  }
}


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



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

@media (min-width: 741px) {
  /* PC */

}

@media (max-width: 740px) {
  /* SP */
}