@charset "utf-8";

.category_links {
  padding: var(--s1) var(--s2) var(--s1) var(--s5);
  background: #F3F4F6;
  font-size: 3.2rem;
  font-weight: 900;
  position: relative;
  margin-bottom: 20px;
}

.category_links::before {
  content: "";
  width: 2rem;
  height: 0.5rem;
  background: linear-gradient(to right, #1A6DE5 0, #A96EC9 100%);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.sidebar-banner {
  margin-bottom: var(--s3);
  padding: var(--s4) var(--s1) var(--s5);
  border: solid 0.3rem #111;
  background: url(https://www.biz-psychology.com/wp/wp-content/themes/wp001j/img/arrow-01-white-right.svg) no-repeat right var(--s2) bottom var(--s2), url(https://www.biz-psychology.com/wp/wp-content/themes/wp001j/img/bg-banner-01.jpg) no-repeat center/cover;
  font-size: 2rem;
  font-weight: 900;
  text-shadow: 1px 1px 0rem #0f2b46;
  text-align: center;
  color: #a5422a;
  display: block;
  text-decoration: none;
  filter: brightness(1.8) contrast(1.5);
}

.sidebar-banner--02 {
  background: url(https://www.biz-psychology.com/wp/wp-content/themes/wp001j/img/arrow-01-white-right.svg) no-repeat right var(--s2) bottom var(--s2), url(https://www.biz-psychology.com/wp/wp-content/themes/wp001j/img/bg-banner-02.jpg) no-repeat center/cover;
}

.sidebar-banner:hover {
  color: #d36045;
  opacity: 0.6;
}

.main-area--low h1:before {
  background: linear-gradient(to right, #1A6DE5 0, #A96EC9 100%);
}

.tab-btn {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}



/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/

@media screen and (min-width: 768px) {

  .image-wrap {
    margin: 0 auto;
    width: 80%;
  }

  .tab-btn-wrapper {
    align-items: flex-end;
  }

  .tab-btn:nth-of-type(1):hover {
    background: #245CB1;
    border-color: #245CB1;
    color: #fff;
  }

  .tab-btn:nth-of-type(2):hover {
    background: #516DDA;
    border-color: #516DDA;
    color: #fff;
  }

  .tab-btn:nth-of-type(3):hover {
    background: #8676D3;
    border-color: #8676D3;
    color: #fff;
  }

  .tab-btn:nth-of-type(4):hover {
    background: #B380CF;
    border-color: #B380CF;
    color: #fff;
  }

  .tab-btn.is-active {
    flex: 1.4;
    padding: var(--s4) var(--s1);
    font-size: 2.4rem;
  }

  .slide01-inner:before {
    content: none;
  }

  .vertical-slider__slide:nth-child(1) {
    background: url(https://www.biz-psychology.com/wp/wp-content/uploads/bg-mv.jpg) no-repeat center / cover;
  }

  .slide01-inner {
    padding-left: 0;
  }
  
  .slide01-inner__text01 {
    background: #245cb1;
    color: #fff;
  }

  .slide01-inner__text02 {
    background: #245cb1;
    color: #fff;
  }

  .slide01-inner__list {
    margin-left: var(--s1);
  }
}



/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 767px) {

  /*/////////////SP用のCSSをここに作成してください。/////////////*/
  /*/////////////必ず中括弧の中に作成してください。/////////////*/

  .category_links {
    padding: var(--s1) var(--s1) var(--s1) var(--s4);
    font-size: 2.3rem;
  }

  .category_links::before {
    height: 0.4rem;
  }
	
  .slide01-inner:before {
    content: none;
	}

  .vertical-slider__slide:nth-child(1) {
    background: url(https://www.biz-psychology.com/wp/wp-content/uploads/bg-mv.jpg) no-repeat -830px / cover;
  }

  .slide01-inner__text01 {
    background: #245cb1;
    color: #fff;
  }

  .slide01-inner__text02 {
    background: #245cb1;
    color: #fff;
  }

  .slide01-inner__title {
    margin-left: 23vw;
  }
}