/* .lazyload,.lazyloading */
.lazyload,
.lazyloading {opacity: 0;}
.lazyloaded {opacity: 1;transition: opacity 750ms;}



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


   #w_about_company

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

#w_about_company {padding: 0px 5% 50px;position: relative;z-index: 1;overflow: auto;}
@media only screen and (max-width: 800px) {
#w_about_company { padding: 80px 5%; }
}
@media only screen and (max-width: 738px) { 
#w_about_company{ padding: 70px 5%; }
}
@media only screen and (max-width: 414px) { 
#w_about_company { padding: 60px 5%; }
}







/* .imgArea */
#w_about_company .imgArea {float:left;width: 43%;/* border: 1px solid #ddd; */padding: 0.5em;}
#w_about_company .imgArea img{width:100%;margin-bottom: 20px;}
#w_about_company .imgArea .inner { position:relative; z-index:2; }
/* #w_about_company .imgArea .inner:before {/* position: absolute; */top: 7px;left: 0;bottom: 7px;right:0;content: "";border: #ddd 1px solid;background:#fefefe;/* z-index: -2; */} */
#w_about_company .imgArea .inner:after { position: absolute; top: 0; left: 7px; bottom: 0; right:7px; content: ""; border: #ddd 1px dotted; z-index: -2; }
 /* .txtArea */
#w_about_company .txtArea {float:right;width: 100%;}
/* ======== table.tableOther ======== */
table.company {border-collapse: collapse;text-align: left;font-size:14px;letter-spacing:1px;line-height:2;width:100%;color: #333;}
table.company tr { }
table.company th {width:25%;padding: 15px;vertical-align: 0;border: #ddd 1px solid;border-right:#ddd 1px dashed;border-right: #ddd 1px solid;}
table.company td {padding: 15px;vertical-align: 0;border: #ddd 1px solid;border-left:none;}
table.company td .linkArea {margin-top:10px;text-align:left;}
table.company td .linkArea a.btn {margin:0;}

/* --- #map_canvas --- */
#map_canvas { width:100%; margin-top:70px; height:400px;position: relative; z-index: 1; border: #ededed 1px solid;}



@media only screen and (max-width: 950px) {
table.company th {width:30%;padding:20px;}
table.company td {padding:20px;}	
}

@media only screen and (max-width: 800px) {
table.company { font-size:13px;}	
}
@media only screen and (max-width: 738px) {
	#w_about_company .imgArea { float:none; width:100%; }
	#w_about_company .txtArea { float:none; width:100%; margin-top:25px; }
	table.company { font-size:12px;}	
/*	#map_canvas { display:none; }*/
}
@media only screen and (max-width: 414px) {
table.company th {width:30%;padding:15px;}
table.company td {padding:15px;}		
}





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


   #w_about_volunteer

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

#w_about_volunteer { padding: 90px 5%; position: relative; z-index: 1; }
@media only screen and (max-width: 800px) {
#w_about_volunteery { padding: 80px 5%; }
}
@media only screen and (max-width: 738px) { 
#w_about_volunteer{ padding: 70px 5%; }
}
@media only screen and (max-width: 414px) { 
#w_about_volunteer { padding: 60px 5%; }
}

/* .imgArea */
#w_about_volunteer .imgArea {float:left;width: 50%;}
#w_about_volunteer .imgArea .inner { position:relative; z-index:2; }
#w_about_volunteer .imgArea .inner:before { position: absolute; top: 7px; left: 0; bottom: 7px; right:0; content: ""; border: #ddd 1px solid; background:#fefefe;z-index: -2; }
#w_about_volunteer .imgArea .inner:after { position: absolute; top: 0; left: 7px; bottom: 0; right:7px; content: ""; border: #ddd 1px dotted; z-index: -2; }
 /* .txtArea */
#w_about_volunteer .txtArea {float:right;width: 48%;}

#w_about_volunteer .txtArea h2{
    color: #999; text-align: center; 
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 5px}

#w_about_volunteer .txtArea p {font-size: 16px;
border-radius: 5px;
border: solid 1px #999;
padding: 10px;
margin-top: 20px;
}

.txt_c{
	text-align: center;
}



@media only screen and (max-width: 950px) {
table.volunteer th {width:30%;padding:20px;}
table.volunteer td {padding:20px;}	
}

@media only screen and (max-width: 800px) {
table.volunteer { font-size:13px;}	
}
@media only screen and (max-width: 738px) {
	#w_about_volunteer .imgArea { float:none; width:100%; }
	#w_about_volunteer .txtArea { float:none; width:100%; margin-top:25px; }
	table.volunteer { font-size:12px;}	
	/* #map_canvas { display:none; }*/
}
@media only screen and (max-width: 414px) {
table.volunteer th {width:30%;padding:15px;}
table.volunteer td {padding:15px;}		
}


@charset "utf-8";



/* about */
.headlineImgAbout {background: url(../images/header_profile.jpg) bottom right no-repeat;background-size:cover;}






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

	privacy (index.html)

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


/* -------------------------------------- .privacy-titleCnt -------------------------------------- */

.privacy-titleCnt {
	max-width: 960px;
	margin: 0 auto;
	padding: 50px 0 60px;
}

.privacy-titleCnt .titleBlk-A {
	float: left;
	width: 38%;
}

.privacy-titleCnt div.txtBlk {
	float: right;
	width: 58%;
	margin-top: 40px;
}


/* ---------------------------------------
	max-width: 959px
--------------------------------------- */

@media screen and (max-width: 959px) {

	.privacy-titleCnt {
		padding-bottom: 40px;
	}

}


/* ---------------------------------------
	max-width: 839px
--------------------------------------- */

@media screen and (max-width: 839px) {

	.privacy-titleCnt div {
		float: none !important;
		width: 100% !important;
		margin-top: 0 !important;
	}

}


/* ---------------------------------------
	max-width: 719px
--------------------------------------- */

@media screen and (max-width: 719px) {

	.privacy-titleCnt {
		padding: 30px 0;
	}

}


/* -------------------------------------- .privacy-privacyCnt -------------------------------------- */


.privacy-privacyCnt {
	border: 1px solid #e5e5e5;
	background: #fff;
	padding: 30px 40px;
	margin: 0px auto 80px;
	/* max-width: 880px; */
	-webkit-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
	-moz-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
	/* box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff; */
	padding: 80px 10%;
	position: relative;
	z-index: 1;
	/* border-top: #a3d9e0 1px solid; */
	/* background: url(../images/noise.png) repeat; */
	/* background: #fafafa; */
	font-weight: 300;
	font-size: 15px;
}


.privacy-privacyCnt section {
	margin: 0 -10px;
	padding: 20px 10px;
	border-top: 1px solid #d9d9d9;
}
.privacy-privacyCnt section:first-child {
	border: none;
	padding-top: 0;
}

.privacy-privacyCnt h3 {
	font-size: 110%;
	line-height: 1.5;
	padding-bottom: 15px;
}

.privacy-privacyCnt p,
.privacy-privacyCnt li {
	font-size: 110%;
	line-height: 1.8;
}

.privacy-privacyCnt p {
	margin-left: 1.4em;
}

.privacy-privacyCnt p + ol {
	margin-top: 10px;
}

.privacy-privacyCnt ul li {
	list-style: disc;
	margin-left: 2.4em;
}
.privacy-privacyCnt ol li {
	list-style: decimal ;
	margin-left: 3.2em;
}

.privacy-privacyCnt .establish {
	text-align: right;
	font-weight: bold;
	padding-top: 20px;
}


/* ---------------------------------------
	max-width: 719px
--------------------------------------- */

@media screen and (max-width: 719px) {

	.privacy-privacyCnt {
		padding: 20px;
		margin: 0 auto 40px;
	}

	.privacy-privacyCnt section {
		margin: 0 -10px;
		padding: 15px 10px;
	}

	.privacy-privacyCnt h3 {
		font-size: 1.1rem;
		padding-bottom: 10px;
	}

	.privacy-privacyCnt .establish {
		padding-top: 10px;
	}

}

/* ---------------------------------------
	max-width: 479px
--------------------------------------- */

@media screen and (max-width: 479px) {

	.privacy-privacyCnt p {
		margin-left: 0;
	}

	.privacy-privacyCnt ul li {
		margin-left: 1.4em;
	}
	.privacy-privacyCnt ol li {
		margin-left: 1.8em;
	}

}