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



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


   #w_about_company

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

#w_about_company {padding: 0 50px 5%;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: 0px 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: 55%;}
/* ======== 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 tr.dbl {border-bottom: #ddd double ;}
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 th.dbl {border-bottom: #ddd double ;}
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;}
table.company td.dbl {border-bottom: #ddd double ;}

/* --- #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;}		
}





   
   /* -----------------------------------------------------------
   
      access_map
   
   ----------------------------------------------------------- */
   
   
   .access_map{
       padding: 10px;
       margin: 0 0 20px;
       /*background: #1a1a1a;*/
       /*	background: #fff url(../images/site_bcg04.png);
       color:#fff;
   
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       -o-border-radius: 5px;
       border-radius: 5px;
   
       -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
       box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);*/
       /* background: #f7f7f7; */
       border: 1px solid #dedede;
       /* -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2), 0 -1px 0 #f2f2f2; */
       -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2), 0 -1px 0 #f2f2f2;
       /* box-shadow: 0 1px 4px rgba(0,0,0,.2), 0 -1px 0 #f2f2f2; */
   }
   
    .access_map p{font-size: 18px;font-weight: 600;}
    .access_map h3{font-size: 15px;font-weight: 600;}