/*共通・SP画面*/
* {
	margin: 0;
	padding: 0;
}
*::after,
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*------------------------------------------body*/
body {
	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

/*------------------------------------------top*/
.slider_wrap {
	position: relative;
}
.headerwrap .headbar {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	background: #FFF;
	padding: 73px 700px 0 10px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.headerwrap .mobile-logo {
	position: fixed;
	z-index: 2;
	top: 20px;
	left: 10px;
	width: 75%;
	max-width: 256px;
}
.headerwrap .pc-logo {
	width: 100%;
	max-width: 270px;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	margin-left: -135px;
	margin-top: -90px;
}
.headerwrap .top-description {
	display: none;
}
.headerwrap .top-des2wrap {
	text-align: center;
}
.headerwrap .top-description2 {
	width: 80%;
	max-width: 390px;
	padding: 8vw 0;
}

article .main {
	background-color: #682220;
	animation: bg-color 30s infinite;
	-webkit-animation: bg-color 30s infinite;
}
@-webkit-keyframes bg-color {
  0% { background-color: #682220; }
  50% { background-color: #264545; }
  100% { background-color: #682220; }
}
@keyframes bg-color {
  0% { background-color: #682220; }
  50% { background-color: #264545; }
  100% { background-color: #682220; }
}

article .introduction {
	padding: 50px 25px;
}
article .introduction .news {
	border-bottom: solid 1px #FFF;
	margin-bottom: 10px;
}
article .introduction .news img {
	margin-bottom: 5px;
}
article .introduction .top-tw {
	max-width: 500px;
	margin: 0 auto;
}
article .introduction .top-tw2 {
	display: none;
}

article .introduction .top-fb {
	max-width: 500px;
    margin: 0 auto;
}
.top-fb > .fb-page {
    width: 100%;
}
.top-fb > .fb-page > span,
.top-fb iframe {
    width: 100% !important;
}
article .introduction .top-fb2 {
	display: none;
}

article .main .introduction .introduction-deco {
	display: none;
}
article .main .introduction-text {
	text-align: center;
}
article .main .introduction-text .Top-koto {
	margin-top: 70px;
}
article .main .introduction-text .Top-name {
	margin: 20px auto;
	display: block;
	width: 80%;
	max-width: 303px;
}
article .main p {
	color: #FFF;
	font-size: 0.9em;
	line-height: 2.5em;
	text-align: justify;
	max-width: 500px;
	margin: 0 auto;
}
article .main .introduction .introduction-deco2 {
	display: none;
}

/*------------------to top*/
a#pagetopBtn {
	display: none;
}
a#pagetopBtn.fixed{
	display: block;
}
a#pagetopBtn img {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 50px;
	margin: 0 20px 20px 0;
}
/*-----------------------------------------info*/
article .main4 {
	background-color: #3e526a;
}
article .main4 .introduction {
	max-width: 900px;
	margin: 0 auto;
}
article .main4 .introduction .info-name {
	color: #FFF;
}
article .main4 .introduction .info-name h1 {
	font-size: 1.25em;
}
article .main4 .introduction .info-name p {
	line-height: 2em;
	padding: 20px 0;
	margin-bottom: 40px;
	text-align: justify;
}
article .main4 .introduction .info-table {
	border-collapse: separate;
	border-spacing: 0;
	margin-bottom: 40px;
}
article .main4 .introduction .info-table th,
article .main4 .introduction .info-table td {
	padding: 1em 1em;
	border-bottom: 1px solid #aaa;
}
article .main4 .introduction .info-table tr:last-child th,
article .main4 .introduction .info-table tr:last-child td {
	border-bottom: none;
}
article .main4 .introduction .info-table th {
	background-color: #eee;
	width: 30%;
	font-weight: normal;
	font-size: 0.95em;
}
article .main4 .introduction .info-table td {
	background-color: #FFF;
	font-size: 0.8em;
	text-align: justify;
}

/*-----------------------------------------plan*/
.plan-img {
	margin-top: 73px;
	width: 100%;
}
.plan-img2 {
	display: none;
}
.menu-title {
	text-align: center;
	margin: 30px 0;
}
.menu-title img {
	max-height: 47px;
}
article .main2 {
	background-color: #3E5E5D;
}
article .introduction .plan-pdf ul{
	max-width: 1000px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
}
article .introduction .plan-pdf li {
	list-style: none;
	padding: 25px 0;
	width: 100%;
	text-align: center;
}
article .introduction .plan-pdf a {
	color: #FFF;
	text-decoration: none;
	padding: 15px;
	border: 1px solid #FFF;
}
article .introduction .plan-pdf a:hover {
	background-color: #FFF;
	color: #3E5E5D;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/*---------------------------------------report*/
article .main3 {
	background-color: #5F5D84;
}
article .introduction .tw{
	max-width: 700px;
	margin: 0 auto;
}

/*-----------------------------------------join*/
article .main5 {
	background-color: #edb428;
	border-top: solid 50px #edb428;
	border-bottom: solid 50px #edb428;
	border-right: solid 20px #edb428;
	border-left: solid 20px #edb428;
}
article .main5 .introduction {
	max-width: 700px;
	margin: 0 auto;
	background-color: #FFF;
}
article .main5 .introduction a{
	text-decoration: none;
}
article .main5 .introduction h3 {
	border-bottom: solid 1px #edb428;
	padding-bottom:5px;
	font-size: 1.25em;
}
article .main5 .introduction h4
 {
	font-size: 1em;
	margin-top: 40px;
	margin-bottom: 20px;
	border-left: solid 3px #edb428;
	padding-left: 5px;
}
article .main5 .introduction p{
	font-size: 0.85em;
	line-height: 2em;
}
article .main5 .introduction ul {
	margin-top: 20px;
	margin-bottom: 50px;
}
article .main5 .introduction ul li {
	list-style-type: decimal;
	padding: 10px 5px;
	margin-left: 20px;
	font-size: 0.9em;
}
article .main5 .introduction ul li a {
	color: #000;
}
article .main5 .introduction ul li a:hover {
	color: #F4B102;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
article .main5 .introduction .to-form-wrap {
	text-align: center;
}
article .main5 .introduction .to-form {
	background-color: #8AA431;
	margin-top: 20px;
	padding: 13px 20px;
	border: solid 1px #8AA431;
	border-radius: 6px;
}
article .main5 .introduction .to-form:hover {
	-webkit-filter: opacity(0.7);
	-moz-filter: opacity(0.7);
	-o-filter: opacity(0.7);
	-ms-filter: opacity(0.7);
	filter: opacity(0.7);
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/*--------------------------------------contact*/
article .main6 {
	background-color: #82862B;
}

/*--------------------------------------donation*/
article .main7 {
	background-color: #F6F6F6;
}
article .main7 .introduction{
	max-width: 700px;
	margin: 0 auto;
}
article .main7 h3 {
	border-bottom: solid 1px #333;
	margin-bottom: 30px;
}
article .main7 h3 .kifu-PC {
	display: none;
}
article .main7 h3 .kifu-SP {
	width: 100%;
	max-width: 429px;
	padding-bottom: 10px;
}
article .main7 .kifu-logo {
	text-align: center;
	margin: 20px;
}
article .main7 .kifu-des {
	font-size: 0.9em;
	line-height: 2em;
}
article .main7 .kifu-des .kifu-act {
	margin: 25px 0;
	font-weight: bold;
}
article .main7 .kifu-des .kifu-act li {
	margin: 0 20px;
	font-weight: normal;
}
article .main7 .kifu-des .kifu-sp {
	margin: 25px 0;
}
article .main7 .kifu-des .kifu-sp div {
	text-align: center;
}
article .main7 .kifu-des .kifu-sp div img {
	width: 100%;
	max-width: 300px;
}
article .main7 .kifu-des .kifu-sp a:hover {
	-webkit-filter: saturate(200%);
     -moz-filter: saturate(200%);
     -o-filter: saturate(200%);
     -ms-filter: saturate(200%);
     filter: saturate(200%);
}
article .main7 .kifu-button {
	margin: 0 auto;
	margin-top: 70px;
}
article .main7 .kifu-button li{
	list-style-type: none;
	text-align: center;
	margin-bottom: 80px;
}
article .main7 .kifu-button li a {
	border-radius: 6px;
	text-align: center;
	box-shadow: 1px 1px 15px 5px rgba(0,0,0,0.07);
}
article .main7 .kifu-button .kifu-app a {
	padding: 95px 52px 25px 52px;
	background-color: #FFF;
	border-top: solid 4px #09C;
}
article .main7 .kifu-button .kifu-con a {
	padding: 90px 20px 30px 20px;
	background-color: #FFF;
	border-top: solid 4px #C36;
}
article .main7 .kifu-button .kifu-app a img {
	width: 100%;
	max-width: 160px;
}
article .main7 .kifu-button .kifu-con a img {
	width: 100%;
	max-width: 225px;
}
article .main7 .kifu-button .kifu-app a:hover {
	padding: 95px 62px 25px 62px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-top: solid 8px #09C;
}
article .main7 .kifu-button .kifu-con a:hover {
	padding: 90px 30px 30px 30px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-top: solid 8px #C36;
}


article .main8 {
	background-color: #9AE4F8;
}
article .main9 {
	background-color: #FFDDE7;
}
article .main8 h3,
article .main9 h3 {
	text-align: center;
	margin: 30px 0;
}
article .main8 h3 img {
	width: 100%;
	max-width: 217px;
}
article .main9 h3 img {
	width: 100%;
	max-width: 313px;
	padding: 0 20px;
}
article .main8 .kifu-logo,
article .main9 .kifu-logo {
	text-align: center;
	margin: 30px 0 20px 0;
}
article .main8 .kifu-logo img,
article .main9 .kifu-logo img {
	width: 100%;
	max-width: 100px;
}

/*---------------------------------------footer*/
footer {
	height: auto;
	padding: 50px 25px;
}
footer .npo {
	padding-bottom: 22px;
	max-width: 200px;
}
.banner {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.banner .banner-img {
	width:100%;
	max-width: 220px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.sitemap ul {
	width: 95%;
	color: #000;
}
.sitemap ul li {
	border-right: none;
	width: 100%;
	margin: 20px 0;
	font-size: 0.9em;
	list-style: none;
}
.sitemap_text2 ul {
	margin-top: 20px;
	font-size: 1.25em;
}
footer a {
	color: #000;
	text-decoration: none;
}
.sitemap{
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	padding: 20px 20px 0 20px;
}
.sitemap .f-logo {
	text-align: center;
}
.sitemap .f-logo a img{
	width: 150px;
	padding-top: 20px;
}
footer a:hover {
	text-decoration: underline;
}
footer #cr{
	padding: 30px;
	text-align: center;
	font-size: 0.5em;
	color: #000;
}

/*PC画面*/
@media screen and (min-width: 701px) {
	/*------------------------------------------top*/
	.headerwrap .headbar {
		display: none;
	}
	.headerwrap .mobile-logo {
		display: none;
	}
	.headerwrap .pc-logo {
		display: block;
		width: 29%;
		max-width: 350px;
		position: absolute;
		z-index: 1;
		top: 140px;
		left: 135px;
	}
	.headerwrap .top-description {
		display: block;
		width: 55%;
		max-width: 500px;
		position: absolute;
		z-index: 1;
		top: 50%;
		left: 45%;
	}
	.headerwrap .top-description2 {
		display: none;
	}
	
	article .main .introduction .top-tw {
		max-width: 500px;
	}
	article .main p{
		font-size: 0.9em;
	}
	/*------------------to top*/
	a#pagetopBtn img {
		width: 70px;
	}
	
	/*-----------------------------------------info*/
	article .main4 .introduction .info-name h1 {
		font-size: 1.75em;
	}
	article .main4 .introduction .info-table th,
	article .main4 .introduction .info-table td {
		padding: 1em 2em;
	}
	article .main4 .introduction .info-table th {
		font-size: 1em;
	}
	article .main4 .introduction .info-table td {
		font-size: 0.95em;
	}

	/*-----------------------------------------plan*/
	.plan-img {
		display: none;
	}
	.plan-img2 {
		display: block;
		width: 100%;
	}
	article .introduction .plan-pdf ul{
		justify-content: space-between;
	}
	article .introduction .plan-pdf li {
		width: 50%;
	}
	article .introduction .plan-pdf li {
		width: 50%;
	}
	
	/*-----------------------------------------join*/
	article .main5 .introduction ul li {
		font-size: 1em;
	}
	
	/*--------------------------------------contact*/
	.tbl-layout {
		max-width: 600px;
	}
	
	/*--------------------------------------donation*/
	article .main7 h3 .kifu-PC {
		display: block;
		width: 100%;
		max-width: 429px;
		padding-bottom: 10px;
	}
	article .main7 h3 .kifu-SP {
		display: none;
	}
	article .main7 .kifu-button {
		display: flex;
		justify-content: space-between;
	}
	article .main7 .kifu-button li {
		margin: 20px auto 80px auto;
	}
	article .main7 .kifu-button .kifu-con {
		margin-left: 20px;
		margin-top: 24px;
	}
	article .main7 .kifu-button .kifu-app a:hover {
		padding: 105px 52px 35px 52px;
	}
	article .main7 .kifu-button .kifu-con a:hover {
		padding: 100px 20px 40px 20px;
	}
	
	/*---------------------------------------footer*/
	.sitemap ul li {
		margin: 0;
	}
	.sitemap_text ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin: 10px 0;
	}
	.sitemap_text ul li {
		width: 33.3%;
		padding: 5px 0;
		border-right: 1px solid #FFF; 
	}
	.sitemap_text2 ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 20px 0;
	}
	.sitemap_text2 ul li {
		list-style: none;
		width: 50%;
		padding: 5px 5px;
	}
	footer ul li:nth-child(3n) {
		border-right: none;
	}
	.sitemap .f-logo {
		text-align: right;
		padding-right: 15px;
	}
}

@media screen and (min-width: 801px) {
	/*------------------------------------------top*/
	article .main .introduction {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-around;
		margin: 0 auto ;
		max-width: 1000px;
	}
	article .main .introduction .top-tw {
		width: 30%;
	}
	article .main p {
		max-width: 650px;
		margin: 0 auto;
	}
	article .introduction .top-tw {
		display: none;
	}
	article .introduction .top-tw2 {
		display: block;
	}
	article .main .introduction .top-tw2 .news img {
		padding-top: 160px;
		width: 75px;
	}
	
	article .introduction .top-fb2 {
		display: none;
	}
	article .introduction .top-fb2 {
		
	}
	
	article .main .introduction .int-wrap {
		padding: 0 60px 0 30px;
	}
	article .main .introduction-text .Top-koto {
		margin-top: 0;
	}
}
@media screen and (min-width: 1001px) {
	/*------------------------------------------top*/
	/*article .main .introduction {
		padding: 0 0;
		max-width: 900px;
		width: 100%;
		display: flex;
		justify-content: start;
		margin: 0 auto ;
	}
	article .main .introduction .introduction-deco {
		display: block;
		margin-top: -1px;
		margin-bottom: -7px;
	}
	article .main .introduction-text {
		text-align: right;
		padding: 50px 15px 50px 20px;
	}
	article .main .introduction-text .Top-name {
		margin: 20px 0 20px auto;
	}
	article .main .introduction .introduction-deco2 {
		display: block;
		padding-top: 165px;
	}*/
	/*-----------------------------------------plan*/
		article .introduction .plan-pdf li {
		width: 33.3%;
	}
}
@media screen and (min-width: 1301px) {
	/*------------------------------------------top*/
	.headerwrap .top-description {
		top: 40%;
		left: 37vw;
	}
}

@media screen and (max-width: 500px) {
	/*------------------------------------------top*/
	.headerwrap .pc-logo {
		max-width: 180px;
		margin-left: -90px;
		margin-top: -60px;
	}
	
	/*---------------------------------------footer*/
	.sitemap #f-logo img{
		width: 120px;
	}
	.banner {
		justify-content: center;
	}
}

/*ipad ipad pro縦*/
@media screen and (max-width: 1100px) and (max-height: 1400px) {
	/*------------------------------------------top*/
	.headerwrap .top-description {
		top: 35%;
		left: 40%;
	}
}