@charset "utf-8";
/* CSS Document */


/*---------------------------------------

	メインレイアウト

---------------------------------------*/

@media screen and (max-width: 1024px) {
	#contents {
		width:100%;
		padding-bottom: 563px;
	}

	#contents section {
		padding: 80px 0;
	}

	.inner {
		box-sizing: border-box;
		width: 100%;
		padding: 0 20px;
	}
}


/*---------------------------------------

	共通設定

---------------------------------------*/

@media screen and (max-width: 1024px) {
	/*----------見出し---------*/
	.ttl_sp {
		font-size: 30px;
	}

	.pagettl {
		height: 250px;
		padding-top: 70px;
	}
	
	.pagettl h2{
		font-size: 40px;
	}
	
	.contact_ttl {
		background: url(../img/title/contact_sp.jpg) #FFF;
		background-position: center right;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}

	.donation_ttl,.gallery_ttl,.link_ttl {
		background: url(../img/title/donation_sp.jpg) #FFF;
		background-position: center right;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}
	
	/*----------文字---------*/
	.line-break {
		display: inline;
	}
	
	.sp-br {
		display: none;
	}
	.none {
		display: none;
	}

	.sp_left {
		text-align: left;
	}

	/*----------画像---------*/
	.pc {
		display: none;	
	}
	
	.sp {
		display:block;
	}	
	
	
	/*----------テーブル---------*/
	table.type01 th {
		width: 30%;
		padding: 20px 10px;
	}
	
	table.type01 td {
		width: 70%;
		padding: 20px 10px;
	}

	.table_scroll table {
		margin-bottom: 20px;
	}

	/*----------ボタン---------*/
	.btn a {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	/*----------テーブル---------*/
	.table_scroll {
		width: 600px;
	}
}

/*---------------------------------------

	ヘッダー
	
---------------------------------------*/

@media screen and (max-width: 768px) {
	/*----------ヘッダー---------*/
	header {
		z-index: 999;
		padding: 15px 10px;
	}
	
	.header_box {
		width: 80%;
		display:block;
	}
	
	.header_box #logo {
		margin-left: 10px;
	}

	.header_box #logo img {
		width: 75%;
	}
	
	.header_box div {
		display: flex;
		align-items: center;
	}
	
	.header_box p {
		padding: 0;
		margin-left: 0;
	}
}



/*---------------------------------------

	トップページ

---------------------------------------*/
@media screen and (max-width: 1400px) {
	.slide div {
		height: 80vh;
	}
}

@media screen and (max-width: 1340px) {
	/*---------メッセージ---------*/
	.message {
		background: none;
	}
	
	.message h3 {
		width: 100%;
	}

	.message p {
		width: 100%;
		margin: auto 0;
		text-shadow: 0 0 5px #fff, 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
	}
	
	.message_sp {
		display:block;
	}
}

@media screen and (max-width:768px) {
	/*---------プロフィール---------*/
	.profile {
		background: none;
	}
	
	.profile table {
		width: 100%;
		padding: 0;
	}

	.profile_pc {
		display: none;
	}

	.profile_sp {
		display:block;
	}
}

@media screen and (max-width: 1100px) {
	/*----------スライド---------*/
	.top_slide_pc {
		display:none;
	}
	
	.top_slide_sp {
		display: block;
	}

	.slide div {
		height: 90vh;
	}
}

@media screen and (max-width: 980px) {
	/*----------活動報告---------*/
	.activityreport {
		width: 100%;
		display: block;
		flex-wrap: nowrap;
	}

	.activityreport li {
		width: 100%;
		margin-bottom: 20px;
	}

	/*----------ニュース　SNS---------*/
	.sns_box {
		display: block;
	}
	
	.facebook_wrap,
	.twitter_wrap {
		width: 476px;
		margin: 0 auto;
	}

	.facebook_wrap {
		margin-bottom: 40px;
	}

	/*----------お問い合わせ---------*/
	.top_contact li{
		text-align:center;
	}
	
	.top_contact li{
		width: 100%;
		display: block;
	}

	.top_contact li:first-child {
		margin-right: 0px;
	}
}

@media screen and (max-width: 768px) {
	/*----------ギャラリー---------*/
	.gallery_box li {
		width: 32%;
		margin-bottom: 10px;
	}

	.top.gallery_box li {
		width: 49%;
	}

	.img_box a img {
		max-width: 150px;
		max-height: 150px;
	}

	/*----------ご案内---------*/
	.info_02 th,
	.info_02 td {
		display: block;
		width: 100%;
	}

	.info_02 th {
		padding-bottom: 5px !important;
	}

	.info_02 td {
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 510px) {
	.facebook_wrap{
		width: 100%;
		min-width: 100%;
	}
	
	.twitter_wrap{
		width:100%;
	}
	
	.fb-page,
	.fb-page span,
	.facebook_wrap iframe{
		width: 100% !important;
		height: 400px !important;
	}
}


/*---------------------------------------

	子ページ

---------------------------------------*/
@media screen and (max-width:768px) {
	input[type="submit"] {
		margin: 0 0 40px 0;
	}
}

/*---------------------------------------

	フッター

---------------------------------------*/
@media screen and (max-width: 1024px) {
	.footer_menu {
		padding: 0;
	}

	#footer_inner {
		width: 100%;
	}
	
	.footer_menu nav {
		width: 100%;
	}

	.footer_menu nav ul {
		flex-wrap: wrap;
	}

	.footer_menu nav ul li {
		width: 50%;
		box-sizing: border-box;
		padding: 0 0 20px 0;
    }

	.footer_menu ul li a{
		display: block;
		width: 100%;
		text-align: center;
	}
}