@charset "UTF-8";

/* ===================================
	File Name   : corpo.css
	Description : Corpo  Layout CSS
	Editor      : Bface Otake
	Last Editor : Bface Otake
	
	Update Description :
	[2025/08/22] 沿革スマホ表示変更(スクロール固定）
	[2025/07/22] グループ図変更
	[2024/08/07] 新規作成
====================================== */

/*========== Style Contents ==========

	1. Individual Redefinition
	2. Share Elements
	3. Page [Top Message] Setting
  4. Page [History] Setting
  5. Page [Group] Setting
	
====================================== */

/*===== ■1. Individual Redefinition =====*/


/*===== ■2. Share Elements =====*/


/*===== ■3. Page [Top Message] Setting =====*/
#topmsg {
  .inner {
    display: flex;
    align-items: flex-start;
    gap: 3rem;
    .imgType03 {
      margin-top: 0;
      img {
        &:nth-of-type(2n) {
          margin-top: 1rem;
        }
      }
    }
  }
}

@media (max-width: 768px){
  #topmsg {
    .inner {
      display: flex;
      flex-direction: column;
      .imgType03 {
        width: 22.6rem;
        margin: 0 auto;
        > img {
          display: block;
          width: 22.6rem;
          margin: 0 auto;
          &:nth-of-type(2n) {
            margin-top: 1rem;
          }
        }
      }
    }
  }
}



/*===== ■4. Page [History] Setting =====*/
#history {
  .inner {
    .tableWrapperTypeScroll {
      .tableType02 {
        th {
          width: 110px;
        }
        th + th {
          width: 150px;
        }
      }
    }
  }
}


@media screen and (max-width: 768px) {
  #history {
    .inner {
      .tableWrapperTypeScroll {
        .tableType02 {
          th {
            width: 100%;
          }        
        }
      }
    }
    .tableType02 th {
      left: 48px;
    }
    .tableType02 th + th {
      left: 48px;
    }
    .tableType02 th.histry_year {
      left: 0;
    }
  }
}



/*===== ■5. Page [Group] Setting =====*/
.panel01 .sphereParent {
  background: #fff url(/en_us/img/corpo/panel_bg01.png)no-repeat center center;
}

.note_txt {
  margin-top: 10px;
  text-align: right;
  font-size: 14px;
}

.note_txt > span {
  display: block;
  width: 310px;
  text-align: left;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .note_txt {
    text-align: left;
    font-size: 12px;
  }
  .note_txt > span {
    width: 100%;
    margin-left: 0;
  }
}