@charset "UTF-8";

@media screen and (max-width:5000px) {
.intro {
  display: block;
}

.introsp {
  display: none;
}
}

@media screen and (min-width:981px) and ( max-width:1200px) {
  #contents{ width: 100%; min-width: 980px; }
  #header h1{ width: 75% ;}
  #header h1 img{ width: 100%; }
  .bottomBox .intro{ padding-left: 30%;}
  #mainBox .leftBox{ width: 29%;}
  #gNav{ margin-left: 20%; }
  .bottomBox .intro .jobTitle{ width: 73%;}
  .bottomBox .intro .name{ width: 64%;}
  .bottomBox .intro .jopTitleEn{ width: 57%; }
  .bottomBox .intro .phd{ width: 30%; }
  .bottomBox .intro .nameEn{ width: 76%; }
.intro {
  display: block;
}

.introsp {
  display: none;
}
}

@media screen and (min-width:768px) and (max-width:980px) {
  #contents{ width: 980px; }
  #header h1{ width: 705px ;}
  #header h1 img{ width: 100%; }
  .bottomBox .intro{ padding-left: 78px;}
  #mainBox .leftBox{ width: 263px;}
  #gNav{ margin-left: 35px;}
  .bottomBox .intro .jobTitle{ width: 78%;}
  .bottomBox .intro .name{ width: 68%;}
  .bottomBox .intro .jopTitleEn{ width: 60%; }
  .bottomBox .intro .phd{ width:31%; }
  .bottomBox .intro .nameEn{ width: 81%; }
   #whole { padding-top: 80px;}
	  .bottomBox .intro{ padding-left: 80px;}
  .bottomBox .tel img{ width: 220px; }
  .bottomBox .tel .teltitle{ padding-left: 55px;}
.intro {
  display: block;
}

.introsp {
  display: none;
}
}




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

body{
  background: #e6e4d5 url(../images/bg-top_ae.gif) center top no-repeat;
}

.intro {
  display: none;
}

.introsp {
  display: block;
}

 #contents{
   width: 100%;
   padding: 2% 2% 0;
   position: relative;
	 background-size: auto 100%;
  }
 .pcHeader{ display: none;}
 .spHeader{
   display: inline-block;
   width: 60%;
  }
 #header h1 {
 }

 #mainBox .leftBox{
  width: 100%;
  margin-top: 0;
 }
  .leftBox .bottomBox{
    position: static;
    margin-top: 45px;
  }
  .bottomBox .tel .teltitle{ padding-left: 0; }
  .bottomBox .tel img{ width: 90%;}

  /*--- ハンバーガーメニュー ---*/
  #catch{
    display: block;
    width: 165px;
    padding:0 0 10px 0;
  }
  #navToggle {
    color: #fff;
    text-align: center;
    line-height: 40px;
    width: 48px;
    height: 48px;
    background-color: #1EAA39;
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3;
    cursor: pointer;
    transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;

  }
  #navToggle div { position:relative; }
  #navToggle span {
    display: block;
    font-size: 35px;
    }
  #nav{ padding: 0; }
  #nav ul li{
    background: none;
    padding: 0 0 10px 0;
  }
  #navBox{
    width: 300px;
    height: 100%;
    background-color: rgba(255,255,255,0.9);
    box-sizing: border-box;   
    position: fixed;
    right: -300px;
    top: 0;
    margin: 0;
    padding: 10px 20px;
    transition: transform 0.3s linear 0s;
	-webkit-transition: transform 0.3s linear 0s;
    z-index: 3;
    border: none;
  }
  .openNav #navBox, .openNav #navToggle {
    transform: translateX(-300px);
	-webkit-transform: translateX(-300px);
  }
  .openNav #gNavBg{
    background-color: #333;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2;
    transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;

  }
  #gNav{
    background: none;
    margin: 0;
    padding: 0;
  }
  /*--- end.ハンバーガーメニュー ---*/

  #copyright{
    font-size: 10px;
    position: static;
    bottom: 20px;
	  margin-left: 2%;
  }
	.position_map {
		width: 40%;
		top:-90px;
		right:2%;
		height: auto;
	}
	.nav_address {
		border-top:1px solid #1EAA39;
		padding-top:15px;
	}
.nav_address,.nav_address a {
	color: #1EAA39;
}
.nav_address p {
	margin-bottom:10px;
	font-size: 10.6px;
}
	nav {
		border-bottom:solid #1EAA39 1px;
	}
	.bottomBox .tel .teltitle{
  text-align: left;
  font-size: 13.57px;
  font-weight: bold;
  line-height: 17px;
}

  .address{ margin-top: 60px; float: left;}
  .bottomBox .intro{ padding: 10px 0 50px 0; text-align: left;}
  .bottomBox .introsp{ padding: 10px 0 50px 0; text-align: left;}
	#catch.d_none_sp {
		display: none;
	} 
/*20171227*/
#bgvid_sp {
	display:block;
}
#bgvid {
	display:none;
}
}