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

   #w_subpage_type

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

   #w_subpage_type {padding: 0px 5% 60px;/* position: relative; *//* z-index: 1; *//* border-top: #ededed 1px solid; *//* background: url(../images/noise.png) repeat #fefefe; */}
   #w_subpage_type:before { position: absolute; top: -1px; left: 5%; right: 5%; height: 0; content: ""; border-top: #ededed 1px solid; z-index: 2; }
   
   
   
   @media only screen and (max-width: 800px) {
   #w_subpage_type { padding: 80px 5%; }
   }
   
   @media only screen and (max-width: 738px) { 
   #w_subpage_type {padding: 70px 5%;/* background: url(../images/noise2.png) repeat #fefefe; */}
   }
   
   @media only screen and (max-width: 414px) { 
   #w_subpage_type {padding: 0px 5% 30px;}
   }
   
   
   
   .galleryArea3 { }
   .galleryArea3 { margin: 0 -2%; font-size: 0; -webkit-backface-visibility: hidden; text-align: center;/*text-align:justify;*/ text-align: left; line-height:0; }
   
   .galleryArea3 .mix,
   .galleryArea3 .gap {display: inline-block;margin: 10px 2% 0;padding:0;width: 96%;}
   #container .mix { display: none; }
   /* --- .imgArea --- */
   .galleryArea3 .imgArea {/* overflow: hidden; */position: relative;z-index: 1;background: #fefefe;/* border: #ededed 1px solid; */}
   .galleryArea3 .imgArea:before {position: absolute;top: 0;right: 0;bottom: 0;left: 0;content: "";background: #fefefe;z-index: 5;opacity: 0;/* -webkit-transition: all 0.7s ease; */-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;/* transition: all 0.7s ease; */}
   .galleryArea3 .imgArea:hover:before { content: ""; background: rgba(0, 0, 0, 0.03); opacity: 0.9; }
   .galleryArea3 .imgArea img {-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;width: 35%;padding: 3%;float: left;}
   /*.galleryArea3 .imgArea:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 1; }*/
   /* span.plus */
   .galleryArea3 .imgArea span.plus { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 50px; height: 50px; z-index: 6; overflow: hidden; text-indent: -999px; }
   .galleryArea3 .imgArea span.plus:before {position: absolute;top: 5%;left: 5%;margin-left: -25px;border-bottom: transparent 1px solid;width: 0px;height: 0;content: "";}
   .galleryArea3 .imgArea span.plus:after { position: absolute; top: 50%; left: 50%; margin-top: -25px; border-right: transparent 1px solid; height: 0; content: ""; }
   .galleryArea3 .imgArea span.plus:before,
   .galleryArea3 .imgArea span.plus:after { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
   .galleryArea3 .imgArea:hover span.plus:before { border-bottom: #fff 1px solid; width: 50px; }
   .galleryArea3 .imgArea:hover span.plus:after { border-right: #fff 1px solid; height: 50px; }
   /* --- .txtArea --- */
   .galleryArea3 .txtArea { text-align: center; }
   .galleryArea3 .txtArea p.no { display: block; width: 50px; height: 50px; margin: -25px auto 0; background: #fefefe; font-size: 14px; /*font-family: 'Catamaran', sans-serif;*/ font-weight: 700; line-height: 50px; letter-spacing: 1px; position: relative; z-index: 3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
   .galleryArea3 .txtArea p.no:after { position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; content: ""; border: #fefefe 1px solid; z-index: -1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
   .galleryArea3 h4 {font-size: 20px;letter-spacing: 1px;line-height: 1.7;/* margin-top: -5px; */position: relative;z-index: 4;/* margin-top:15px; */padding: 1% 2%;width: 64%;float: left;margin-bottom: 0;}
   .galleryArea3 p {font-size: 15px;letter-spacing: 1px;line-height: 2;margin-top: -10px;position: relative;z-index: 4;/* margin-top:15px; */padding: 2%;width: 64%;float: left;font-weight: 400;}
   
   
   
   @media only screen and (max-width: 800px) {
   .galleryArea3 .mix,
   .galleryArea3 .gap { display: inline-block; margin: 60px 2% 0; width: 96%;}
   /* --- .imgArea --- */
   .galleryArea3 .imgArea {overflow: hidden;position: relative;z-index: 1;background: #fefefe;border: #ededed 1px solid;margin: 1% 0;}
   .galleryArea3 .imgArea:before { display:none; }
   .galleryArea3 .imgArea:hover img { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1);  }
   .galleryArea3 .imgArea span.plus { display:none; }
   .galleryArea3 h4 {/* font-size: 13px; */}
   }
   
   @media only screen and (max-width: 738px) {
   .galleryArea3 { margin: 10px -1.5% 0; }
   .galleryArea3 .mix,
   .galleryArea3 .gap { margin: 40px 1.5% 0; width: 96%; }	
   
   .galleryArea3 .txtArea p.no { width: 40px; height: 40px; margin: -20px auto 0;font-size: 12px; line-height: 40px; }
   .galleryArea3 h4 { font-size: 12px; }
       
   }
   
   @media only screen and (max-width: 414px) {
       .galleryArea3 { margin: 10px -1.5% 0; }
       .galleryArea3 .mix,
       .galleryArea3 .gap {margin: 0px 1.5% 0;/* border-top: 1px solid #ccc; */}	
       .galleryArea3 .txtArea { padding:0 2.5%; }
       .galleryArea3 h4 {font-size: 18px;}
       .galleryArea3 .imgArea img {width:100%;}
       .galleryArea3 p{width:100%;}
   
   }
   
   

.indent-1 {
 padding-left:1em;
 text-indent:-1em;
}