@charset "utf-8";
/* ----------------------------------
              COMMON
---------------------------------- */
body { margin:0px auto 0px auto;
       font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
       background:#fff;}
header,section,article,aside,footer{ 	display: block;}
img{ margin:0;padding:0;border:none; }
ul,ol{	margin:0;padding:0;list-style:none;list-style-position:outside;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
p{ margin:0;padding:0;}
div{ 	margin:0;padding:0;}
span.red { color:#ff0000; }
span.bold { font-weight:bold; }
/* ----------------------------------
           COMMON LINK
---------------------------------- */
a:link{ color:#fff;text-decoration:none;}
a:visited{ color:#fff;text-decoration:none;}
a:hover{ color:#ff0000;	text-decoration:none;}
a:active{ color:#fff;text-decoration:none;}
/*-------------------------------------
	    Clear Fix
-------------------------------------*/
.cf { clear:both;}
.cf:after {  content: "";  display: block;   clear: both;height:0;  visibility:hidden; }
/*-------------------------------------
	     Image
-------------------------------------*/
img{ max-width: 100%;height: auto;width /***/:auto;　}
a:hover img {opacity: 0.8;filter: alpha(opacity=80);}
/*-------------------------------------
             PC TB SP
-------------------------------------*/
.pc { display:block; }
.tb { display:none; }
.sp { display:none; }
.pctb { display:block; }
.sptb  { display:none; }
  @media screen and (max-width : 769px){
     .pc { display:none; }
     .tb { display:block; }
     .sp { display:none; }
     .pctb { display:block; }
     .sptb  { display:block; }
  }
  @media screen and (max-width : 480px) { 
       .pc { display:none; }
       .tb { display:none; }
       .sp { display:inline-block; }
       .pctb { display:none; }
  }
/*-------------------------------------
	     Header
-------------------------------------*/
body { margin:0px;background:#fff;font-size:14px;}
header  { position: fixed; top:0; left:0; width: 100%;height: 60px;
          background: rgba(0,0,0,0.7); z-index: 10;}
#headerInner { width:95%;margin:0 auto; }
 .headerLeft { width:40%;float:left; }
 .headerLeft h1  { color:#777;padding:2px 5px;margin:0px; font-size:26px;
      text-shadow: 2px 2px 2px #fff, -2px 2px 2px #fff,2px -2px 2px #fff,-2px -2px 2px #fff,
             0px 2px 2px #fff, -2px 0px 2px #fff, 2px 0px 2px #fff, 0px -2px 2px #fff,
             5px 5px 6px #fff;}
 .headerLeft h1  a:link { color:#777; }
  .headerLeft h1  a:visited { color:#777; }
 .headerLeft h1 img { vertical-align:middle; height:58px; }
 .headerRight { float:right;width:auto;color:#fff; }

  @media screen and (max-width : 1130px){
     #headerInner { width:100%; }
     .headerLeft { width:calc(100% - 60px); }
     .headerRight { width:auto; }
  }
  @media screen and (max-width : 490px){
      .headerLeft h1 { font-size:4vw; }
  }
/* ----------------------------------
              NAVI
---------------------------------- */
nav {  }
nav ul  { padding-top:24px;text-align:center; }
nav li { font-size:12px;float:left; margin:0 1px;padding:0 1vw; }
nav li a:link { font-weight:bold; }
nav .openIcon { display:none;}
#openList ul li.fb { margin-top:-7px; }

  @media screen and (max-width : 1130px) {
     nav { float:right; width:60px; }
     #openList { display:block;width:60px;height:60px;cursor:pointer;position:absolute;  }
     #openList.open { right:0;
               -webkit-transition: .5s linear; 	transition: .5s linear;  }
     #openList.close { right:220px;z-index:30;
               -webkit-transition: .5s linear; 	transition: .5s linear;  }
     nav .openIcon { display:block; }

     #openList ul { padding-top:0; margin:-60px -220px 0 0; }
     #openList.open ul { list-style:none; padding:0px;position: relative;
               -webkit-transition: .5s linear; 	transition: .5s linear;  }
     #openList.close ul { -webkit-transition: .5s linear; 	transition: .5s linear;  }
     #openList ul li { float:right; font-size: 16px;font-weight: bold; line-height: 1.3em; 
	          margin:0; padding:20px 5px;
              background: #323333;  width: 210px;border-bottom: 1px solid #FFF;}
     #openList ul li.tel {  }
     #openList ul li.fb { margin-top:0; background:#4169a7; }
     #openList ul li.fb img { vertical-align:middle; }
  }
/*-------------------------------------
	   Video Contents
-------------------------------------*/
#videoInner { width:100%;height:auto;overflow:hidden;position:relative;  }

#bg-style { background: url("../image/img_bg.png");width: 100%; height: auto;
       position: absolute; top: 0px; left: 0;  right: 0;bottom:0; z-index: 5;}

video#bgvid { left: 0;top: 0;max-width: 100%;z-index: -100;	background: url("../image/AboutUsBg.jpg"); /* 非対応時*/
       background-size: cover;  display: block;   position:fixexd;
       min-width: 100%;   min-height: 100%;  width: auto;   height: auto; }

  @media screen and (max-width : 480px) {
    #videoInner { clear:both; }
    #bg-style { background: url("../image/img_bg.png");width: 100%; height: auto;
       position: absolute; top: 0px; left: 0;  right: 0;bottom:0;z-index:0;}
  }

#overlay { text-align:center; position:absolute; top:20vw; left:20%; right:20%; z-index: 5; }
#overlay h2 { color:#fff; font-size:60px; font-size:5vmin; }
#overlay .texts { color:#fff;font-size:4vmin ;display: inline-block;
                height: 1.5em; text-align: center; overflow-y: hidden; }
#overlay .texts span {  position: relative; display: inline-block; width: 100%; height: 100%; }
#overlay .texts span {  animation: ShiftText 40s linear infinite; }

@keyframes ShiftText {
  0%,5% {     opacity: 0;   }
  6%,15% {   top: 0;   opacity: 1;   }
  16%,20% {     opacity: 0;   }
  21%,30% {  top: -1.5em;   opacity: 1;   }
  31%,40% {     opacity: 0;   }
  41%,50% {  top: -3em;   opacity: 1;   }
  51%,60% {     opacity: 0;   }
  61%,70% { top: -4.5em;   opacity: 1;   }
  71%,80% {     opacity: 0;   }
  81%,90% { top: -6em;   opacity: 1;   }
  91%,100% {     opacity: 0;   }
}
#overlay hr { width:50%;border:0;background: #00ccff;height: 1px; }
#overlay h3 { color:#00ccff; }
#overlay h3 a { color:#00ccff; }
#overlay h3 a:hover { color:#fff; }

  @media screen and (max-width : 768px){
    #overlay {  top:15vw; left:10%; right:10%; }
  }
  @media screen and (max-width : 480px) {
    #videoInner { overflow:auto; margin-top:60px; }
    #overlay {  top:10vw; left:10%; right:10%; }
    #overlay h2 {  }
    #overlay .texts { color:#00ccff;font-size:30px;margin:0px 0px 0 0;
         width: 100%;text-align: center; overflow-y: hidden; }
  }
#overlay2 { position:absolute; top:86px; right:40px;  z-index: 5; }
#overlay2 p { font-weight:bold; }
#overlay2 p a:link { color:#ddd; border:2px #ddd solid; padding:10px 20px;  }
#overlay2 p a:visited { color:#ddd; }

  @media screen and (max-width : 768px) {
        #overlay2 {   right:20px;   }
  }
  @media screen and (max-width : 480px) {
        #overlay2 {  right:5px;   }
        #overlay2 p a:link { padding:10px;  }
  }
/*-------------------------------------
	   Main Contents
-------------------------------------*/
article { width:100%;margin:0px auto;}
article.page { width:100%;margin:61px auto 0; }

section { clear:both; padding:0 0 32px 0; }
article h2.topTitle { width:60%;padding: 20px 20% 10px; color: #fff;margin:0; text-align:center; 
    position: relative; font-size:28px;  margin-bottom:20px; 
    background: linear-gradient(to bottom right,#222,#666 50%,#222); }
	
  @media screen and (max-width : 1045px){
     article h2.topTitle { width:100%; padding: 20px 0% 10px; }
  }
  @media screen and (max-width : 734px) {
     article h2.topTitle { margin-bottom:10px; }
  }
/*-------------------------------------
	   What's New
-------------------------------------*/
#whatsNew { background:#999; }
.whatInner { max-width:1000px; margin:-40px 0 0 auto; position:relative; z-index:6; }
.whatsLeft { float:left; width:calc(15% - 20px); text-align:right; padding-right:20px; }
.whatsLeft p { color:#fff; margin-top:70px; font-size:24px;  }
.whatsLeft p:first-letter { font-size:32px;  }
.whatsRight { float:left; width:85%; background:rgba(51,204,250,0.9); }
.whatsRight p { color:#fff; line-height:20px; padding:20px;  }
.whatsRight p.newsLeft { float:left; width:120px; padding:20px; }
.whatsRight p.newsRight { float:left; width:calc(100% - 190px); padding:20px 20px 20px 10px; }
.whatsRight hr { margin:0; }

  @media screen and (max-width : 880px){
    .whatsLeft { width:calc(20% - 20px); text-align:left; }
    .whatsRight { width:80%; }
  }
  @media screen and (max-width : 768px) {
    #whatsNew { padding:0px; }
    .whatsLeft { float:none; width:calc(100% - 40px); margin:0 0 0 10px; }
    .whatsLeft p { margin-top:40px; }
    .whatsRight { float:none; clear:both; width:100%; }
    .whatsRight:after {  content: "";  display: block;   clear: both;height:0;  visibility:hidden; }
    .whatsRight p.newsLeft { float:left; width:calc(30% - 20px); padding:20px 10px; }
    .whatsRight p.newsRight { float:left; width:calc(70% - 20px); padding:20px 20px 20px 0px; }
  }
  @media screen and (max-width : 480px) {
    .whatsLeft { padding-right:0px; }
    .whatsRight p.newsLeft { float:left; width:calc(30% - 20px); padding:10px; }
    .whatsRight p.newsRight { float:left; width:calc(70% - 20px); padding:10px 10px 10px 0px; }
  }
    /*-------------------------------------
	      Features of ISB
-------------------------------------*/
#Features { background:#f1f0f0; }
.FeaturesInner { max-width:1000px;margin:0 auto; display:flex; flex-wrap:wrap; }
.FeaturesInner div { width:48%; margin:20px 1%; color:#000; }
.FeaturesInner div.centerPic { text-align: center; position:relative;}
.FeaturesInner h3.feature { font-weight:700;line-height:40px;  font-size:16px;  
             color:#000;  margin:10px; }

  @media screen and (max-width : 768px){
    .FeaturesInner { width:98%;margin:0 1%; }
  }
  @media screen and (max-width : 480px) {
    .FeaturesInner div { width:97%; margin:10px 1.5%; }
  }
/*-------------------------------------
	   Service Line Up
-------------------------------------*/
#ServiceLineup { background:#f1f0f0; }
.contentsInner { max-width:1000px;margin:0 auto; padding:0 2%; }
.contentsInner h3 { font-size:20px; color:#333; padding:5px 0; margin:10px 0; 
           border-bottom: 6px solid;
           border-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
           border-image-slice: 1;}
.contentsInner h3.secondH3 { margin-top:50px; }
.contentsInner p.centerPic { text-align: center; }

.ServiceInner { max-width:1000px;margin:0 auto; display:flex; flex-wrap:wrap; }
.ServiceInner p { width:30%; margin:20px 1.5%; }
.ServiceInner p.centerPic { text-align: center; position:relative;}

  @media screen and (max-width : 768px){
    .contentsInner { width:94%;margin:0 1%; }
  }
  @media screen and (max-width : 480px) {
    .ServiceInner p { width:93%; margin:10px 1.5%; }
  }
/*-------------------------------------
	        TEMP STAFF
-------------------------------------*/
.introPlan { max-width:700px; margin:30px auto; }
.introFlow { width:90%; margin:20px auto; display:flex; flex-wrap:wrap; 
                text-align:center;  font-size:18px; }
.introFlowList { padding:10px; background:#f9999b; color:#fff;
                position:relative; padding:10px 0px;  height: 54px; width:47%; }
.introFlowList:after,  .introFlowList2:after { content: "";  position: absolute;  margin: auto; 
                border-style: solid; top:-14px;  right:-35px;  
                border-width: 50px 0 50px 2em;   z-index: 1;}
.introFlowList:after { border-color: transparent transparent transparent #f9999b; }
.introFlowList2 { padding:10px; background:#ec5f65; color:#fff;
                position:relative; padding:10px 0px 10px 3%;  height: 54px; width:44%; }
.introFlowList2:after { border-color: transparent transparent transparent #ec5f65; } 

  @media screen and (max-width : 480px) {
           .introPlanTitleInner h4 { width:90%;  }
           .introFlow { width:98%;  font-size:4vmin; }
           .introFlowList:after,  .introFlowList2:after { right:-15%;  }
  }
/*-------------------------------------
	     FOREIGN GENERAL WOKER
-------------------------------------*/
#tempStaff {}
#tempStaff h4 { text-align:center; margin:10px auto; }
/*-------------------------------------
	     CONTRACT STEP
-------------------------------------*/
.stepInner { max-width:900px; margin:30px auto; }
  ol.step {  display:flex; flex-wrap:wrap; width:100%; color: #fff; height:auto; 
           margin:20px 0; font-weight:bold; }
.step li { position:relative; margin:5px; width:calc(20% - 30px); text-align:center; 
           background: #33cccc;   padding: 10px 15px 10px 5px; height:80px; overflow:hidden;}
.step li p { padding:10px 0;} 
.step li:after{  content: "";  position: absolute;  width: 0; height: 0;  margin: auto; background:#fff;}
.step li:after{ top:-10px;  right:0px;  border-style: solid;
  border-color: transparent transparent transparent #33cccc;
  border-width: 60px 0 60px 2em;   z-index: 1; }
.step li:last-child:before, .step li:last-child:after{ background:#fff; }
.step li.endChild { width:20%; padding:10px 20px 10px 0; }
.step li.endChild:after { background:#fff; 
            border-color: transparent transparent transparent #fff;}

  @media screen and (max-width : 768px) {
        .step li { width:calc(25% - 30px); }
		.step li.endChild { width:calc(30% - 30px); }
  }
  @media screen and (max-width : 620px) {
        .step li { width:calc(33% - 30px); }
		.step li.endChild { width:calc(38% - 30px); }
  }
    @media screen and (max-width : 540px) {
        .step li { width:calc(50% - 30px); }
		.step li.endChild { width:calc(50% - 30px); }
  }
  /*-------------------------------------
	         RECRUITMENT
-------------------------------------*/
.RecruitmentInner { text-align:center; }
.RecuitmentBottom { font-weight:bold; }

 /*-------------------------------------
	       FILED FORTUNE
-------------------------------------*/
.filedInner { display:flex; flex-wrap:wrap; margin:40px auto 20px;  }
.filedBox { width:29.3%; margin:10px 2%; text-align:center; color:#fff;padding:10px 0 20px;
            background: #ff6600; position:relative; font-size:1.5vmin; font-size:14px; }
.filedBox2 { width:27.3%; margin:10px 2%; text-align:center; color:#000;padding:10px 1% 20px;
            background: #eee; position:relative; font-size:1.5vmin; font-size:14px; }
.filedBox  h4 { font-size: 18px; color: #fff;  margin:10px 10px 20px;  text-align: center; 
            border-bottom: 2px solid #ffff66; padding-bottom:20px; }
.filedBox  p { font-size: 16px; padding:10px ;}
.filedPoint { position:absolute; top:-30px; left:-10px; font-size:40px;padding:0 10px 0 0;
             color:#000;  }
.filedPoint:after { content: "POINT";  position: absolute;  top:-1px; left:-18px;
            color:#000; font-size:12px; margin: auto; font-family:Arial Black; 
			 background:rgba(255,255,0,.8);#fff; padding:22px 10px; border-radius:40px; }
			
    @media screen and (max-width : 480px) {
        .filedBox { width:96%; margin:2% 2% 4%;}
        .filedBox2 { width:96%; margin:2% 2% 4%;}
  }	
  /*-------------------------------------
	      Specific Skills
-------------------------------------*/
#SpecificSkills {  }
.SpecificInner { display:flex; flex-wrap:wrap; max-width:800px; margin:0 auto; }
.SpecificBox { background:#33cccc; width:40%; margin:20px 3%; padding:2%; color:#fff; }
.SpecificBox h4 { font-size:20px; color:#fff;  margin:10px 0; text-align:center;
           border-bottom: 2px solid #ffff66; }
.SpecificBox p { padding:20px 0; }

  @media screen and (max-width : 768px){
        .SpecificBox { width:44%; margin:20px 1%; padding:2%; color:#fff; }
  }
  @media screen and (max-width : 480px) {
        .SpecificBox { width:90%; margin:5px 3%; padding:2%; color:#fff; }
  }
  /*-------------------------------------
	      Care Giver
-------------------------------------*/
#Caregiver { background:#f1f0f0; }
.CaregiverInner { max-width:1000px;margin:0 auto; display:flex; flex-wrap:wrap; }
.CaregiverInner p { width:30%; margin:20px 1.5%; }
.CaregiverInner p.centerPic { text-align: center; position:relative;}
.CaregiverInner p.centerPic span { font-weight:700;line-height:40px;  font-size:16px;  color:#006600; }

  @media screen and (max-width : 768px){
    .CaregiverInner { width:94%;margin:0 1%; }
  }
  @media screen and (max-width : 480px) {
    .CaregiverInner p { width:93%; margin:10px 1.5%; }
  }
/*-------------------------------------
	       Q&A
-------------------------------------*/
.qaBox { background:#f6f4f5; padding:20px; }
.qaBox h4 { color:#de8235; margin-top:10px; }

/*-------------------------------------
	   Our Vision
-------------------------------------*/
#ourVision { background-color:#3c4447; padding:0; color:#fff; }
#ourVision h2  { margin-bottom:0; } 
.bizInner { max-width:1200px;margin:0 auto; padding:100px 0; 
            background-image:url(../image/president.jpg);
			background-repeat:no-repeat;  background-position:top center; }
.biz001 { width:50%; margin:0 0 0 50%; padding:0 ; }
.biz002 { width:50%; margin:0 0 0 50%; padding:10px 0 20px; }

  @media screen and (max-width : 768px) {
        #ourVision h2.ourVisionTitle { text-align:left; padding-left:10px; width:calc(100% - 10px); }
        .bizInner { background-position:top left; padding:10px 0; 
	            background-image:url(../image/president.jpg); 
				 background-size:100% auto; }
  }
  @media screen and (max-width : 480px) {
        .bizInner { background-position:bottom center; padding-bottom:95vw;
	            background-image:url(../image/presidentS.jpg); 
				 background-size:contain; }
        .biz001 { width:96%; margin:0 auto; padding:40px 2% 10px 2%; }
	    .biz002 { width:96%; margin:0 auto; padding:0 2% 2% 2%; }
  }
/*-------------------------------------
	   About Us
-------------------------------------*/
#AboutUs { background-image:url(../image/AboutUsBg.jpg); color:#fff;
       background-attachment:fixed; }
#AboutUs p { text-shadow:1px 1px 2px #000, -1px -1px 2px #000,-1px 1px 2px #000, 1px -1px 2px #000; }
#AboutUs h3 { text-shadow:1px 1px 2px #000, -1px -1px 2px #000,-1px 1px 2px #000, 1px -1px 2px #000; }

.aboutBox01 { float:left; width:calc(58% - 84px); margin:1% 21%; border:2px #fff solid; border-radius:20px;
       background-image:url(../image/about002.png); background-position:center top; 
       background-repeat:no-repeat; padding:40px; padding-top:120px; }
.aboutBox02 { float:left; width:calc(63% - 84px); margin:1%; border:2px #fff solid; border-radius:20px;
       background-image:url(../image/about001.png); background-position:right top; 
       background-repeat:no-repeat; padding:120px 40px 40px; min-height:300px; }
.aboutBox03 { float:right; width:calc(33% - 84px); margin:1%; border:2px #fff solid; border-radius:20px;
       background-image:url(../image/about004.png); background-position:left top; 
       background-repeat:no-repeat; padding:120px 40px 60px; min-height:240px; }

  @media screen and (max-width : 768px){
    .aboutBox01 { min-height:360px;}
    .aboutBox02 { min-height:360px;}
    .aboutBox03 { min-height:280px; padding-top:140px; }
  }
  @media screen and (max-width : 700px){
    .aboutBox01 { float:none; width:93%; padding:2% 2% 120px; margin:1%;  background-position:right bottom; }
    .aboutBox02 { float:none; width:93%; padding:2% 2% 120px;  background-position:right bottom; }
    .aboutBox03 { float:none; width:93%; padding:2% 2% 40px;  background-position:right bottom; }
  }
/*-------------------------------------
	   Company Profile
-------------------------------------*/
#CompanyProfile {  }
.CompanyContent { max-width:900px; margin:0 auto; display:flex; flex-wrap:wrap; }
.CompanyContent p {  }
.CompanyContent p a:link { color:#000099; }
.CompanyContent p a:visited { color:#000099; }
.CompanyContent p a:hover { color:#ff0000; }

.CompanyContent p.companyLeft { width:30%; line-height:2.5em; }
.CompanyContent p.companyRight { width:70%; line-height:2.5em; }

  @media screen and (max-width : 768px){
    .CompanyContent { max-width:98%; margin:0 1%; }
  }
  @media screen and (max-width : 480px){
     .CompanyContent p.companyLeft { width:90%; margin:0 5%; font-weight:bold; }
     .CompanyContent p.companyRight { width:90%; margin:0 5%; }
  }
/*-------------------------------------
	       MAP
-------------------------------------*/
#MapProfile {  }
.mapContent { max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; }
.mapContent div.mapLeft { width:33%; line-height:2.5em; margin:0 1%; }
.mapContent div.mapRight { width:63%; line-height:2.5em; margin:0 1%; }
.ggmap { position: relative; padding-bottom: 65%; padding-top: 30px; height: 0; overflow: hidden; }
.ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  @media screen and (max-width : 480px){
     .mapContent div.mapLeft { width:98%; line-height:2.5em; margin:1%; }
     .mapContent div.mapLeft img { width:100%; }
     .mapContent div.mapRight { width:98%; line-height:2.5em; margin:0 1%; }
  }
  /*-------------------------------------
	       Movie Archive
-------------------------------------*/
.movieInner { background-image:url(../image/contact-002.jpg);
             background-size:auto 100%;  padding:20px 0;}
.movieOverRay { margin:auto; max-width:560px;  margin:20px auto;
              background:#000; padding:20px;}
.movie-wrap iframe { width: 100%; margin:0 auto; }
  /*-------------------------------------
	       Bottom Link
-------------------------------------*/
#bottomLink {  }
.bottomLinkCon { max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; }
.bottomLinkCon div { width:23%; margin:1%;  }
.bottomLinkCon div img { border:1px #eee solid; }
/*-------------------------------------
	   CONTACT
-------------------------------------*/
#contactUs { }
.contactImage { max-width:1400px; position:relative; text-align:center; margin:0 auto; }
.contactOverRay { position:absolute; top:100px; left:0; right:0; margin:auto; 
              max-width:1000px; font-weight:700; }
.over001txt { font-size:26px; color:#fff; padding:10px 0 ; width:80%; 
           background:rgba(0,0,0,.7); margin:0 auto; }
.over002txt { background:rgba(255,255,255,.9);  color:#663399; font-size:30px; width:60%; 
           padding:10px 0; margin:40px auto; }
.over003txt { background:rgba(102,51,153,.9); color:#fff; font-size:26px; width:60%; 
           padding:10px 0; margin:0 auto; }

  @media screen and (max-width : 1120px){
	    .contactOverRay { top:50px;  }
  }	   
  @media screen and (max-width : 1000px){
	    .contactOverRay { top:5vw;  }
        .over001txt { width:80%; font-size:3vmin;  padding: 1% 0; width:90%; }
        .over002txt { width:80%; font-size:3vmin;  padding:1% 0; margin:2% auto; }
        .over003txt { width:80%;  font-size:3vmin; padding:1% 0;  }
  }
  @media screen and (max-width : 768px){
        .contactUsInner  { width:100%;margin:0; }
  }
  @media screen and (max-width : 480px){
        #contactUs h2.contactUsTitle { text-align:left; padding-left:10px; width:calc(100% - 10px); }
        
	    .contactOverRay { top:4vw;  }
        .over001txt { width:95%; font-size:3.1vmin;  padding: 1% 0; }
        .over002txt { width:95%; font-size:4vmin;  padding:1% 0; margin:2% auto; }
        .over003txt { width:95%;  font-size:4vmin; padding:1% 0;  }
  }
  
.contactBox { width:70%; margin:0px auto 10px; padding:10px;
            border:3px #fff solid; border-radius:20px; }
.contactTex { width: 50%;  float: left;    margin: 10px 0; }
.contactTexW { width: 100%;  margin: 10px 0 0; }
.contactTexR { width: 100%;  margin: 15px 0 5px; }
.contactTex input.name { width:96%; padding:20px 1%; border-radius:8px; border:none; background:#eee; }
.contactTexW input.name { width:97%; padding:20px 1%; border-radius:8px; border:none; background:#eee; }
.contactArea { clear:left; width:100%; padding:10px 0;  }
.contactArea textarea.message { width:97%; height:114px; padding:20px 1%; 
          border-radius:8px; border:none; background:#eee; }
.contactTex input.submit { width:98%; padding:20px 1%; border-radius:8px; 
          border:none; cursor:pointer; background-color:rgba(255, 102, 0, 0.8);  }
.contactTex input.submit:hover { background-color:rgba(255, 102, 0, 1.0);  }
table td a:link { color:#fff; }
table td a:visited { color:#fff; }

table.top-contact-box { width:100%; }
table.top-contact-box td { height:36px; }
table.top-contact-box td span { font-size:16px; }

#contactForm { margin:10px 0px 20px 100px; }
  @media screen and (max-width : 480px) {
    .contactBox { width:96%; margin:0px auto 1%; padding:1%;
            border:3px #fff solid; border-radius:20px; }
    #contactForm { margin:30px 5px 20px 3px; }
	.contactTexR { font-size:3vmin; }
  }

.contact-left { float:left;width:300px;}
.contact-right img { width:300px; }
#contactForm { margin:30px 0px 20px 40px;color:#777; }
  @media screen and (max-width : 480px) {
    #contactForm { margin:30px 5px 20px 3px; }
  }
.contactLeft { width:150px;float:left;margin:3px;}
.contactRight { margin:14px; }
.contactRight input, .contactRight textarea { width:400px;}
  @media screen and (max-width : 768px){
    .contactRight input, .contactRight textarea { width:80%;}
  }
  @media screen and (max-width : 480px) {
    .contactRight input, .contactRight textarea { width:100%;}
  }
.submitBtn { margin-left:200px;}
  @media screen and (max-width : 768px){
    .submitBtn { margin-left:5%;}
  }
  @media screen and (max-width : 480px) {
    .submitBtn { margin-left:5%;}
  }
#contactForm table { table-layout:fixed; }
#contactForm .formTable { width:100%;margin:10px auto 10px auto;
         border-spacing:0;border-collapse:collapse; }
#contactForm .formTable td { width:70%;padding:5px 20px 5px 20px;word-wrap:break-word; }
#contactForm .formTable th { width:30%;padding:5px 20px 5px 20px; }


/*-------------------------------------
	     Privacy policy
-------------------------------------*/
.privacyInner { max-width:768px;margin:0 auto; }
.privacyInner p { margin:10px 0; }
.privacyInner ul { list-style:disc; margin-left:30px; }
.privacyInner ul li { line-height:1.8em; }

  @media screen and (max-width : 768px){
    .privacyInner { width:96%; margin:0 2%; }
  }
/*-------------------------------------
	     Footer
-------------------------------------*/
footer { clear:both;width:100%;text-align:center;margin:0px auto;padding-top:20px;
         background:#333;}
footer ul { max-width:1000px;text-align:center;margin:0px auto;}
footer li { float:left;width:25%; padding:10px 0px;}

address { clear:both;color:#fff;font-size: 12px; text-align:center;
          padding: 20px 0px 20px 0px;margin:0px auto; }
address a {text-decoration: none;}
address a:link {color:#fff;text-decoration: none;}
address  a:visited{ color:#fff;text-decoration:none;}
address a:hover {color:#ff0000;text-decoration: none;}

  @media screen and (max-width : 480px){
    footer li { float:left; width:calc(50% - 20px); padding:10px 10px;}
  }