/************************************************

          Support Association

************************************************/

#mainImage{
    height:248px;
    background-color:#fdd751;
}

#supportAssociation{
}
    #supportAssociation *{
        line-height:2.0em;
    }
    #supportAssociation>h2{/*江東楓の会後援会のご案内*/
        margin-top:90px;
        color:#595757;
    }
    #supportAssociation>.str1{/*ー*/
        margin-top:31px;
    }
    #supportAssociation>.str2{/*本会は地域福祉の向上と共生を…*/
        margin-top:90px;
        color:#595757;
    }

    #contents{/*活動内容～後援会費*/
        margin-top:105px;
    }
        #contents h3{/*活動内容*/
            font-size:2.0rem;
            color:#595757;
        }
            #contents h3 img{/*●〇*/
                margin:8px 18px 0 0;
            }
        #contents>section{
            margin-top:100px;
        }
        #contents>section:first-of-type{
            margin-top:0;
        }
            #contents>section ul,
            #contents>section table{
                width:620px;
                margin-top:26px;
                font-size:1.6rem;
            }
            #contents>section #table1{/*後援会費のテーブル*/
            }
                #contents>section #table1 th{
                    width:33%;
                }
                #contents>section #table1 td{
                    width:66%;
                }

    /*お問い合わせはこちら------------*/
    #share_contact{
        margin-top:170px;
    }


/********************************************************************************

          メディアクエリ

*********************************************************************************/
@media(max-width:500px){













	#mainImage{
		height:248px;
		background-color:#fdd751;
	}

	#supportAssociation{
	}
		#supportAssociation *{
			line-height:2.0em;
		}
		#supportAssociation>h2{/*江東楓の会後援会のご案内*/
			margin-top:90px;
			color:#595757;
																						width:450px !important;
																						margin:90px auto auto 25px;
		}
		#supportAssociation>.str1{/*ー*/
			margin-top:31px;
																						width:450px !important;
																						margin:30px auto auto 25px;
		}
																						#supportAssociation>.str1>img{
																							height: auto;
																							width:450px !important;
																							object-fit:contain;
																							object-position:center center;
																						}
		#supportAssociation>.str2{/*本会は地域福祉の向上と共生を…*/
			margin-top:90px;
			color:#595757;
																						width:450px !important;
																						margin:90px auto auto 25px;
		}
																						#supportAssociation>.str2>p{/*本会は地域福祉の向上と共生を…*/
																							width:450px !important;
																							text-align:justify !important;
																							text-align-last:left !important;
																						}

		#contents{/*活動内容～後援会費*/
			margin-top:105px;
																						width:450px;
																						margin-top:90px;
		}
			#contents h3{/*活動内容*/
				font-size:2.0rem;
				color:#595757;
			}
				#contents h3 img{/*●〇*/
					margin:8px 18px 0 0;
				}
			#contents>section{
				margin-top:100px;
			}
			#contents>section:first-of-type{
				margin-top:0;
			}
				#contents>section ul,
				#contents>section table{
					width:620px;
					margin-top:26px;
																						width:450px;
																						margin-top:30px;
					font-size:1.6rem;
				}
																						#contents>section ul li{
																							width:calc(100% - 1.0em);
																							/*インデント（2行目以降を1文字下げる）*/
																							padding-left:1.0em;
																							text-indent:-1.0em;
																						}
				#contents>section #table1{/*後援会費のテーブル*/
				}
					#contents>section #table1 th{
						width:33%;
																						width:55%;
					}
					#contents>section #table1 td{
						width:66%;
																						width:45%;
																						white-space:nowrap;/*改行禁止*/
					}

																						#contents>section #table2{/*入会に関するお問い合わせ*/
																							width:400px;
																						}
																							#contents>section #table2 tr{
																								display:inline-block;
																								width:100%;
																							}
																							#contents>section #table2 tr:nth-of-type(n+2){/*2番目以降*/
																								margin-top:30px;
																							}
																								#contents>section #table2 th{
																									display:inline-block;
																									width:100% !important;
																									vertical-align:top;
																								}
																								#contents>section #table2 td{
																									display:inline-block;
																									width:100% !important;
																									line-height: 1.5em;
																								}

		/*お問い合わせはこちら------------*/
		#share_contact{
			margin-top:170px;
		}













}