@charset "UTF-8";

/* ==[ base ]======================================================================= */
* {
	box-sizing: inherit;
}
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
body {
	position:relative;
	overflow-x:hidden;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
/* ==[ hyper link set ]============================== */

a {transition: color 0.4s ease 0s;}
a:link, a:visited { color:#3498db; text-decoration:none; }
a:hover, a:active {color:#e97093; text-decoration:underline; }

footer a:link, footer a:visited { color:#c7b381; text-decoration:none;}
footer a:hover, footer a:active { color:#c7b381; text-decoration:underline;}

a img {
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
a:hover img {
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	-o-transform: translateY(2px);
	transform: translateY(2px);
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-o-opacity: 0.5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	opacity: 0.5;
	transition:0.3s ease 0s;
}

i.fa.fa-arrow-circle-right.fa-lg {
	display:inline-block;
	padding-right:0.25rem;
}
strong {
	color: #ec9800;
	font-weight: bold;
}

/* ==[ effect ]============================== */
.fadein{
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: 1.2s;
}
.in{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: 1.2s;
}
.fadein-down{
	opacity: 0;
	transform: translate(0,-20px); 
	-webkit-transform: translate(0,-20px); 
	transition: 1.2s;
}
.down{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: 1.2s;
}
.fadein-up{
	opacity: 0;
	transform: translate(0,20px); 
	-webkit-transform: translate(0,20px); 
	transition: 1.4s;
}
.up{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: 1.4s;
}
.fadein-left{
	opacity: 0;
	transform: translate(-20px,0); 
	-webkit-transform: translate(-20px,0); 
	transition: 0.8s;
}
.left{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: 0.8s;
}
.fadein-right{
	opacity: 0;
	transform: translate(20px,0); 
	-webkit-transform: translate(20px,0); 
	transition: 0.8s;
}
.right{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: 0.8s;
}
.scale-up {
	opacity: 0;
	transform: scale(0); 
	-webkit-transform: scale(0);
	transition: 1.4s;
}
.up {
	opacity: 1.0;
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: 1.4s;
}

/* Slick用フォーカス除去 */
.slick-slide img:active,
.slick-slide img:focus {
	outline: none !important;
}

#loading {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0px;
  left: 0px;
  z-index: 1;
  background:#fff;
  text-align: center;
}
#loader {
  position: fixed;
  top: 45%;
  left: 50%;
  z-index: 2;
  margin-left:-1.25rem;
}
/*
.fadein, .fadein-down, .fadein-left, .fadein-right,
.fadein-up, .scale-up, .dnone {
  opacity: 1 !important;
}
*/

/* ==[ layout ]======================================================================= */
body {
	background-color: #fff;
	/*background: url(./img/index.jpg) center top scroll no-repeat;*/
}
section {
	clear: both;
}
#glWrap {
	overflow: hidden;
	position: relative;
	z-index: 0;
	/*background: #fff;
	opacity: 0.6;*/
}
.wrap {
	width: 100%;
	margin: 0;
}
.footerWrap {
	width: 100%;
	margin-top: 100px;
	padding-bottom: 90px;
	background: url(./img/clovers2.jpg) center bottom scroll repeat-x;
}
footer .inner {
	padding: 1em 0;
	border-top: 1px solid #dcdcdc;
}
footer .inner p {
	color: #90c928;
	font-size: 0.8em;
	text-align: center;
}
.inner {
	width: 1024px;
	margin: 0 auto;
}
.txt-wrap br {
	display: inline;
}

/* ==[ #catch ]==================================== */
#catch {
	position: relative;
	z-index: 1;
} 
#catch .wrap {
	padding-bottom: 90px;
	background: url(./img/clovers2.jpg) center bottom scroll repeat-x;
}
header {
	position: relative;
	background: url(./img/bg.png) center top scroll repeat-x;
}
header .inner {
	min-height: 163px;
	padding-top: 30px;
}
header h1 {
	float: left;
	width: 514px;
	height: 111px;
	margin: 0 0 0 -5px;
	background: url(./img/logo.png) 0 0 scroll no-repeat;
	background-size: contain;
	text-indent: -9999em;
}
header h1 a {
	display: block;
	width: 100%;
	height: 100%;
}
.naviDial {
	/*position: absolute;
	top: 41px;
	right: 0;*/
	position: relative;
	z-index: 2;
	float: right;
	width: 383px;
	height: 142px;
	margin-top: 11px;
	background: url(./img/naviDial.png) 0 0 scroll no-repeat;
	background-size: contain;
	text-indent: -9999em;
}
.naviDial a {
	display: block;
	width: 100%;
	height: 100px;
	margin-top: 41px;
	border-radius: 14px;
}
#mv {
	margin-top: -151px;
	background: url(./img/mv.jpg) center -2px /*26px*/ fixed no-repeat;
}
#mv .inner {
	position: relative;
	min-height: 495px;
}
#mv .promise {
	position: absolute;
	width: 629px;
	height: 680px;
	top: -47px;
	right: -116px;
	background: url(./img/promise.png) center 0 scroll no-repeat;
	text-indent: -9999em;
}

#theme {
	margin-top: -126px;
	background: url(./img/bg2.png) center top scroll repeat-x;
}
#theme .inner {
	position: relative;
	min-height: 400px;
	padding-top: 37px;
}
#theme .message {
	float: left;
}
#theme .message h2 {
	position: relative;
	width: 579px;
	height: 181px;
	margin-bottom: 1.1em;
	background: url(./img/message-h2.png) 0 0 scroll no-repeat;
	text-indent: -9999em;
}
#theme .message h2:after {
	content: "";
	position: absolute;
	width: 204px;
	height: 76px;
	top: 75px;
	right: -183px;
	background: url(./img/clovers.png) 0 0 scroll no-repeat;
	background-size: contain;
}
/*
#theme .message h2:before {
	display: block;
	position: absolute;
	content: "";
	width: 100px;
	height: 100px;
	top: 110px;
	right: 0;
	background: url(./img/telgirl.gif) 0 0 scroll no-repeat;
	background-size: contain;
}*/
#theme .message p.dnone {
	display: none;
}
#theme .message article {
	margin-left: -0.6em;
	line-height: 1.75em;
}
#theme .message dd {
	letter-spacing: 0.02em;
}
#theme .gotoSupport a {
	display: block;
	overflow: visible;
	position: relative;
	float: right;
	margin-top: 148px;
	width: 380px;
	padding: 1.4em 0 1.2em;
	border-radius: 14px;
	border: 2px solid #d3c1b2;
	background: #fff;
	/*background: url(./img/gotoSupport.png) 0 0 scroll no-repeat;*/
	color: #333;
	font-family: "Rounded Mplus 1c" !important;
	text-align: center;
	text-decoration: none;
	/*-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;*/
	transition: all 0.4s ease 0s;
	box-shadow: 0px 4px 6px rgba(0,0,0,0.15);
	/*filter: drop-shadow(1px 6px 6px rgba(0,0,0,0.2));*/
}
#theme .gotoSupport a:before {
	display: block;
	position: absolute;
	content: "";
	width: 95px;
	height: 99px;
	top: -78px;
	right: -10px;
	background: url(./img/telgirl.png) 0 0 scroll no-repeat;
	background-size: contain;
}
#theme .gotoSupport a:hover {
	/*background: #eff8de;*/
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	-o-transform: translateY(2px);
	transform: translateY(2px);
}
#theme .gotoSupport a:hover .bt {
	background-color: #8ddd33;
}
/*
#theme .gotoSupport a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 1.4em 0 1.2em;
	border-radius: 11px;
	
}
#theme .gotoSupport a, #theme .gotoSupport a :hover {
	text-decoration: none;
	border: none;
}*/
#theme .gotoSupport h3 {
	margin-bottom: 0.8em;
	color: #e97093;
	font-size: 1.2em;
	letter-spacing: -0.03em;
}
#theme .gotoSupport h3 span {
	display: inline-block;
	margin-left: -0.15em;
	margin-right: -0.15em;
	font-size: 1.3em;
	letter-spacing: 0.01em;
}
#theme .gotoSupport p {
	margin-bottom: 1.4em;
	color: #626262;
	font-size: 0.82em;
	letter-spacing: -0.06em;
}
#theme .gotoSupport p span {
	display: inline-block;
	margin-left: -0.3em;
	margin-right: -0.3em;
}
#theme .gotoSupport .bt {
	width: 92%;
	margin: 0 auto;
	padding: 0.8em 0;
	border-radius: 12px;
	background: #90c928;
	color: #fff;
	font-size: 1.24em;
	transition: all 0.4s ease 0s;
}
#theme .gotoSupport .bt:before {
	padding-right: 0.7em;
	content: '\f0da';
	font-family: 'FontAwesome';
}
#theme .gotoSupport .bt span {
	letter-spacing: -0.06em;
}
#theme .gotoSupport h3 span:hover, #theme .gotoSupport p span:hover, #theme .gotoSupport .bt span:hover {
	background: none;
}

/*
#theme .gotoSupport a {
	display: block;
	position: absolute;
	width: 380px;
	top: 185px;
	right: 0;
	padding: 1.4em 0 1.2em;
	border-radius: 14px;
	border: 2px solid #d3c1b2;
	background: #fff;
	font-family: "Rounded Mplus 1c" !important;
	text-align: center;
}
*/

/* ==[ #information ]==================================== */
#information {
	position: relative;
	z-index: 2;
}
#information .wrap {
	position: relative;
	margin-top: -13px;
	background: #f8f3df;
}
#information h2 {
	position: absolute;
	width: 500px;
	min-height: 500px;
	top: -74px;
	left: 50%;
	margin-left: -250px;
	border-radius: 50%;
	background: #f8f3df;
	text-align: center;
	z-index: 3;
}
#information h2:before {
	position: absolute;
	content: "";
	width: 110px;
	height: 78px;
	top: -80px;
	left: 50%;
	margin-left: -50px;
	background: url(./img/bird.png) 0 0 scroll no-repeat;
	background-size: contain;
}
#information h2 span {
	display: inline-block;
	width: 111px;
	height: 28px;
	margin-top: 40px;
	background: url(./img/ttl-information.png) center 0 scroll no-repeat;
	background-size: contain;
	text-indent: -9999em;
}
#information .inner {
	position: relative;
	padding: 3em 0 1.86em;
	z-index: 4;
}
.icFb {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0.5em;
	padding-bottom: 1em;
	color: #3498db;
  font-family: "Rounded Mplus 1c" !important;
	font-weight: 800;
	text-align: center;
}
.icFb a {
	display: inline-block;
	margin-right: 0.5em;
	padding: .1em .56em .1em;
	border-radius: 50px;
	background: #3498db;
	color: #fff;
	transition: all 0.3s ease 0s;
}
.icFb a:hover {
	background: #e97093;
}
#js-facebook,
.fbWrap {
	position: relative;
	/*max-height: 340px;*/
	padding: 2em 3em 4.86em /*1.86em*/;
	background: #fff;
	border-radius: 4px;
}
.fbWrap {
	/*overflow: scroll;*/
	overflow-x: hidden;
	overflow: hidden;
}
.fbWrap:before {
	width: 30%;
	height: 110px;
	bottom: 0;
	left: 1%;
	background: url(./img/clovers4.png) 0 0 scroll no-repeat;
	background-size: contain;
}
.fbWrap:after {
	width: 25%;
	height: 125px;
	bottom: -10px;
	right: 0;
	background: url(./img/clovers5.png) 0 0 scroll no-repeat;
	background-size: contain;
}
.fbWrap:before, .fbWrap:after {
	content: "";
	position: absolute;
	z-index: 1;
}
.fbWrap .fb-page {
	width: 100%;
}
.fbWrap .fb-page span {
	position: relative;
	display: block;
	margin: 0 auto;
	z-index: 3;
}

.infoWrap {
	width: 70%;
	margin: 2em auto 3em;
	padding-bottom: 2em;
	border-bottom: 1px solid #efefef;
}
.infoWrap p.date {
	position: relative;
	margin-bottom: 1.5em;
	padding-left: 36px;
	color: #555;
	font-size: 0.8em;
	font-weight: 700;
}
.infoWrap p.date:before {
	content: "";
	position: absolute;
	left: 0;
	width: 26px;
	height: 31px;
	top: 0;
	background: url(./img/clover.png) 0 0 scroll no-repeat;
	background-size: contain;
}

#js-facebook li {
	margin: 0;
	padding: 1em 0;
	border-bottom: 1px solid #eee;
}
#js-facebook li:last-child {
    border: 0;
}
#js-facebook li time {
	display: block;
	margin-bottom: 10px;
	color: #73bd20;
	font-weight: bold;
}
.list-notice {
	position: relative;
	margin-top: 0.5em;
	font-size: 0.8em;
	text-align: center /*right*/;
	z-index: 2;
}
.list-notice li {
	text-align: center;
}

.information::before {
	display: none;
}

/* ==[ #about ]==================================== */
#about .one {
	max-height: 508px;
	background: url(./img/bgAbout.jpg) center bottom scroll no-repeat;
	text-align: center;
}
#about .inner {
	padding: 2em 0;
}
#about .one h2 {
	width: 541px;
	height: 128px;
	margin: 0 auto 1.6em;
	background: url(./img/ttl-about01.png) center 0 scroll no-repeat;
	background-size: contain;
	text-indent: -9999em;
}
#about .one p {
	margin-bottom: 1.8em;
	color: #444;
	font-weight: bold;
	line-height: 1.4em;
}
#about .one p span {
	display: block;
	color: #85C416;
	font-size: 0.86em;
	font-weight: normal;
}
#about .two {
	background: url(./img/blur.jpg) center top scroll no-repeat;
	background-size: cover;
}
#about .two .inner {
	min-height: 700px;
	background: url(./img/bigTel.png) right 10em scroll no-repeat;
}
#about .two h2 {
	width: 533px;
	height: 128px;
	margin: 0 auto 1.6em;
	background: url(./img/ttl-about02.png) center 0 scroll no-repeat;
	background-size: contain;
	text-indent: -9999em;
}
#about .two dt {
	margin-bottom: 1em;
	color: #ec9800;
	font-size: 1.2em;
}
#about .two dd {
	line-height: 2em	
}
#about .two dd b {
	color: #ec9800;
	/*color: #85C416 #73bd20*/;
}

/* ==[ #feedback ]==================================== */
#feedback .wrap {
	position: relative;
	margin-top: -150px;
	padding-top: 128px;
	background: url(./img/bg2.png) center top scroll repeat-x;
}
#feedback .wrap:after {
	/*content: url(./img/bg.png);*/
	content: "";
	position: absolute;
	width: 100%;
	height: 182px;
	z-index: 98;
	left: 0;
	bottom: -160px;
	background: url(./img/bg.png) center bottom scroll repeat-x;
}
#feedback h2 {
	position: relative;
	width: 443px;
	height: 87px;
	margin: 0 auto 1.6em;
	background: url(./img/ttl-feedback.png) center 0 scroll no-repeat;
	background-size: contain;
	text-indent: -9999em;
}
#feedback h2:before, #feedback h2:after {
	content: "";
	position: absolute;
	width: 46px;
	height: 66px;
}
#feedback h2:before {
	top: -25%;
	left: -96px;
	background: url(./img/tree01.png) 0 0 scroll no-repeat;
}
#feedback h2:after {
	top: -50%;
	right: -86px;
	background: url(./img/tree02.png) 0 0 scroll no-repeat;
}
#feedback .inner {
	margin: 2em auto 0;
}
#feedback .btWrap {
	position: relative;
	margin: 4em 0 0;
	justify-content: center;
	align-items: center;
	text-align: center;
	z-index: 99;
}
#feedback .btWrap:after {
	clear: both;
}
#feedback .bt {
	display: inline-block;
	width: auto;
	margin: 0 auto;
	padding: 1em;
	border-radius: 12px;
	background: #90c928;
	color: #fff;
	font-family: "Rounded Mplus 1c" !important;
	font-size: 1.4em;
	/*filter: drop-shadow(1px 6px 6px rgba(0,0,0,0.2));*/
	transition: all 0.4s ease 0s;
}
#feedback .bt:before {
	padding-right: 0.7em;
	content: '\f0da';
	font-family: 'FontAwesome';
}
#feedback .bt span {
	letter-spacing: -0.06em;
}
#feedback .bt:hover {
	background-color: #8ddd33;
	text-decoration: none;
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	-o-transform: translateY(2px);
	transform: translateY(2px);
	/*filter: drop-shadow(1px 6px 6px rgba(0,0,0,0));*/
}
#slide {
	margin: 2em 0 5em;
}
.statistics .data {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.3em;
	font-family: "Rounded Mplus 1c" !important;
	font-size: 1.2em;
}
.statistics ul.data li {
	width: 33.333%/*25%*/;
	text-align: center;
}
.statistics ul.data li:first-child {
	text-align: left;
}
.statistics ul.data li:last-child {
	text-align: right;
}
.statistics ul.data li span:nth-child(2) {
	display: inline-block;
	margin: 0 0.1em;
	font-size: 2.0em;
	font-weight: bold;
}
.statistics ul.data li span:nth-child(3) {
	font-size: 0.8em;
}
.statistics .term {
	font-size: 0.8em;
	/*text-align: right;*/
		text-align: center;
}
.statistics div.data {
	margin-top: 2em;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.statistics dl {
	width: 285px;
	margin: 0 0.5em;
}
.statistics dl dt {
	margin-bottom: 0.8em;
	font-size: 1.5em;
}
.statistics dl dt span {
	display: inline-block;
	margin: 0 0.2em;
}
.statistics dl.male dt {
	color: #8fabd9;
}
.statistics dl.female dt {
	color: #efb6c4;
}
.statistics dl dd {
	padding: 2.6em 0 1.7em;
	background-position: center center;
	background-attachment: scroll;
	background-repeat: no-repeat;
}
.statistics dl.male dd {
	background-image: url(./img/circle01.png);
	background-size: contain /*cover*/;
}
.statistics dl.female dd {
	background-image: url(./img/circle02.png);
	background-size: contain /*cover*/;
}
.statistics dl dd li {
	margin-bottom: 0.5em;
	color: #fff;
	font-size: 0.8em;
}
.statistics dl dd li span, .statistics .unknown span {
	display: inline-block;
	margin: 0 0.3em;
}
.statistics dl.unknown {
	margin-top: 1.4em;
	width: 126px;
}
.statistics dl.unknown dt {
	display: none;
}
.statistics dl.unknown dd {
	padding: 2.4em 0 2.2em;
	background: url(./img/circle03.png) center center scroll no-repeat;
	background-size: contain /*cover*/;
	/*padding: 3em 0;
	color: #fff;
	font-size: 0.8em;*/
}

/* ==[ #support ]==================================== */
#support .wrap {
	position: relative;
	background: url(./img/bgSupport.jpg) center top fixed no-repeat;
	background-size: contain;
}
#support .inner {
	padding-top: 260px;
}
#support h2 {
	width: 1006px;
	height: 152px;
	margin: 0 auto 2em;
	background: url(./img/ttl-support.png) 0 0 scroll no-repeat;
	background-size: contain;
	text-indent: -9999em;
}
#support h3, #support h4 {
	color: #ec9800;
	font-family: "Rounded Mplus 1c" !important;
}
#support h3 {
	margin-bottom: 2.6em;
	font-size: 1.7em;
	text-align: center;
}
#support h3 .txt-wrap br {
	display: none;
}
#support h3 span {
	position: relative;
}
#support h3 span:before, #support h3 span:after, #support h4:before, #support h4:after {
	content: "";
	position: absolute;
	top: 0;
	background: url(./img/clover.png) 0 0 scroll no-repeat;
	background-size: contain;
}
#support h3 span:before, #support h3 span:after {
	width: 38px;
	height: 45px;
}
#support h3 span:before {
	left: -45px;
}
#support h3 span:after {
	right: -45px;
	transform: scale(-1, 1);
}
#support h4 {
	position: relative;
	margin-bottom: 1em;
	padding-left: 36px;
	font-size: 1.4em;
}
#support h4:before {
	left: 0;
	width: 26px;
	height: 31px;
}
#support .donation {
	margin-bottom: 4em;
	border-bottom: 1px solid #dcdcdc;
}
#support .donation .message {
	margin-bottom: 2em;
}
#support .donation .message dd {
	line-height: 1.8em;
}
#support .donation .message strong {
	color: #333;
}
#support .donation .detail {
	display: flex;
	margin-bottom: 4em;
	text-align: center;
}
#support .donation .detail dl {
	width: 46%;
	margin: 0 1.4%;
	padding: 1.4% 1.4% 2.4%;
	border: 5px solid;
	background-color: rgba( 255, 255, 255, 0.55 );
}
#support .donation .detail dl:nth-child(1) {
	border-color: #76C325;
}
#support .donation .detail dl:nth-child(2) {
	border-color: #F2638E;
}
#support .donation .detail dt {
	padding: 160px 0 1em;
	background-position: center 0.3em;
	background-attachment: scroll;
	background-repeat: no-repeat;
	font-family: "Rounded Mplus 1c" !important;
	font-size: 1.8em;
	text-align: center;
}
#support .donation .detail dl:nth-child(1) dt {
	background-image: url(./img/donate3000.jpg);
	color: #76C325;
}
#support .donation .detail dl:nth-child(2) dt {
	background-image: url(./img/donate5000.jpg);
	color: #F2638E;
}
#support .donation .detail li {
	text-align: left;
	line-height: 2em;
}
#support .donation .detail li:before {
	content: "●";
	padding-right: 0.2em;
	color: #E59919;
}
#support .donation .detail li span {
	font-weight: bold;
}
#support .donation .account {
	margin-bottom: 2.4em;
}
#support .donation .account dt {
	margin-bottom: 1em;
	color: #ec9800;
	font-family: "Rounded Mplus 1c" !important;
	font-size: 1.4em;
	text-align: center;
}
#support .donation .account dt .list-notice {
	color: #444;
	font-size: 0.6em;
	text-align: center;
}
#support .donation .account dd {
	width: 97.2%;
	margin: 0 auto;
}
#support .donation .account dd dl {
	margin-bottom: 2em;
	border: 1px solid #cfcfcf;
	border-radius: 4px;
	background-color: rgba( 255, 255, 255, 0.55 );
}
#support .donation .account dd dt {
	width: 90%;
	margin: 0 auto 1.8em;
	padding: 1.5em 0;
	border-bottom: 1px solid #e9e9e9;
	color: #444;
	font-size: 1.1em;
	letter-spacing: 0.2em;
}
#support .donation .account dd dd {
	width: auto;
	margin-bottom: 2em;
}
#support .donation .account dd dd table {
	width: 50%;
	margin: 0 auto;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}
#support .donation .account dd dd th, #support .donation .account dd dd td {
	padding: 0.5em;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}
#support .donation .account .notice {
	width: 97.2%;
	margin: 2em auto 3em;
}
#support .donation .account .notice p {
	margin: 2em 0 1.5em;
	padding: 0.5em 1em;
	border-radius: 4px;
	background: #aaa;
	color: #fff;
}
#support .donation .account .notice ul {
	padding: 0 1.5em;
}
#support .donation .account .notice li {
	margin-bottom: 0.5em;
}
#support .donation .account .notice li:before {
	content: "●";
	padding-right: 0.2em;
	color: #E59919;
}
#support .donation .pastSupporter {
	width: 97.2%;
	margin: 2em auto 3em;
}
#support .donation .pastSupporter dt {
	margin: 2em 0 1.5em;
	padding: 0.5em 1em;
	border-radius: 4px;
	background: #aaa;
	color: #fff;
}
#support .donation .pastSupporter dd {
	padding: 0 1.5em;
	font-size: 0.9em;
}
#support .volunteer {
	margin-bottom: 2.4em;
}
#support .volunteer .message dd {
	padding-bottom: 3em;
	line-height: 1.8em;
	background: url(./img/bgVolunteer.png) right bottom scroll no-repeat;
	background-size: 45%;
}
#support .volunteer .message dd p {
	margin-bottom: 1.0em;
	font-weight: bold;
}
#support .volunteer .btWrap {
	position: relative;
	margin: 0 0 2.4em;
	justify-content: center;
	align-items: center;
	text-align: center;
	z-index: 99;
}
#support .volunteer .message dd span {
	color: #ec9800;
	font-weight: bold;
}
#support .volunteer .message dd b {
	font-weight: bold;
}
#support .volunteer .message dd .openPgm {
	width: 94%;
	margin: 3em auto 7em;
	padding: 1em;
	border: 5px solid #76C325;
	background-color: rgba( 255, 255, 255, 0.55 );
}
#support .volunteer .message dd .openPgm p {
	margin-bottom: 0.5em;
	line-height: 1.4em;
}
#support .volunteer .message dd .openPgm img {
	width: 100%;
	box-shadow: 0px 4px 6px rgba(0,0,0,0.15);
}
#support .volunteer .btWrap:after {
	clear: both;
}
#support .volunteer .bt {
	position: relative;
	display: inline-block;
	width: auto;
	margin: 0 auto;
	padding: 1em 2em;
	border-radius: 12px;
	background: #90c928;
	color: #fff;
	font-family: "Rounded Mplus 1c" !important;
	font-size: 1.4em;
	/*filter: drop-shadow(1px 6px 6px rgba(0,0,0,0.2));*/
	transition: all 0.4s ease 0s;
}
#support .volunteer .bt:before {
	padding-right: 0.7em;
	content: '\f0da';
	position: absolute;
	top: 40%;
	left: 1em;
	font-family: 'FontAwesome';
}
#support .volunteer .bt span {
	display: block;
	margin-top: 0.3em;
}
#support .volunteer .bt:hover {
	background-color: #8ddd33;
	text-decoration: none;
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	-o-transform: translateY(2px);
	transform: translateY(2px);
	/*filter: drop-shadow(1px 6px 6px rgba(0,0,0,0));*/
}
#support .volunteer .download .bt {
	width: auto;
	margin-bottom: 1em;
	background: #efefef;
	border-radius: 7px;
	border: 1px solid #dcdcdc;
	color: #333;
	font-size: 1em;
	text-align: center;
}
#support .volunteer .download .bt:before {
	display: none;
}
#support .volunteer .download i {
	margin-right: 0.3em;
}

/* add */
.thanksMessage {
	margin-bottom: 5em !important;
	color: #ec9800;
	font-family: "Rounded Mplus 1c" !important;
	font-size: 1.7em;
	text-align: center;
	line-height: 1.7em;
}
.thanksMessage span br {
	display: none;
}

.information {
	margin-bottom: 2em;
	border: 1px solid #cfcfcf;
	border-radius: 4px;
	background-color: rgba( 255, 255, 255, 0.55 );
}
.information dt {
	width: 90%;
	margin: 0 auto 1.8em;
	padding: 1.5em 0;
	border-bottom: 1px solid #e9e9e9;
	color: #444;
	font-size: 1.1em;
	letter-spacing: 0.2em;
}
.information dd {
	width: auto;
	margin-bottom: 2em;
	text-align: center;
}

/* ==[ #doc ]==================================== */
#doc #feedback .inner {
	margin: 4em auto;
}
#doc #feedback .btWrap {
	display: block;
	margin-top: 0;
}
#doc #feedback .bt {
	width: 12em;
	margin: 1em;
	text-align: center;
}
#doc #feedback .bt:before {
	content: '\f1c1';
	font-weight: normal !important;
}
#doc .footerWrap {
	position: fixed;
	bottom: 0;
}
.back {
	width: 8em;
	display: block;
	margin: 2em auto;
	padding: 0.5em;
	border: 1px solid #dcdcdc;
	border-radius: 8px;
	text-align: center;
	text-decoration: none;
}

/* ==[ #form ]==================================== */
#form .glWrap {
	background: url(./img/bgSupport.jpg) center -150px fixed no-repeat;
	background-size: cover;
}
#form .wrap {
	position: relative;
	padding-bottom: 4em;
}
#form h2 {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #ddd;
	font-family: "Rounded Mplus 1c" !important;
	font-size: 1.8em;
	text-align: center;
	line-height: 1.4em;
}
#form h2 .txt-wrap br {
	display: none;
}
#form .wrap .inner {
	padding-top: 100px;
}
#form .msg {
	text-align: center;
} 
#form h3 {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #dcdcdc;
	font-size: 1.4em;
	text-align: center;
}
#form-tbl {
	width: 90%;
	margin: 2em auto 4em;
}
#form-tbl table {
	width: 100%;
	margin: 0 auto 2em;
	border: 1px solid #dcdcdc;
	background-color: rgba( 255, 255, 255, 0.55 );
}
#form-tbl th, #form-tbl td {
	padding: 1em;
	border: 1px solid #dcdcdc;
}
#form-tbl th {
	width: 30%;
	font-weight: bold;
	background: #efefef;
}
/* checkbox */
.chkbox {
	margin:0;
}
.chkbox:nth-child(1) {
	margin-bottom: 0.5em;
}
.chkbox label {
	padding-left: 1.2em;
	padding-right: 1.5em;
	font-size: 1em;
	line-height: 1em;
	display: inline-block;
	cursor: pointer;
	position: relative;
}
.chkbox label:before {
	content: '';
	width: 0.8em;
	height: 0.8em;
	display: inline-block;
	position: absolute;
	left: 0;
	background-color: #fff;
	/*box-shadow: inset 1px 1px 1px 0px #000;*/
	border: 1px solid #999;
	border-radius: 0.1em;
}
/* 元のチェックボックスを表示しない */
.chkbox input[type=checkbox] {
	display:        none;
}
/* チェックした時のスタイル */
.chkbox input[type=checkbox]:checked + label:before {
	content:        '\2713';        /* チェックの文字 */ 
	font-size:      1.1em;           /* チェックのサイズ */
	color:          #fff;           /* チェックの色 */
	background-color: #85C416;           /* チェックした時の色 */
}
/**/
input[type=text] {
	height: 1.8em;
	margin-right: 0.3em;
	padding: 0.3em;
	border: 1px solid #999;
	border-radius: 0.1em;
	font-size: 1em;
}
input[type=submit], input[type=reset], input[type=button] {
	display: block;
	position: relative;
	margin-bottom: 1em;
	border: none;
	font-family: "Rounded Mplus 1c" !important;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.01em;
	transition: all 0.4s ease 0s;
}
input[type=submit] {
	width: 40%;
	padding: 1em 0;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-o-border-radius: 14px;
	border-radius: 14px;
	background-color: #90c928;
	color: #fff;
	font-size: 1.8em;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
input[type=reset], input[type=button] {
	width: 20%;
	padding: 0.5em 0;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #dcdcdc;
	background-color: #efefef;
	color: #555;
	font-size: 1em;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
	text-decoration: none;
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	-o-transform: translateY(2px);
	transform: translateY(2px);
}
input[type=submit]:hover {
	background-color: #8ddd33;
}
input[type=reset]:hover, input[type=button]:hover {
	background-color: #effae2;
}
#form-tbl .bt {
	display: flex;
	justify-content: center;
	align-items: center;
}
#form-tbl p {
	margin-bottom: 0.5em;
}
/*#form p {display: none;}*/
#form .privacy ul {
	text-align: center;
}

@media screen and (min-width:1024px){
	.naviDial a {
		display: none;
	}
}
@media screen and (max-width:1236px){
	#slide .slider li {
		margin: 0 1em;
	}
	#slide .slider li img {
		width: 100%;
	}
}
@media screen and (max-width:1024px){
	#glWrap {
		width:100%;
	}
	.inner {
		width:auto;
		padding-left: 1em !important;
		padding-right: 1em !important;
	}
	.naviDial {
		margin-right: -5px;
	}
	#mv .promise {
		right: -100px;
	}
	.statistics .data {
		font-size: 1.18em;
	}
	.statistics div.data {
		font-size: 1.3em;
	}
	#support .donation .detail li {
		font-size: 0.96em;
	}
}
@media screen and (max-width:1023px){
	header {
		background-position: -310px -44px;
	}
	header .inner {
		min-height: 110px;
		padding-top: 20px;
	}
	header h1 {
		width: 50.195313%;
		height: 90px;
	}
	.naviDial {
		position: absolute;
		top: -12px;
		right: 1em;
		float: none;
		width: 300px;
		height: 112px;
		margin-top: 0;
	}
	.naviDial a {
		margin-top: 12px;
	}
	#mv {
		background: url(./img/mv2.jpg) center -50px scroll no-repeat;
		background-size: 100%;
		/*background-size: 186%;
		background-position: center -50px;*/
	}
	#mv .inner {
		min-height: 475px;
	}
	#mv .promise {
		width: 609px;
		top: -40px/*-30*/;
		right: -116px;
		background-size: contain;
	}
	#theme .inner {
		min-height: 326px;
	}
	#theme .message {
		width: 58.542969%;
		font-size: 0.9em;
	}
	#theme .message h2 {
		width: 100%;
		height: 0;
		padding: 30.224525% 0 0;
		margin-bottom: 0.9em;
		background-size: contain;
	}
	#theme .message h2:after {
		width: 35.233161%;
		height: 0;
		top: 0;
		right: -31.606218%;
		margin-top: 12.953368%;
		padding: 13.126079% 0 0;
	}
	#theme .gotoSupport a {
		margin-top: 132px;
		width: 39.109375%;
		border-radius: 12px;
	}
	#theme .gotoSupport a:before {
		width: 76px;
		height: 80px;
		top: -64px;
	}
	#theme .gotoSupport a {
		padding: 1.4em 0 0.9em;
	}
	#theme .gotoSupport h3 {
		margin-bottom: 0.1em;
		font-size: 0.98em;
	}
	#theme .gotoSupport p {
		margin-bottom: 0.5em;
		font-size: 0.67em;
		letter-spacing: -0.06em;
	}
	#theme .gotoSupport .bt {
		border-radius: 10px;
		font-size: 1em;
	}
	#information .wrap {
		margin-top: -20px;
	}
	#information h2 {
		width: 400px;
		min-height: 400px;
		top: -50px;
		margin-left: -200px;
	}
	#information h2:before {
		width: 60px;
		height: 40px;
		top: -48px;
		left: 50%;
		margin-left: -30px;
	}
	#information h2 span {
		margin-top: 28px;
	}
	#js-facebook {
		max-height: 300px;
	}
	#js-facebook li {
		font-size: 0.9em;
	}
	.fbWrap:before {
		bottom: -2%;
		left: 1%;
	}
	.fbWrap:after {
		bottom: -5%;
		right: 0;
	}
	.list-notice {
		font-size: 0.7em;
	}
	#about .one {
		background-position: -520px bottom;
	}
	#about .one h2 {
		width: 480px;
		height: 108px;
		margin: 0 auto 1.6em;
	}
	#about .two .inner {
		min-height: 600px;
		background-position: right 14em;
		background-size: 40%;
	}
	#about .two h2 {
		width: 484px;
		height: 108px;
	}
	#feedback .btWrap {
		margin: 3em 0 0;
	}
	#feedback .bt {
		font-size: 1.4em;
	}
	#about .two dl {
		font-size: 0.9em;
	}
	#feedback h2 {
		width: 380px;
		height: 77px;
	}
	.statistics ul.data li:first-child,
	.statistics ul.data li:nth-child(3) {
    text-align: center;
	}
	.statistics ul.data li span:nth-child(1) {
		display: block;
		margin-bottom: 0.3em;
	}
	.statistics .term {
		/*padding-right: 1.4em;*/
	}
	
	#support .wrap {
		background-image: url(./img/bgSupport2.jpg);
		background-size: contain;
    background-attachment: scroll;
	}
	#support .inner {
		padding-top: 200px;
	}
	#support h2 {
		width: 100%;
		height: 120px;
		margin: 0 auto 1.5em;
	}
	#support h3 {
		margin-bottom: 2.6em;
		font-size: 1.5em;
	}
	#support h4 {
		font-size: 1.3em;
	}
	#support .donation, #support .volunteer {
		font-size: 0.9em;
	}
	#support .donation .detail li {
		font-size: 0.82em;
	}
	#support .volunteer .message dd {
		background-position: right 8%;
	}
	#support .volunteer .message dd .openPgm {
		margin: 3em auto 5em;
		padding: 1.5%;
	}
	.thanksMessage {
		margin-bottom: 1.5em !important;
	}
}
@media screen and (max-width:900px){
	#mv {
		background-position: center -20px;
	}
	.fbWrap:before {
		bottom: -4%;
		left: 1%;
	}
	.fbWrap:after {
		bottom: -8%;
		right: 0;
	}
}
@media screen and (max-width:800px){
	#mv {
		background-position: center 40px;
	}
	#theme .message {
		width: 61.542969%;
	}
	#theme .gotoSupport a {
    width: 276px;
    border-radius: 12px;
		font-size: 0.9em;
	}
	#theme .gotoSupport a:before {
    width: 70px;
    height: 76px;
    top: -58px;
	}
	#theme .gotoSupport h3 {
		font-size: 1em;
	}
	#theme .gotoSupport .bt {
    padding: 1.6em 0;
		font-size: 1.1em;
	}
	.fbWrap:before {
		bottom: -2%;
		left: -2%;
	}
	.fbWrap:after {
		bottom: -4%;
		right: -2%;
	}
	#support .volunteer .message dd {
    background-position: right 15%;
	}
}
@media screen and (max-width:768px){
	#theme .inner {
    min-height: 300px;
		padding-top: 45px;
		padding-bottom: 1em;
	}
	#theme .message h2 {
		margin-bottom: 0.5em;
	}
	#theme .message dd {
    padding-top: 1em;
	}
	.infoWrap {
		width: 100%;
	}
	#js-facebook {
		max-height: 220px;
	}
	.fbWrap:before {
		bottom: -4%;
	}
	#feedback .wrap {
		margin-top: -125px;
	}
	#feedback .wrap:after {
		bottom: -152px;
		background-size: 180%;
	}
	.statistics dl dd {
		font-size: 0.9em;
	}
	#support .donation .detail li {
    font-size: 0.76em;
	}
	#support .volunteer .message dd {
    background-position: right 20%;
	}
}
@media screen and (max-width:767px){
	#catch .wrap {
		padding-bottom: 8em;
	}
	header {
		background: none;
		/*background-position: -30px 15px;*/
	}
	header .inner {
		position: relative;
		z-index: 2;
		overflow: hidden;
		min-height: 146px;
		border-bottom-right-radius: 900px 188px;
		border-bottom-left-radius: 900px 188px;
		border-bottom: 1px solid #bddd99;
		margin-bottom: 10px;
		margin-left: -10%;
		margin-right: -10%;
		background: #fff;
	}
	header h1 {
		position: relative;
		width: 260px;
		float: none;
		top: 0;
		left: 0;
		margin: 83px auto 0;
		background: url(./img/logo02.png) 0 0 scroll no-repeat;
		background-size: contain;
	}
	#doc header .inner, #form header .inner {
		min-height: auto;
		padding-top: 4.5em;
		padding-bottom: 1em;
	}
	#doc header h1, #form header h1 {
		position: relative;
		height: 11%;
		margin: 0 auto;
	}
	#doc header h1:before, #form header h1:before {
		content: "";
		position: absolute;
		width: 70px;
		height: 0;
		padding-top: 28%;
		top: -4em;
		left: 0;
		right: 0;
		margin: 0 auto;
		background: url(./img/logo01.png) 0 0 scroll no-repeat;
		background-size: contain;
	}
	.naviDial {
		position: relative;
		float: none;
		left: 0;
		right: 0;
		margin: -206px auto 0;
		background-position: center 0;
	}
	.naviDial:before {
		width: 84px;
		height: 84px;
		top: 28px;
		left: -85px;
		background-image: url(./img/logo01.png);
	}
	.naviDial:after {
		display: none;
	}
	.naviDial:before, .naviDial:after {
		content: "";
		position: absolute;
		background-size: contain;
		background-position: 0 0;
		background-attachment: scroll;
		background-repeat: no-repeat;
	}
	#mv {
		background-position: center 32px/*-28%*/;
	}
	#mv .inner {
		min-height: 450px;
	}
	#mv .promise {
		width: 456px /*59.472656%*/;
		height: 468px /*0*/;
		/*padding: 61.108108% 0 0;*/
		top: 0 /*2.9296875%*/;
		right: -63px /*-8.328125%*/;
	}
	#theme {
		position: relative;
		margin-top: -104px;
		background: none;
		/*margin-top: 0;
		background: none;
		background-position: -30px 15px;*/
	}
	#theme:before {
		content: "";
		position: absolute;
		overflow: hidden;
		width: 117.340287%;
		min-height: 146px;
		top: 0;
		left: 0;
		border-top-right-radius: 117.340287% 120%;
		border-top-left-radius: 117.340287% 120%;
		border-top: 1px solid #bddd99;
		margin-left: -10%;
		margin-right: -10%;
		background: #fff;
	}
	#theme .inner {
		padding-top: 1.5em /*1.5em*/;
	}
	#theme .message {
		float: none;
		width: 72%;
		margin: 0 auto;
	}
	#theme .message h2 {
		margin-bottom: 1em;
	}
	#theme .message h2:before {
		content: "";
		position: absolute;
		width: 35.233161%;
		height: 0;
		top: 0;
		left: -33.606218%;
		margin-top: 12.953368%;
		padding: 13.126079% 0 0;
		background: url(./img/clovers.png) 0 0 scroll no-repeat;
		background-size: contain;
		transform: scale(-1, 1);
	}
	#theme .message dd {
		line-height: 2em;
	}
	#theme .gotoSupport a {
		float: none;
		width: 72%;
		margin: 2em auto;
	}
	#theme .gotoSupport a {
		padding-bottom: 1.3em;
	}
	#theme .gotoSupport h3 {
		font-size: 1.3em;
	}
	#theme .gotoSupport p {
		font-size: 0.8em;
	}
	#theme .gotoSupport .bt {
		width: 72%;
		font-size: 1.3em;
	}
	.statistics .data {
		position: relative;
    font-size: 1em;
	}
	.statistics div.data {
    display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	}
	.statistics dl {
		margin: 0 15% 1.6em;
	}
	.statistics dl.male {
		-webkit-box-ordinal-group:0;
		-ms-flex-order:0;
		-webkit-order:0;
		order:0;
	}
	.statistics dl.female {
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
	}
	.statistics dl.unknown {
		-webkit-box-ordinal-group:2;
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
	}
	.statistics dl dt {
		margin-bottom: 0;
	}
	.statistics dl dt span {
		font-weight: bold;
	}
	.statistics dl.unknown {
		width: auto;
		margin-bottom: 0;
	}
	.statistics dl.unknown dt {
		display: block;
		color: #BFBFC0;
	}
	.statistics dd, .statistics dd {
		display: none;
	}
	.statistics .term {
		padding-top: 1em;
		color: #555;
	}
	#feedback .btWrap {
		margin: 3em 0 1.8em;
	}
	#doc .footerWrap {
		position: relative;
		bottom: 0;
	}
	#form .privacy ul {
		text-align: left;
	}
}
@media screen and (max-width:667px){
	#mv {
		background-position: center 32px/*-128%*/;
	}
	#mv .inner {
		min-height: 420px;
	}
	#mv .promise {
		width: 400px;
		height: 400px /*0*/;
		/*padding: 61.108108% 0 0;*/
		top: 3.9296875%;
		right: -8.328125%;
	}
	#theme .message {
		width: 80%;
	}
	#theme .gotoSupport a {
		margin-top: 4em;
	}
	#theme .gotoSupport .bt {
		padding: 1em 0;
	}
	#information .inner {
		padding-bottom: 1em;
	}
	#information h2 {
		width: 300px;
		min-height: 300px;
		margin-left: -150px;
	}
	#information h2 span {
		width: 100px;
	}
	#js-facebook {
		max-height: 180px;
	}
	#about .one {
		background-size: 284%;
		background-position: -447px bottom;
	}
	#about .one .inner {
		padding: 1em 0;
	}
	#about .one h2, #about .two h2 {
		width: 80%;
		height: 1%;
		margin-bottom: 1em;
		padding-top: 13%;
	}
	#about .one p {
		font-size: 0.9em;
	}
	#about .two .inner {
		min-height: 606px/*558px*/;
		padding-top: 1em;
		font-size: 0.96em;
		background-position: right 18em;
	}
	#feedback .wrap:after {
    bottom: -122px;
	}
	#feedback h2 {
		width: 350px;
	}
	#feedback h2:before, #feedback h2:after {
    width: 40px;
    height: 58px;
		background-size: contain;
	}
	#feedback h2:before {
		left: -76px;
	}
	#feedback h2:after {
		right: -76px;
	}
	#slide {
		margin-bottom: 3em;
	}
	#support .wrap {
		margin-top: -1em;
	}
	#support .inner {
    padding-top: 150px;
	}
	#support .donation .account dd dd table {
    width: 70%;
	}
	#support .volunteer .message dd {
    background: none;
	}
	.thanksMessage {
		font-size: 1.2em;
	}
}
@media screen and (max-width:600px){
	#mv {
		background-position: center 50px/*185%*/;
	}
	.fbWrap {
		padding: 1em;
	}
	.fbWrap:before, .fbWrap:after {
		display: none;
	}
	#form h2 {
		font-size: 1.4em;
	}
	#form h2 .txt-wrap br {
		display: inline;
	}
	#form h3 {
		font-size: 1.2em;
	}
	#form .msg {
		text-align: left;
	}
	#form-tbl tr, #form-tbl th, #form-tbl td {
		display: block;
		width: auto;
	}
	input[type=text].f1 {
		width: 96%;
	}
	input[type=submit] {
		width: 60%;
		padding: 1em;
		font-size: 1.4em;
	}
	input[type=reset], input[type=button] {
		width: auto;
		padding: 0.5em 1em;
	}
}
@media screen and (max-width:500px){
	#mv {
		background-position: center 70px/*84%*/;
	}
	#feedback .wrap:after {
    bottom: -100px;
	}
	#support h3 {
    font-size: 1.3em;
	}
	
	.thanksMessage {
		font-size: 1em;
	}
}
@media screen and (max-width:414px){
	.txt-wrap br {
		display: none;
	}
	header .inner {
    display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
		min-height: 118px;
	}
	header h1 {
		width: 50%;
		height: 11%;
		margin: -5% auto 0;
		/*padding-top: 11%;*/
	}
	.naviDial {
		width: 56%;
    height: 23%;
    margin-top: -5%;
		margin-bottom: 2%;
	}
	.naviDial:before {
    width: 25%;
    top: 28%;
    left: -25%;
	}
	.naviDial:before, .naviDial:after {
		height: 0;
		padding-top: 25%;
	}
	.naviDial a {
		height: 100%;
	}
	header h1 {
		order:1;
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
	}
	.naviDial {
		order:0;
		-webkit-box-ordinal-group:0;
		-ms-flex-order:0;
		-webkit-order:0;
	}
	#mv {
		background-image: url(./img/mv.jpg);
		/*background-size: 316%;
    background-position: 35% 310%;*/
		/*background-position: 37% 66%;*/
		background-size: 316%;
    background-position: 36% 50px/*-167%*/;
		/*background-size: 200%;
		background-position: 37% 14%;*/
		
	}
	#mv .inner {
		min-height: 440px;
		/*padding: 52% 0 6%;*/
	}
	#mv .promise {
		display: none;
		/*position: relative;
		width: 440px;
    height: 440px;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: 0 -9% 0;
		background-image: url(./img/promise2.png);
    top: 4.9296875%;
		right: -6.328125%;
    right: -18.328125%;*/
	}
	#theme .promise {
		width: auto;
		height: 0;
		margin-top: -38px;
		padding-top: 274px;
		background: url(./img/promise2.png) center center scroll no-repeat;
		background-size: 84%;
	}
	#theme .message {
    width: 92%;
	}
	#theme .message dd {
		font-size: 1.08em;
	}
	#theme .gotoSupport a {
		width: 100%;
    font-size: 0.8em;
	}
	#theme .gotoSupport .bt {
    width: 92%;
		font-size: 1.5em;
		font-weight: bold;
	}
	#js-facebook {
    max-height: 140px;
		padding: 0.5em 2em;
		font-size: 0.86em;
	}
	.list-notice {
    font-size: 0.6em;
	}
	#about .one {
		position: relative;
		max-height: auto;
		background: #eaebf0;
		background: -moz-linear-gradient(left, #eaebf0 0%, #ffffff 25%, #ffffff 75%, #eaebf0 100%);
		background: -webkit-linear-gradient(left, #eaebf0 0%,#ffffff 25%,#ffffff 75%,#eaebf0 100%);
		background: linear-gradient(to right, #eaebf0 0%,#ffffff 25%,#ffffff 75%,#eaebf0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebf0', endColorstr='#eaebf0',GradientType=1 );
	}
	#about .one:before {
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: url(./img/bgAbout2.png) center bottom scroll no-repeat;
		background-size: 50%;
	}
	#about .one .inner {
		padding-bottom: 6em;
	}
	#about .two .inner {
    padding-bottom: 6em;
    background-size: 33%;
    background-position: 99% 97%;
		font-size: 1.08em;
	}
	#about .one h2, #about .two h2 {
    width: 100%;
		margin-left: -1em;
	}
	#about .two dd b {
		font-weight: bold;
	}
	#feedback .wrap {
    margin-top: -4em;
    padding-top: 5em;
		background-size: 200%;
	}
	#feedback .wrap:after {
    bottom: -88px;
	}
	#feedback h2 {
    width: 66%;
		height: 0;
		padding-top: 13%;
	}
	#feedback h2:before, #feedback h2:after {
		width: 12%;
		height: 0;
    padding-top: 17%;
	}
	#feedback h2:before {
		left: -23%;
	}
	#feedback h2:after {
		right: -23%;
	}
	#feedback .bt {
		font-weight: bold;
	}
	#slide {
    margin-bottom: 4em;
	}
	.statistics .data {
		-webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	}
	.statistics ul.data li {
    width: 100%;
		margin-bottom: 1.4em;
		font-size: 1.2em;
	}
	.statistics ul.data li:last-child {
	  text-align: center;
	}
	.statistics ul.data li span:nth-child(1) {
    display: inline;
	}
	.statistics dl.unknown {
	  margin-top: 0;
	}
	.statistics .term {
    /*padding: 0;*/
		text-align: center;
	}
	.statistics dl {
    margin: 0 auto 1.6em;
	}
	#support .inner {
    padding-top: 120px;
		font-size: 1.08em;
	}
	#support h2 {
		position: relative;
    height: 0;
		padding-top: 53%;
    margin: 0 auto 1.2em;
		background-image: url(./img/ttl-support2.png);
	}
	#support h2:before, #support h2:after, #support .volunteer .message dt:before, .volunteer .message dt:after {
    content: "";
    position: absolute;
    width: 35.233161%;
    height: 0;
    margin-top: 12.953368%;
    padding: 13.126079% 0 0;
    background: url(./img/clovers.png) 0 0 scroll no-repeat;
    background-size: contain;
	}
	#support h2:before {
		top: 37%;
    left: -20px;
    transform: scale(1, 1);
	}
	#support h2:after {
		top: 37%;
    right: -20px;
    transform: scale(-1, 1) rotate(-5deg);
	}
	#support h3 {
    margin: 0 0 2em;
    font-size: 1.3em;
		color: #333;
	}
	#support h3 .txt-wrap br {
		display: inline;
		line-height: 1.4em;
	}
	#support h3 b {
		color: #ec9800 /*#e97093*/;
		font-weight: bold;
	}
	#support h3 span:before, #support h3 span:after {
		display: none;
	}
	#support h4 {
		width: 8em;
    margin: 0 auto 1em;
    padding: 0 36px;
	}
	#support h4:after {
    right: 0;
    width: 26px;
    height: 31px;
	}
	#support .donation .account dd dd table {
    width: 90%;
	}
	#support .volunteer .message dt {
		position: relative;
	}
	#support .volunteer .message dt:before, #support .volunteer .message dt:after {
		margin-top: 0;
	}
	#support .volunteer .message dt:before {
		top: -96%;
    left: -64px;
    transform: scale(1, 1);
	}
	#support .volunteer .message dt:after {
		top: -96%;
    right: -64px;
    transform: scale(-1, 1) rotate(-5deg);
	}
	#support .volunteer .message dd {
		background: none;
		padding-bottom: 2em;
	}
	#support .volunteer .bt {
		font-weight: bold;
	}
	#support .volunteer .message dd .openPgm {
		margin: 3em auto;
	}
	#support .volunteer .message dd .openPgm p {
    font-size: 0.8em;
	}
	.thanksMessage span br {
		display: block;
	}
}
@media screen and (max-width:375px){
	header h1 {
    width: 56%;
	}
	.naviDial {
    width: 61%;
		margin-top: -6%;
	}
	.naviDial:before {
    top: 30%;
    left: -12%;
	}
	.naviDial:after {
		display: block;
    top: 28%;
    right: -12%;
    transform: scale(-1, 1);
	}
	.naviDial:before, .naviDial:after {
		width: 12%;
		background-image: url(./img/clover.png);
	}
	
	#mv {
    background-position: 36% 56px/*271%*/;
	}
	#theme .promise {
    background-size: 90%;
	}
	#theme .message article {
    margin-left: 0;
	}
	#theme .message dt {
		position: relative;
	}
	#theme .message dt:before {
		position: absolute;
    content: "";
    width: 87px;
    height: 100px;
    top: -98%;
    left: 0;
    right: 0;
    margin: auto;
    background: url(./img/logo01b.png) 0 0 scroll no-repeat;
    background-size: contain;
}
	#theme .message h2 {
		margin-top: 6em;
    margin-bottom: 2.2em;
	}
	#theme .message h2:before {
		width: 35.233161%;
    top: -108px;
    left: -20px;
		padding: 13.126079% 0 0;
    transform: scale(1, 1);
		/*width: 54.233161%;
    top: -123px;
    left: -42px;
    padding: 25.126079% 0 0;*/
}
	#theme .message h2:after {
		width: 35.233161%;
    top: -108px;
    right: -20px;
		padding: 13.126079% 0 0;
    transform: scale(-1, 1) rotate(-5deg);
	}
	#theme .message dd {
		padding-top: 0;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	#js-facebook {
		line-height: 1.4em;
	}
	#theme .gotoSupport a {
    margin-top: 3em;
	}
	#about .two .inner {
		padding-bottom: 6em;
    background-size: 33%;
    background-position: 99% 97%;
	}
	#feedback .wrap:after {
		bottom: -72px;
	}
	#feedback .btWrap {
    margin: 2.4em 0 1em;
	}
	#support .volunteer .bt {
    font-size: 1.3em;
	}
}
@media screen and (max-width: 360px) {
	#mv {
			background-position: 36% 60px/*176%*/;
	}
	#feedback .bt {
    font-size: 1.3em;
	}
	#support .donation .detail {
    display: block;
		margin-bottom: 2em;
	}
	#support .donation .detail dl {
    width: auto;
		margin-bottom: 1em;
	}
}
@media screen and (max-width: 320px) {
	.naviDial {
		width: 72%;
		height: 27%;
		padding-top: 0;
	}
	#mv {
    background-position: 36% 96%;
	}
	#theme .message {
    width: 100%;
	}
	#theme .gotoSupport h3 {
    font-size: 1.16em;
	}
	#theme .gotoSupport .bt {
    font-size: 1.26em;
	}
	#feedback .bt {
    font-size: 1.06em;
	}
	#feedback .wrap:after {
    bottom: -60px;
	}
	#support .inner {
    padding-top: 100px;
	}
	#support h3 {
    font-size: 1.16em;
	}
	#support .volunteer .bt {
		padding: 1em 1.5em;
    font-size: 1.16em;
	}
	#support .volunteer .bt:before {
    left: 0.8em;
	}
	#support .volunteer .message dd .openPgm p {
    font-size: 0.74em;
	}
	.thanksMessage {
		font-size: 0.98em;
	}
}

#error {
	padding: 2em 0;
	color: #000;
	background: #fc3;
	text-align: center;
}
 
#error p {
	font: bold 16px/30px;
}
 
#error a {
	/*color: #f00;*/
	text-decoration: underline;
}
 
#error a:hover {
	/*color: #fff;
	background: #f00;*/
}