:root {
  --color-primary: #264389;
  --color-secondary: #2e4a8d;
  --color-thirdly: #3080b5;
  --color-gray01: #707070;
  --color-gray02: #f0f0f0;
  --color-bg: #f4f6f9;
  --color-border: #e8e8e8;
  --color-link: #2b4686;
  --color-accent: #1db0b2;
}



/* ---------------------------------------------------
- ヘッダー
--------------------------------------------------- */

.c-globalHeader__buttonList {
  position: absolute;
  top: 0px;
  right: 0;
  display: flex;
  gap: 0px;
  z-index: 10;
}

.c-globalHeader__buttonList li{
  border-left: var(--color-gray02) 1px solid;
}

.c-globalHeader__button-mypage,
.c-globalHeader__button-register {  
  display: flex;
  align-items: center;
  justify-content: center;

  width: 92px;
  height: 92px;

  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 16px;}

.c-globalHeader__button-mypage,
.c-globalHeader__button-login{
background-color: #fff;
color: var(--color-primary);
}
.c-globalHeader__button-register{
  background-color: var(--color-accent);
  color: #fff;
}

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


  .c-globalHeader__button-mypage:hover,
  .c-globalHeader__button-login:hover {
    opacity: 0.7;
    background-color: #fff!important;
  }
  }

  @media screen and (max-width: 768px) {
  
    .c-globalHeader__buttonList.-pc {
      display: none;
    }

    .c-globalHeader__buttonList{
      position: static;
      justify-content: center;
      padding: 12px 20px;
      gap: 20px;
    }

    .c-globalHeader__buttonItem{
      max-width: 200px;
    }

    .c-globalHeader__buttonList li:first-child{
      display: none;
    }

    .c-globalHeader__buttonList li:only-child a{
      max-width: 300px;
    }

    .c-globalHeader__button-mypage,
    .c-globalHeader__button-register {  
      width: 100%;
      height: 40px;
    }

    .c-globalHeader__button-mypage{
    border: var(--color-primary) 1px solid;
    }

    .c-globalHeader__navList {
      margin-bottom: 20px;
  }

  .c-globalHeader__buttonList-second{
    position: absolute;
      top: 10px;
      right: 60px;
  }
  
  .c-globalHeader__buttonList-second .c-globalHeader__button-register{
    width: 70px;
    font-size: 12px;
    }

    body.is-active .c-globalHeader__buttonList-second{
      display: none;
    }

  }  

  @media screen and (max-width: 380px) {
    .c-globalHeader__subTitle{
      display: none;
    }
  }


  /* ---------------------------------------------------
  - 新規会員登録ボタン（記事内）
  --------------------------------------------------- */

  .p-memberOnly__registerButton{
    display: block;
    width: 100%;
    padding: 15px;
    background-color: var(--color-accent);
    color: #fff !important;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    transition: background-color 0.3s;
  }

  .p-memberOnly__registerButton:hover{
  background-color: #7dcecf;}

/* ---------------------------------------------------
- セミナー
--------------------------------------------------- */

/* セミナー記事詳細ページコンテンツ幅用 */
.l-seminarContainer{
  display: flex;
  width: 100%;
  max-width: 836px;
  margin-inline: auto;
  padding-inline: 40px;
}

.checkBtn { display: none; }
#openLabe,#archiveLabel{ transition: 0.3s; }
#open-container { transition: 0.2s; }
#archive-container { display: none; transition: 0.2s; }

@media screen and (max-width: 768px) {
.l-seminarContainer {
    display: block;
    width: 100%;
    padding-inline: 0;

    margin-bottom: 64px;
}
}

.p-seminarReadFlex{
  display: flex;
  justify-content: space-between;
  gap: 60px;
}

.p-seminarRead__img{
  width: 37.6569037657%;
  min-width: 300px;
  height: 200px;
}

.p-seminarRead__img img{
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: top;}

.p-seminar__tab{
  display: flex;

  margin-top: 80px;
  margin-bottom: 40px;
}

.p-seminar__tabItem{
  width: 50%;
}

.p-seminar__tabItem a,.p-seminar__tabItem label {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px;

  font-weight: bold;
  text-align: center;
  color: var(--color-gray01);

  border: var(--color-gray02) 1px solid;
  border-bottom: var(--color-gray02) 3px solid;

  cursor: pointer;
}

.p-seminar__tabItem a:hover,.p-seminar__tabItem label:hover{
  opacity: 0.7;
}

.p-seminar__tabItem.-current a,.p-seminar__tabItem.-current label{
  color: var(--color-primary);
  border-bottom: var(--color-primary) 3px solid;
}

.p-seminarArticleList{
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.p-seminarArticleItem{
  width: calc((100% - 48px)/3);
  border: var(--color-gray02) 1px solid;
}

.p-seminarArticleItem:hover{
  opacity: 0.7;
}

.p-seminarArticleItem__infoBox{
  padding:  16px 20px 20px 20px;
}

.p-seminarArticleItem__wrapper{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.p-seminarArticleItem__title{
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.034em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: var(--color-primary);

  margin-top: 20px;
}

.p-seminarArticleItem__date{
    font-size: 12px;
    font-weight: bold;
  }

.p-seminarArticleItem__status{
    font-size: 12px;
    padding: 4px 16px;
    font-weight: bold;
    color: var(--color-gray01);
    border: var(--color-gray01) 1px solid;
}

.p-seminarArticleItem__status.-active{
  color: var(--color-accent);
  border: var(--color-accent) 1px solid;
}

.p-seminarArticleItem .c-pr{
  justify-content: flex-end;
}

.p-seminarArticle__notFound{
  width: 100%;
  text-align: center;
  font-weight: bold;
  background-color: var(--color-gray02);

  padding: 32px;
}

.p-article__contents .p-seminarArticle__notFound,
.p-article__contents .p-memberOnly__box{
  margin-block: 40px;
}

.p-article__contents .p-memberOnly__box .p-memberOnly__loginButton{
  margin-top: 16px;
}

.p-memberOnly__annotation{
    color: var(--color-primary);
    text-align: center;
    font-size: 12px!important;
    font-weight: bold;
    letter-spacing: 0.034em!important;
    line-height: 1.75!important;
    margin-top: 8px;
}

.l-seminarContainer .p-seminarArticleItem__wrapper {
  justify-content: flex-end;
  align-items: center;
}

@media screen and (max-width: 768px) {
 
  .p-seminarReadFlex{
    flex-direction: column;
    gap: 0px;
  }

  .p-seminarRead__img{
    width: 100%;
    min-width: 100%;
  }

  .p-seminar__tabItem a{
    font-size: 14px;
  }

  .p-seminarArticleList{
    margin-bottom: 64px;
  }

  .p-seminarArticleItem{
    width: 100%;
    border: var(--color-gray02) 1px solid;
  }

  .p-seminarArticleItem__title{
    font-size: 16px;
  }
  
  .p-seminarArticle__notFound{
  margin-bottom: 64px;}

  .p-seminar__tabItem a,.p-seminar__tabItem label {
  	font-size:13px;
  }

}