/*
Theme Name: GOJO Theme
Theme URI: 
Author: Waterism
Description: GOJO Consortium Aizu custom theme
Version: 1.05
*/











/* ============================================================================================
   MODAL MENU
============================================================================================ */





/* ============================================================================================
   HOME SECTION (全面画像スタイル)
============================================================================================ */
.home-section {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  padding: 0;
}

.bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ============================================================================================
ABOUT SECTION 
============================================================================================ */



.map .content-001{

  width: 100%;
      display: flex;
  justify-content: center;
  align-items: center;  
}








/* ============================================================================================
JOIN
============================================================================================ */




/* ============================================================================================
JOIN-HOME
============================================================================================ */


.join-home{
  color: var(--color-main) ;
  display: flex;
  justify-content: center;
  align-items: center;
}



.join-home .content-001{
  width:80%;
  padding: 50px 50px;
  border-radius: var(--radius-m);
}



.join-video-content .list-items-001 li::before{
  background:var(--color-invert);
}


.join-home .text-l {
    font-size: var(--fs-m);
}


.join-home li {
    font-size: var(--fs-s);
}


.join-home .button-002{
  font-size: var(--fs-s);
  width:100%;
  padding: var(--space-s) var(--space-s);
  border: var(--border-m) solid var(--color-main);
  border-radius: var(--radius-m);
  display: flex;
  justify-content: center;
  align-items: center;
}


/* ============================================================================================
PROJECT SECTION 
============================================================================================ */
.projects{
    display: flex;
   justify-content: center;
   align-items: center;
  background-color:var(--color-gray);
   position:relative;
 width: 100%;
    height:100dvh;

box-sizing: border-box;

}

.projects .header-002{
  width:auto;  
   flex-shrink:0;
   padding-bottom:20px;
     border-bottom: 30px solid var(--color-invert);

}


.projects .content-001{
    width: 100%;

}



/* ============================================================================================
JOURNAL SECTION 
============================================================================================ */


/* ============================================================================================
BUY
============================================================================================ */















/* =====================================
   CONTACT STRIP SECTION
===================================== */
/* セクション全体を囲むリンク */
.contact-section-link {
  display: block;
  width: 100%;
  text-decoration: none;
  color: #ffffff;
}

/* 細長のセクション本体 */
.contact-strip-section {
  width: 100%;
  background: #ece86a; /* 初期状態：黄色 */
  
  /* MEMBER（member-block）と全く同じトランジション */
  transition: 0.3s ease;
}

/* 真ん中に配置するためのインナー */
.contact-strip-inner {
  width: 100%;
  padding: 40px  0  30px 0 ; 
  display: flex;
  justify-content: center;
  align-items: center;
}

/* CONTACTの文字スタイル */
.contact-strip-inner h2 {
  font-size: 40px;        
  color: #000000; /* 初期状態：黒 */
  
  /* 拡大アニメーションを滑らかにする設定 */
  display: inline-block;
  will-change: transform;
  

  
  /* ホバー解除時もMEMBERと同じ速度（0.3s）で滑らかに戻るように設定 */
  transition: transform 0.3s ease;
}

/* =====================================
   HOVER STATE (MEMBERと完全同期・文字拡大版)
===================================== */
/* ホバー時：背景色は黄色のまま（MEMBERと同じ transition 時間でキープ） */
.contact-section-link:hover .contact-strip-section {
  background: #ece86a;
}

/* ★ホバー時：文字の色は黒のまま、サイズを1.1倍に滑らかに拡大 */
.contact-section-link:hover .contact-strip-inner h2 {
  color: #000000;
  transform: scale(1.1); /* 1.15 や 1.2 にするとさらに大きく調整できます */
}



.consortium-members{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap:var(--space-xs);
}



.join-header-list .header-001 {
  padding-top: 20px;
      border-top: 6px solid var(--color-gray);
      width: 100%;

}




.join-header-list{
  display: flex;
  width: 100%;

   flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap:var(--space-m);
}




.join .header-002{
 font-size: var(--fs-3xl);
  line-height: var(--lh-s);
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;  
     padding-bottom:20px;
     border-bottom: 30px solid var(--color-gray);
}