@media screen and (min-width: 768px) {
  body {
    min-width: 1080px;
    margin: 0 auto; } }

header {
  width: 100%;
  border-bottom: 1px solid #f5f5f5; }
  @media screen and (min-width: 768px) {
    header {
      min-width: 1080px;
      margin: 0 auto; } }
  header:not(.scroll) {
    position: absolute;
    top: 0;
    left: 0; }

.header__contents {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  @media screen and (min-width: 768px) {
    .header__contents {
      margin: 0 40px;
      padding: 15px 0; } }
  @media screen and (max-width: 768px) {
    .header__contents {
      margin: 0 20px;
      padding: 10px 0;
      flex-wrap: wrap; } }

.header__text {
  color: #A4AFB3; }
  @media screen and (min-width: 768px) {
    .header__text {
      display: flex;
      align-items: center;
      position: absolute;
      top: 0;
      left: 88px;
      bottom: 0; } }
  @media screen and (max-width: 768px) {
    .header__text {
      display: block;
      width: 100%;
      margin-bottom: 8px;
      text-align: center; } }

@media screen and (min-width: 768px) {
  .header__logo {
    margin: 5px auto; } }
@media screen and (min-width: 768px) {
  .header__logo img {
    height: 30px; } }
@media screen and (max-width: 768px) {
  .header__logo img {
    height: 25px; } }

.header__sns__list {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0; }
  @media screen and (max-width: 768px) {
    .header__sns__list {
      margin: 10px 0;
      align-items: flex-end; } }

@media screen and (min-width: 768px) {
  .header__sns__item:not(:last-child) {
    margin-right: 12px; } }
@media screen and (max-width: 768px) {
  .header__sns__item:not(:last-child) {
    margin-right: 8px; } }
.header__sns__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #233D4C;
  border: 2px solid #233D4C;
  border-radius: 15px;
  transition: 0.4s; }
  @media screen and (min-width: 768px) {
    .header__sns__item a {
      width: 30px;
      height: 30px;
      margin-bottom: 5px;
      font-size: 1.6em; } }
  @media screen and (max-width: 768px) {
    .header__sns__item a {
      width: 25px;
      height: 25px;
      font-size: 1.4em; } }
  .header__sns__item a:hover {
    color: #fff;
    background-color: #233D4C; }

#gnav {
  border-top: 1px solid #F2F2F2; }
  @media screen and (min-width: 768px) {
    #gnav .gnav__list {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 16px 0;
      max-width: 1024px;
      margin: 0 auto; } }
  @media screen and (max-width: 768px) {
    #gnav .gnav__list {
      display: flex;
      padding: 12px 0;
      overflow: auto;
      -webkit-overflow-scrolling: touch; } }

@media screen and (min-width: 768px) {
  .gnav__list__item:not(:last-of-type) {
    margin-right: 8px; } }
@media screen and (max-width: 768px) {
  .gnav__list__item:not(:last-of-type) {
    margin-right: 4px; }
  .gnav__list__item:last-of-type {
    margin-right: auto;
    padding-right: 20px; }
  .gnav__list__item:first-of-type {
    margin-left: auto;
    padding-left: 20px; } }
.gnav__list__item.has_child {
  display: flex;
  justify-content: center;
  position: relative; }
  .gnav__list__item.has_child .gnav__sub-list {
    display: none;
    position: absolute;
    z-index: 2;
    background-color: #fff;
    padding-top: 46px; }
    .gnav__list__item.has_child .gnav__sub-list .gnav__sub-list__item {
      white-space: nowrap;
      text-align: center; }
@keyframes opacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .gnav__list__item.has_child:hover > .gnav__list__item__link {
    color: #fff;
    background-color: #D85041; }
  .gnav__list__item.has_child:hover .gnav__sub-list {
    display: block;
    animation: opacity 0.4s linear 0s; }
    .gnav__list__item.has_child:hover .gnav__sub-list .gnav__sub-list__item .gnav__list__item__link {
      border-radius: 0; }

.gnav__list__item__link {
  display: block;
  width: 100%;
  height: 100%;
  font-weight: bold;
  letter-spacing: 0.05em;
  border-radius: 20px;
  z-index: 3;
  transition: color 0.4s, background-color 0.4s; }
  @media screen and (min-width: 768px) {
    .gnav__list__item__link {
      padding: 8px 24px;
      font-size: 1.4em; } }
  @media screen and (max-width: 768px) {
    .gnav__list__item__link {
      padding: 6px 12px;
      font-size: 1.2em;
      white-space: nowrap; } }
  .gnav__list__item__link:hover {
    color: #fff;
    background-color: #D85041; }

header.scroll {
  background-color: #fff;
  position: fixed;
  z-index: 3;
  -webkit-animation: header__slidein 0.4s;
  animation: header__slidein 0.4s; }
  @media screen and (min-width: 768px) {
    header.scroll {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 60px;
      padding: 0 40px; } }
  header.scroll .header__text, header.scroll .header__sns__list {
    display: none; }
  header.scroll .header__contents {
    min-width: 0;
    margin: 0; }
    @media screen and (max-width: 768px) {
      header.scroll .header__contents {
        padding: 0; } }
  header.scroll .header__logo {
    margin: 0; }
    header.scroll .header__logo img {
      height: 26px; }
    @media screen and (max-width: 768px) {
      header.scroll .header__logo {
        display: none; } }
  header.scroll #gnav {
    border-top: 0; }
  header.scroll .gnav__list__item__link {
    padding: 8px 14px;
    font-size: 1.2em; }

@keyframes header__slidein {
  0% {
    top: -60px; }
  100% {
    top: 0; } }
.breadcrumbs {
  background-color: #f5f5f5;
  padding: 8px 0;
  font-size: 1.1em; }
  @media screen and (max-width: 768px) {
    .breadcrumbs {
      display: none; } }
  .breadcrumbs .wrap > span > span {
    display: flex;
    align-items: center; }
  .breadcrumbs a {
    display: inline-block;
    transition: 0.4s; }
  .breadcrumbs a:hover {
    color: #D85041; }
  .breadcrumbs .icon-icon-rightarrow {
    margin: 0 8px; }
  .breadcrumbs .breadcrumb_last {
    color: #B3B3B3; }

.wp-pagenavi {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center; }
  .wp-pagenavi span:not(.extend),
  .wp-pagenavi a:not(.nextpostslink):not(.previouspostslink) {
    display: flex;
    width: 40px;
    height: 40px;
    margin-right: 12px;
    padding-top: 4px;
    font-weight: bold;
    font-family: 'Gotham', sans-serif;
    color: #D85041;
    background-color: #fff;
    border: 2px solid #D85041;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0 4px 2px rgba(216, 80, 65, 0.15); }
    @media screen and (min-width: 768px) {
      .wp-pagenavi span:not(.extend),
      .wp-pagenavi a:not(.nextpostslink):not(.previouspostslink) {
        font-size: 1.7em; } }
    @media screen and (max-width: 768px) {
      .wp-pagenavi span:not(.extend),
      .wp-pagenavi a:not(.nextpostslink):not(.previouspostslink) {
        font-size: 1.6em; } }
  .wp-pagenavi a {
    transition: 0.4s; }
  .wp-pagenavi span:last-child,
  .wp-pagenavi a:not(.previouspostslink):last-child {
    margin-right: 0; }
  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .previouspostslink {
    font-size: 2em;
    color: #D85041; }
  .wp-pagenavi .nextpostslink {
    margin-left: 16px; }
    @media screen and (max-width: 768px) {
      .wp-pagenavi .nextpostslink {
        position: absolute;
        right: 20px; } }
  .wp-pagenavi .previouspostslink {
    margin-right: 16px; }
    @media screen and (max-width: 768px) {
      .wp-pagenavi .previouspostslink {
        position: absolute;
        left: 20px; } }
  .wp-pagenavi .current {
    background-color: #D85041 !important;
    color: #fff !important;
    cursor: default; }
  .wp-pagenavi a:not(.nextpostslink):not(.previouspostslink):hover {
    color: #fff;
    background-color: #F25A49;
    border-color: #F25A49; }
  .wp-pagenavi .nextpostslink:hover,
  .wp-pagenavi .previouspostslink:hover {
    color: #F25A49; }
  .wp-pagenavi .extend {
    font-weight: bold;
    color: #D85041;
    margin-right: 12px; }
    .wp-pagenavi .extend:last-of-type {
      display: none; }

/*---------------------------/
//main
/---------------------------*/
@media screen and (min-width: 768px) {
  .contents__wrap {
    margin-bottom: 96px; } }
@media screen and (max-width: 768px) {
  .contents__wrap {
    margin-bottom: 60px;
    flex-direction: column; } }
@media screen and (min-width: 768px) {
  .index .contents__wrap, .category .contents__wrap, .search .contents__wrap {
    margin-top: 56px; } }
@media screen and (max-width: 768px) {
  .index .contents__wrap, .category .contents__wrap, .search .contents__wrap {
    margin-top: 40px; } }
@media screen and (min-width: 768px) {
  .index .fv + .contents__wrap {
    margin-top: 96px; } }
@media screen and (max-width: 768px) {
  .index .fv + .contents__wrap {
    margin-top: 40px; } }

/*---------------------------/
//footer
/---------------------------*/
.cta__wrap {
  display: block;
  margin: 0 40px 96px;
  padding: 64px 40px 62px;
  background-image: url("../img/cv__footer-human.png");
  background-size: 1280px auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  text-align: center;
  border-radius: 4px;
  position: relative;
  overflow: hidden; }

.cta__wrap::after {
  content: '';
  width: 100%;
  height: 288px;
  margin: 0 auto;
  background-image: url(../img/cv__footer-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1; }

.cta__text {
  margin-bottom: 34px;
  font-size: 2.4em;
  font-weight: bold;
  color: #233d4c;
  line-height: 1.7; }

.cta__text span {
  display: block; }

.banner__wap {
  display: block;
  padding: 32px 40px;
  background-color: #f5f5f5; }

.banner__list {
  display: flex;
  overflow: hidden;
  -webkit-overflow-scrolling: touch; }

.banner__item {
  width: 238px;
  min-width: 238px;
  height: 80px;
  margin-right: 24px; }

.banner__item:last-of-type {
  margin-right: 0; }

.banner__img {
  vertical-align: bottom; }

footer {
  padding: 80px 0 72px; }

.footer__wrap-t {
  margin-bottom: 40px;
  padding-bottom: 80px;
  border-bottom: 1px solid #F2F2F2; }

.footer__wrap-t .wrap {
  display: flex; }

.footer__contents-l {
  width: 204px;
  margin-right: 95px; }

.logo__footer {
  width: 186px;
  margin: 0 0 20px; }

.footer__contents-l__text {
  line-height: 2; }

#fnav {
  width: calc(100% - 299px); }

.fnav__list {
  display: flex;
  width: 100%;
  justify-content: space-between; }

.fnav__item {
  font-size: 1.4em;
  font-weight: bold; }

.fnav__list-sub {
  margin-top: 24px;
  font-size: 10px; }

.fnav__item-sub {
  margin-bottom: 16px; }

.fnav__item-sub a {
  font-size: 1.3em;
  line-height: 1.8;
  font-weight: 100;
  color: #7A878C;
  transition: 0.4s; }

.fnav__item-sub a:hover {
  color: #D85041; }

.fnav__item-sub:last-of-type {
  margin-bottom: 0; }

.footer__wrap-b {
  display: flex;
  justify-content: justify; }

.flink__list {
  display: flex; }

.flink__item {
  margin-right: 32px; }

.flink__item a {
  font-size: 1.1em;
  font-weight: 100;
  color: #7A878C;
  transition: 0.4s; }

.flink__item:hover a {
  color: #D85041; }

.flink__item:last-of-type {
  margin-right: 0; }

.copyright {
  margin-left: auto;
  font-size: 1.1em;
  font-weight: 100;
  color: #7A878C; }

.to_top {
  display: none;
  width: 50px;
  height: 50px;
  border: 2px solid #D85041;
  background-color: #fff;
  font-size: 2em;
  color: #D85041;
  border-radius: 25px;
  position: fixed;
  right: 38px;
  bottom: 55px;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 2px rgba(216, 80, 65, 0.15);
  opacity: 0;
  transition: 0.4s;
  z-index: 1; }

@media screen and (min-width: 769px) {
  .to_top:hover {
    background-color: #D85041;
    color: #fff;
    bottom: 57px; } }
@media screen and (max-width: 768px) {
  	/*---------------------------/
  //footer
  /---------------------------*/
  .cta__wrap {
    margin: 0 20px 48px;
    padding: 48px 24px;
    background: none; }

  .cta__wrap::after {
    height: 254px;
    background-size: auto 100%; }

  .cta__text {
    margin-bottom: 24px;
    font-size: 2em;
    line-height: 1.4; }

  .cta__text span {
    margin-bottom: 8px;
    font-size: 13px; }

  .banner__wap {
    padding: 32px 0; }

  .banner__list {
    margin: 0 !important;
    overflow-x: auto;
    overflow-y: hidden; }

  .banner__item {
    margin-right: 12px; }

  .banner__item:first-of-type {
    padding-left: 20px;
    box-sizing: content-box; }

  .banner__item:last-of-type {
    padding-right: 20px;
    box-sizing: content-box; }

  .banner__item__link {
    display: inline-block; }

  footer {
    padding: 48px 0 60px; }

  .footer__wrap-t .wrap {
    margin: 0 20px;
    flex-direction: column; }

  .footer__contents-l {
    display: block;
    width: auto;
    margin: 0 20px 40px;
    text-align: center; }

  .logo__footer {
    width: 200px;
    margin: 0 auto 12px; }

  .footer__wrap-t {
    margin-bottom: 36px;
    padding-bottom: 36px; }

  .footer__contents-l__text {
    font-size: 1em;
    line-height: 1.7; }

  #fnav {
    width: auto; }

  .fnav__list {
    flex-direction: column; }

  .fnav__item:not(:last-of-type) {
    margin-bottom: 28px; }

  .fnav__list-sub {
    display: flex;
    margin-top: 12px;
    flex-wrap: wrap; }

  .fnav__item-sub {
    width: calc(50% - 4px);
    margin: 0 8px 6px 0; }

  .fnav__item:nth-child(3) .fnav__item-sub,
  .fnav__item:nth-child(4) .fnav__item-sub {
    margin-bottom: 0; }

  .fnav__item-sub:nth-child(2n) {
    margin-right: 0; }

  .fnav__item-sub a {
    display: flex;
    padding: 0 24px 0 12px;
    height: 52px;
    color: #233D4C;
    background-color: #f5f5f5;
    border-radius: 3px;
    font-size: 1.2em;
    line-height: 1.3;
    align-items: center;
    position: relative; }

  .fnav__item-sub a:not(.link-blank)::after {
    font-family: 'icon';
    content: '\e906';
    position: absolute;
    right: 8px; }

  div:not(.single__content) > .link-blank::after {
    margin-left: 0px;
    position: absolute;
    right: 12px; }

  .footer__wrap-b {
    display: block;
    margin: 0 20px; }

  .flink__list {
    flex-wrap: wrap; }

  .flink__list + .copyright {
    text-align: left; }

  .flink__item {
    width: calc(50% - 16px);
    margin: 0 32px 20px 0;
    text-align: left; }

  .flink__item:nth-child(2n) {
    margin-right: 0; }

  .flink__item:nth-last-child(-n + 2) {
    margin-bottom: 0; }

  .flink__item .link-blank {
    display: inline-block; }

  .flink__item .link-blank::after {
    margin-left: 8px;
    position: static; }

  .to_top {
    width: 45px;
    height: 45px;
    font-size: 1.6em;
    right: 20px;
    bottom: 40px; }

  .copyright {
    margin: 32px 0 0; } }
.fv {
  display: flex;
  background-color: #f5f5f5;
  align-items: flex-end;
  justify-content: center; }
  @media screen and (min-width: 768px) {
    .fv {
      width: calc(100% - 80px);
      height: 353px;
      margin: 0 40px;
      padding-top: 26px;
      border-radius: 4px; } }
  @media screen and (max-width: 768px) {
    .fv {
      width: 100%;
      padding: 28px 20PX 0; } }

.fv__img {
  width: 100%;
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .fv__img {
      max-width: 1024px;
      max-height: 327px; } }

@media screen and (min-width: 768px) {
  .article__wrap {
    width: 672px;
    min-width: 672px; } }
@media screen and (max-width: 768px) {
  .article__wrap {
    width: calc(100% - 40px);
    margin: 0 20px 60px; } }

.sec__caption {
  font-weight: bold; }
  @media screen and (min-width: 768px) {
    .sec__caption {
      margin-bottom: 24px;
      font-size: 1.8em; } }
  @media screen and (max-width: 768px) {
    .sec__caption {
      margin-bottom: 16px;
      font-size: 1.6em; } }

.article__sec {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (min-width: 768px) {
    .article__sec {
      width: 672px;
      margin-bottom: 56px; } }
  @media screen and (max-width: 768px) {
    .article__sec {
      width: 100%;
      margin-bottom: 40px;
      flex-direction: column; } }
  .article__sec .article__box {
    display: flex;
    transition: 0.4s;
    flex-direction: column; }
    @media screen and (min-width: 768px) {
      .article__sec .article__box {
        width: 320px; }
        .article__sec .article__box:not(:nth-child(2n)) {
          margin-right: 32px; }
        .article__sec .article__box:not(:nth-of-type(-n + 2)) {
          margin-top: 48px; } }
    @media screen and (max-width: 768px) {
      .article__sec .article__box:not(:last-of-type) {
        margin-bottom: 40px; } }
    .article__sec .article__box .article__thumbnail {
      margin-bottom: 16px;
      border-radius: 6px;
      transition: 0.4s; }
      @media screen and (min-width: 768px) {
        .article__sec .article__box .article__thumbnail {
          height: 197px; } }
      .article__sec .article__box .article__thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        align-self: flex-start; }
    .article__sec .article__box .article__link {
      display: flex;
      margin-bottom: auto;
      flex-direction: column; }
    .article__sec .article__box:hover {
      cursor: pointer; }
      .article__sec .article__box:hover .article__thumbnail {
        transform: translateY(-2px);
        box-shadow: 0 3px 10px rgba(152, 158, 176, 0.6); }
      .article__sec .article__box:hover .article__title {
        color: #D85041; }
    .article__sec .article__box .article__title {
      font-size: 1.6em;
      font-weight: bold;
      line-height: 1.6;
      transition: 0.4s; }
      @media screen and (min-width: 768px) {
        .article__sec .article__box .article__title {
          margin-bottom: 20px; } }
      @media screen and (max-width: 768px) {
        .article__sec .article__box .article__title {
          margin-bottom: 24px; } }
    .article__sec .article__box .article__time {
      display: block;
      font-size: 1.1em;
      font-family: Gotham,sans-serif;
      color: #A4AFB3; }
      @media screen and (min-width: 768px) {
        .article__sec .article__box .article__time {
          margin-bottom: 4px; } }
      @media screen and (max-width: 768px) {
        .article__sec .article__box .article__time {
          margin-bottom: 6px; } }
    .article__sec .article__box .article__category__link {
      display: inline-block;
      font-size: 1.1em;
      line-height: 1.5;
      color: #A4AFB3;
      transition: 0.4s; }
      .article__sec .article__box .article__category__link:before {
        content: '#'; }
      .article__sec .article__box .article__category__link:hover {
        color: #D85041; }

@media screen and (min-width: 768px) {
  .side__wrap {
    width: 304px;
    min-width: 304px;
    margin-left: 48px; } }
@media screen and (max-width: 768px) {
  .side__wrap {
    display: flex;
    padding: 48px 20px 0;
    flex-direction: column; }
    .index .side__wrap {
      background-color: #F5F5F5; }
    body:not(.index) .side__wrap {
      background: -webkit-linear-gradient(#f5f5f5 99%, #fff);
      background: -o-linear-gradient(#f5f5f5 99%, #fff);
      background: linear-gradient(#f5f5f5 99%, #fff); } }
@media screen and (min-width: 768px) {
  .side__wrap section:not(.ad__sec) {
    margin-bottom: 48px; } }
@media screen and (max-width: 768px) {
  .side__wrap section {
    margin-bottom: 48px; } }

@media screen and (max-width: 768px) {
  .search__sec {
    order: 1; } }
.search__sec .form__box {
  display: flex;
  align-items: center;
  position: relative; }
.search__sec .search__form {
  display: block;
  width: 100%;
  padding: 12px 16px 12px 32px;
  font-size: 1.3em;
  border: 1px solid #F2F2F2;
  background: #fff;
  border-radius: 4px; }
  .search__sec .search__form::placeholder {
    color: #E6E6E6; }
  .search__sec .search__form::-webkit-input-placeholder {
    padding-top: 0.2em; }
  .search__sec .search__form:focus {
    border-color: #D85041; }
    .search__sec .search__form:focus::placeholder {
      color: #fff; }
.search__sec i {
  position: absolute;
  left: 12px;
  z-index: 2;
  color: #A4AFB3; }

@media screen and (min-width: 768px) {
  .pickup__list, .sidebar-category__list, .ad__sec {
    padding: 24px;
    background-color: #F5F5F5;
    border-radius: 6px; } }
@media screen and (max-width: 768px) {
  .pickup__sec {
    order: 2; } }

.pickup__item:not(:last-of-type) {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #E8E8E8; }

.pickup__link {
  display: flex;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .pickup__link {
      height: 59px; } }
  @media screen and (max-width: 768px) {
    .pickup__link {
      height: 77.5px; } }
  .pickup__link:hover .pickup__title {
    color: #D85041; }

.pickup__img {
  border-radius: 3px; }
  @media screen and (min-width: 768px) {
    .pickup__img {
      width: 95px;
      margin-right: 16px; } }
  @media screen and (max-width: 768px) {
    .pickup__img {
      width: 125px;
      margin-right: 20px; } }

.pickup__title {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.6;
  transition: color 0.4s;
  display: -webkit-box;
  -webkit-box-orient: vertical; }
  @media screen and (min-width: 768px) {
    .pickup__title {
      -webkit-line-clamp: 3; } }
  @media screen and (max-width: 768px) {
    .pickup__title {
      -webkit-line-clamp: 4; } }

@media screen and (max-width: 768px) {
  .sidebar-category__sec {
    order: 4; }
    .index .sidebar-category__sec {
      display: none; } }

@media screen and (max-width: 768px) {
  .sidebar-category__list {
    display: flex;
    flex-wrap: wrap; } }

.sidebar-category__item {
  border-radius: 3px;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .sidebar-category__item {
      height: 68px; }
      .sidebar-category__item:not(:last-of-type) {
        margin-bottom: 16px; } }
  @media screen and (max-width: 768px) {
    .sidebar-category__item {
      width: calc(50% - 8px);
      height: 98px; }
      .sidebar-category__item:not(:nth-child(2n)) {
        margin-right: 16px; }
      .sidebar-category__item:nth-of-type(-n + 4) {
        margin-bottom: 16px; } }
  .sidebar-category__item .sidebar-category__link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative; }
    .sidebar-category__item .sidebar-category__link::before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgba(35, 61, 76, 0.6);
      transition: background-color 0.4s; }
    .sidebar-category__item .sidebar-category__link:hover::before {
      background-color: rgba(35, 61, 76, 0.9); }
    .sidebar-category__item .sidebar-category__link .sidebar-category__title {
      position: absolute;
      margin: auto;
      font-weight: bold;
      color: #fff;
      z-index: 2;
      pointer-events: none; }
      @media screen and (min-width: 768px) {
        .sidebar-category__item .sidebar-category__link .sidebar-category__title {
          font-size: 1.3em; } }
      @media screen and (max-width: 768px) {
        .sidebar-category__item .sidebar-category__link .sidebar-category__title {
          font-size: 1.4em;
          line-height: 1.6;
          text-align: center; } }
    .sidebar-category__item .sidebar-category__link .sidebar-category__img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

.ad__sec {
  text-align: center; }
  @media screen and (min-width: 768px) {
    .ad__sec {
      position: sticky;
      top: 72px; } }
  @media screen and (max-width: 768px) {
    .ad__sec {
      order: 0; } }
  .ad__sec a {
    transition: 0.4s;
    display: inline-block; }
    .ad__sec a:not(:last-of-type) {
      margin-bottom: 16px; }
    .ad__sec a:hover {
      opacity: 0.8; }

@media screen and (min-width: 768px) {
  .footer-category__sec {
    padding: 80px 0 96px;
    background: -webkit-linear-gradient(#f5f5f5 90%, #fff);
    background: -o-linear-gradient(#f5f5f5 90%, #fff);
    background: linear-gradient(#f5f5f5 90%, #fff); } }
@media screen and (max-width: 768px) {
  .footer-category__sec {
    margin: 0 20px 60px; } }

@media screen and (min-width: 768px) {
  .footer-category__list {
    display: flex; } }

@media screen and (min-width: 768px) {
  .footer-category__item {
    width: 144px; } }
@media screen and (min-width: 768px) {
  .footer-category__item:not(:last-child) {
    margin-right: 32px; } }
@media screen and (max-width: 768px) {
  .footer-category__item:not(:last-child) {
    margin-bottom: 32px; } }
.footer-category__item:hover .footer-category__figure {
  transform: translateY(-2px);
  box-shadow: 0 3px 10px rgba(152, 158, 176, 0.6); }
.footer-category__item:hover .footer-category__figure::before {
  background-color: rgba(35, 61, 76, 0.9); }

.footer-category__figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 16px;
  position: relative;
  border-radius: 6px;
  transition: 0.4s; }
  @media screen and (min-width: 768px) {
    .footer-category__figure {
      height: 116px; } }
  @media screen and (max-width: 768px) {
    .footer-category__figure {
      height: 88px; } }
  .footer-category__figure::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(35, 61, 76, 0.6);
    transition: background-color 0.4s; }
  .footer-category__figure .footer-category__img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.footer-category__figcaption {
  position: absolute;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1.5; }
  @media screen and (min-width: 768px) {
    .footer-category__figcaption {
      font-size: 1.6em; } }
  @media screen and (max-width: 768px) {
    .footer-category__figcaption {
      font-size: 1.3em; } }

.footer-category__text {
  font-size: 1.3em;
  line-height: 1.7;
  color: #7A878C; }