@charset "UTF-8";
#message {
  scroll-margin-top: 170px;
  /* ヘッダーの高さに応じて調整 */ }

#time-table {
  scroll-margin-top: 200px;
  /* ヘッダーの高さに応じて調整 */ }

#project {
  scroll-margin-top: 170px;
  /* ヘッダーの高さに応じて調整 */ }

#news {
  scroll-margin-top: 170px;
  /* ヘッダーの高さに応じて調整 */ }

/*.time-table{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 32px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;//
    h1{
        
    }
}*/
#time-table.time-table h1 {
  font-size: 2em;
  margin-bottom: 1em; }
#time-table.time-table .casette {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em; }
  #time-table.time-table .casette .time {
    width: 15%;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2em; }
  #time-table.time-table .casette .event {
    width: 85%;
    background-color: #fff;
    padding: 1em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
    #time-table.time-table .casette .event h2 {
      margin: 0;
      font-size: 1.5em;
      margin-bottom: 0.5em; }
    #time-table.time-table .casette .event .person_whole {
      display: flex;
      max-width: 50%; }
      #time-table.time-table .casette .event .person_whole .photo {
        width: 15%;
        display: flex;
        align-items: center;
        justify-content: center; }
        #time-table.time-table .casette .event .person_whole .photo img.photo-2 {
          max-width: 100%;
          height: auto; }
      #time-table.time-table .casette .event .person_whole dl.name {
        width: 85%;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        #time-table.time-table .casette .event .person_whole dl.name dt {
          font-weight: bold;
          margin-bottom: 0.5em; }
        #time-table.time-table .casette .event .person_whole dl.name dd {
          margin: 0;
          margin-bottom: 0.5em; }

html {
  scroll-behavior: smooth;
  font-size: 16px;
  font-family: "Lato", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Segoe UI", "BIZ UDPGothic", Meiryo, sans-serif; }

body {
  background-color: #edbc43 !important; }

a {
  color: inherit;
  text-decoration: inherit;
  cursor: inherit; }
  a:link, a:visited, a:active, a:focus {
    color: inherit;
    text-decoration: inherit;
    cursor: inherit; }
  a:hover {
    text-decoration: underline; }