/*オーバマウスで画像の上が白くなる*/

.gazou_us1 {
text-align: center;
  margin-left: auto;
  margin-right: auto;
  }

  .gazou_us1 img{

    width: 95%;
  }

  /*設立趣旨 ==================================================　*/

  .syusi_wrapper{
    
  width: 100vw;
  max-width: 960px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 2px;
  
  }

.syusi {
  padding: 2%;
}

  .syusi_wrapper h3{
    text-align: center;
  }
  .syusi_wrapper h5{
    text-align: left;
  }

    /*コンテナ ==================================================　*/

.sita_wrapper{
  width: 100vw;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

  .yokonarabi_us{
    display: flex;   
     flex-wrap: wrap;
  }

  .yokonarabi_us>div{
    width:320px;
    height: 50%;
    float: left;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
  }
  }

  #space div{
    padding:  5px;             /* 余白指定 */
    height:  3px;             /* 高さ指定 */
    width: 320px;              /* 幅指定 */
    height: 100%;
}

    /*設立趣旨 ==================================================　*/

  .container_syusi{
    text-align: left;         /* 子要素を左右中央揃えにする */
    padding:  3px;            /* 余白指定 */
    width: 320px;             /* 幅指定 */
    margin-left: auto;
    margin-right: auto;
  }

  .container_us {
    text-align: left;          /* 子要素を左右中央揃えにする */
    color: black;
    padding:  3px;             /* 余白指定 */
    width: 320px;              /* 幅指定 */
    border-bottom: 1px solid #ccc;  /* 下線 */
    margin-left: auto;
    margin-right: auto;
  }

  .container_us h3,h4,h5{
    text-align: center;
      color: black;
      
  }

  /*レスポンシブ ==================================================　*/
  
.news_us{
    display: inline-block;     /* インラインブロック要素にする */
    padding: 1px;              /* 余白指定 */
    width: 310px;              /* 幅指定 */
    height:  500px;            /* 高さ指定 */
    text-align: left; /* 子要素を左右中央揃えにする */
    border-bottom: 1px solid #ccc;  /* 下線 */
}

.news_us h3{
  text-align: center;
}


.seturitusyusi{
    font-size: 14px;
font-style: normal;
font-weight: 200;
text-align: left;
color: #354E57;
}


/*ご寄付　======================================　*/

.kifu{
   font-size: 14px;
    text-align: center;
    height: 455px;
}
.kifu img {
     width: 95%;
    align-content: center;
    
}



/*演奏会　======================================　*/

.live{
  font-size: ９pt;
　 width: 100%;
  text-align: center;
 　white-space: nowrap;
  height: 455px;
  padding-top: 0px;
  border-bottom: 1px solid #ccc;  /* 下線 */
  
}


.live h3,h4,h5{
	text-align: center;
    color: #354E57;
 }

.live img{
    width: 90%;
    align-content: center;
}

.live p{
	text-align: center;
    font-size: 12pt;
    color: #354E57;
 }

.live ol,li{
    
    list-style-type: disc;
    text-align: left;
  
}




/*mail==================================================　*/

.mail_us{
 display: inline-block;      /* インラインブロック要素にする */
 padding: 1px;               /* 余白指定 */
 font-size: 12px;
 width: 310px;               /* 幅指定 */
 height:  500px;             /* 高さ指定 */
 text-align:  left;          /* 子要素を左右中央揃えにする */
}

/*line*/

.toiawase {
text-align: center;
margin-left: auto;
margin-right: auto;
}

 /*会社概要テーブル ==================================================　*/

#kaisya{
font-size: 9.5pt;
width: 310px;
padding-bottom: 8px;
height: 400px;
}

#kaisya th{
background: #eee;
width: 310px;
 }

#kaisya th, td {
 display: block;
}

/*お問い合わせテーブル　======================================　*/

#toi{
  font-size: 9pt;
  width: 98%;
  text-align: center;
  white-space: nowrap;
  height: 437px;
  padding-bottom: 10px
}

#toi h3 h5{
	text-align: center
}

#toi th, td {
 display: block;
	 width: 98%;
}

/*銀行　======================================　*/

  .ginko {
    color: black;
              /* 余白指定 */
    width: 320px;              /* 幅指定 */
    border-bottom: 1px solid #ccc;  /* 下線 */
    margin-left: auto;
    margin-right: auto;
    height: 480px;
  }

  .ginko h3,h4,h5{
    text-align: center;
      color: black;
  }

 /*あおぞら銀行==================================================　*/

#aozora{
font-size: 9pt;
width: 98%;
text-align: center;
}

#aozora th{
background: #14529F;
width: 75px;
text-align: center;
font-size: 7pt;
color: white;
 }

#aozora td{
   
    background: aliceblue;
}
    
 /*ゆうちょ銀行 ==================================================　*/

#yucho{
font-size: 9pt;
width: 98%;
padding-bottom: 10px;

}

#yucho th{
background: #569824;
width: 90px;
text-align: center;
color: white;
font-size: 8pt;
 }

#yucho td{
    text-align: center;
    background: aliceblue;
 }

    /*定款 ==================================================　*/

.t-kan {
text-align: left;
color: black;
padding: 2%;
padding-top: 10px;
border-bottom: #aaa solid 1px;
font-size: 10pt;
}

    /*個人情報保護 ==================================================　*/

.k-joho {
text-align: left;
color: black;
padding: 2%;
padding-top: 10px;
border-bottom: #aaa solid 1px;
font-size: 10pt;
}

    /*ハラスメント ==================================================　*/

.harassment {
text-align: left;
color: black;
padding: 2%;
padding-top: 10px;
border-bottom: #aaa solid 1px;
font-size: 10pt;
}

    /*会費規定 ==================================================　*/

.kaihi {
text-align: left;
color: black;
padding: 2%;
padding-top: 10px;
border-bottom: #aaa solid 1px;
font-size: 10pt;
}

   /*情報取扱い==================================================　*/

.joho_atukai {
text-align: left;
color: black;
padding: 2%;
padding-top: 10px;
border-bottom: #aaa solid 1px;
font-size: 10pt;

}

 #joho_atukai_table{
 
  border-collapse: collapse;
         color: black;
              /* 余白指定 */
    width: 320px;              /* 幅指定 */
    border-bottom: 1px solid #ccc;  /* 下線 */
    margin-left: auto;
    margin-right: auto;
    height: 480px;
  }
 }

 #joho_atukai_table th, td{
  border: 1px solid black;
  padding: 8px;
  text-align: left;
}

#joho_atukai_table th{
  background-color: #f2f2f2;
}
   

/* グーグルフォーム */

.gf{
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
}

/* 貸借対照表*/

.taisyaku_wrap {
 width: 320px;
 margin-left: 20px;
align-content: center;
text-align: left;
}


/*チラシ一覧*/

        .catalog {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            padding: 20px;
            
        }
        .catalog-item {
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 15px;
            width: calc(33.333% - 40px); /* 3列表示 */
            box-sizing: border-box;
        }
        .catalog-item img {
            width: 160px;
            height: auto;
            border-radius: 4px;
            
        }
        .catalog-item h3 {
            margin: 10px 0;
           
            text-align: center;
            font-weight: bold;
        }

        .catalog-item p {
            margin: 10px 0;
            font-size: 14px;
            text-align: center;
        }
  
        @media (max-width: 960px) {
            .catalog-item {
                width: calc(50% - 40px); /* 2列表示 */
            }
            
                     .catalog-item img {
            width: 240px;
            height: auto;
            border-radius: 4px;
         }
        }

        @media (max-width: 640px) {
            .catalog-item {
                width: 100%; /* 1列表示 */
            }
            
              .catalog-item img {
            width: 240px;
            height: auto;
            border-radius: 4px;
         }
        }

/*テスト*/