@charset "UTF-8";
/* CSS Document */
/*********************************************
 	¥¿¥Ö¥ì¥Ã¥È¥ì¥¤¥¢¥¦¥È : 768 px ÒÔÉÏ 1050pxÒÔÏ 
 *********************************************/
@media (max-width: 1100px) {
.pc{
	display:block !important;
}
.tablet{
	display:none !important;
}

/*¥á¥¤¥ó¥¤¥á©`¥¸*/
#main_image h2{
	font-size:138.5%;
	width:35%;
}
#main_image h2 strong{
	font-size:161.6%;
}


/***¥È¥Ã¥×¥Ú©`¥¸***/
/*¥á¥¤¥ó¥¤¥á©`¥¸*/
#top_main_image h2{
	font-size:138.5%;
	width:40%;
	background:rgba(255,255,255,0.3);
}
#top_main_image h2 strong{
	font-size:161.6%;
}

/*¥á¥¤¥ó¥³¥ó¥Æ¥ó¥Ä¤ÎµØ‡í*/
#main3 ul#campus li{
	background:rgba(255,255,255,0.6)
	
}
.col_2 > section{
		width: 100%;
}

/*--------------------------
	¥Ë¥å©`¥¹¥ì¥¿©`¥Ú©`¥¸
----------------------------*/
.details{
	max-width:50%;
	width:auto;
}
}
/*********************************************
	¥¹¥Þ©`¥È¥Õ¥©¥ó¥ì¥¤¥¢¥¦¥È : 900 px ÒÔÏÂ
 *********************************************/
@media (max-width: 1000px) {
.smtp{
	display: none !important;
}
/****¥Ø¥Ã¥À©`****/
header{
	height:80px;
	padding:10px 0 10px 2%;
	/*background-color:#e2c6ff;*/
}
	
header h1#logo{
	width:100%;
	font-size:18px;
	height:60px;
	float:none;
	display:block;
	line-height:60px;
	font-weight:normal;
	
}
header nav{
	width:60%;
	height:20px;
	float: none;
	/*line-height:20px;*/
	line-height:20px;
	margin:0 auto;
}
header nav ul li{
	width:30%;
	/*margin-left:15%;*/
	text-align: right;
	float:left;
}

/****¥á¥Ë¥å©`È«Ìå****/
.menu{
	background:none;
}
nav#header_nav{
	/*ÅäÖÃ*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 100;
}
nav#header_nav ul li a{
	padding-left:2em;
	margin:0;
}
nav#header_nav ul li ul{
	background:none;
	position:absolute;
	left:20%;
	width:80%;
	height:auto;
}
nav#header_nav ul li ul li a{
	padding-left:5%;
}

/****¥á¥Ë¥å©`é_é]¥Ü¥¿¥ó****/
nav#header_nav div{
	/*¥Ç¥¶¥¤¥ó*/
	width: 30px;
	/*height: 30px;*/
	height: 35px;
	/*background: rgba(200,200,200,1);*/
	/*ÅäÖÃ*/
	/*overflow: hidden;*/
	/*position: absolute;*/
	top:1%;
	right: 1%;
	position:fixed;
}

nav#header_nav .menuopen{
	/*¥Ç¥¶¥¤¥ó*/
	color: rgba(255,255,255,1);
	font-size: 20px;
	/*ÅäÖÃ*/
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
}
/*¥Ï¥ó¥Ð©`¥¬©`¥¢¥¤¥³¥ó¤òCSS¤À¤±¤Ç±í¬F*/
nav#header_nav .menuopen span, nav#header_nav .menuopen span::before
, nav#header_nav .menuopen span::after
,
nav#header_nav .menuclose span, nav#header_nav .menuclose span::before
, nav#header_nav .menuclose span::after
  {
  position: absolute;
  right:1%;
  height: 3px;/*¾€¤ÎÌ«¤µ*/
  width: 30px;/*éL¤µ*/
  border-radius: 3px;
  background: #555;
  content: '';
  cursor: pointer;
}
nav#header_nav .menuopen span::before
,
nav#header_nav .menuclose span::before
 {
  bottom: -8px;
}
nav#header_nav .menuopen span::after
,
nav#header_nav .menuclose span::after
 {
  bottom: -16px;
}

nav#header_nav .menuclose{
	/*¥Ç¥¶¥¤¥ó*/
	color: rgba(255,255,255,1);
	font-size: 20px;
	/*ÅäÖÃ*/
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
}
nav#header_nav .menuopen span::after{
    content: 'MENU';
	color:#000;
	font-size:5px;
	text-align: center;
	position: absolute;
	line-height:2;
}
nav#header_nav .menuclose span{	
	background:#fff;
}
nav#header_nav .menuclose span::before
 {
-webkit-transform: translateY(4px) rotate(-45deg);
  transform: translateY(4px) rotate(-45deg);
  opacity:1; 
  background:#555;
}

nav#header_nav .menuclose span::after
 {
-webkit-transform: translateY(-4px) rotate(45deg);
  transform: translateY(-4px) rotate(45deg);
  opacity:1;
  background:#555;
}
/****¥á¥Ë¥å©`Ò»ÓE****/
nav#header_nav ul{
	/*¥Ç¥¶¥¤¥ó*/
	width: 100%;
	/*ÅäÖÃ*/
	overflow:visible;
	position: absolute;
	top: 80px;
	right: 0;
	z-index: 9999;/*×îÇ°Ãæ¤Ë*/
}

nav#header_nav li{
	/*¥Ç¥¶¥¤¥ó*/
	/*background: rgba(255,255,255,0.8);
	padding: 10px;*/
	/*color: rgba(0,0,0,1);
	border-bottom: 1px rgba(255,255,255,1) solid;*/
	/*ÅäÖÃ*/
	pointer-events: auto;
	position: relative;
	/*right: -100%;*/
	width:100%;
	display:none;
	margin:0;
	text-align:left;
	height:auto;
}
nav#header_nav li ul{
	position:absolute:;
	top:50px;
}
nav#header_nav li:hover > .menu__second-level,
nav#header_nav li:active > .menu__second-level{
	visibility: visible;
	opacity: 1;
	overflow:visible;
	height:auto;
	/*position:static;*/
	display:block;
}

/****nav#header_nav li¤ÎÊý¤À¤±¤º¤ì¤¿¥¿¥¤¥ß¥ó¥°¤Ç¥¢¥Ë¥á©`¥·¥ç¥óé_ʼ****/
nav#header_nav li:nth-child(1){
	/*¥¢¥Ë¥á©`¥·¥ç¥ó*/
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

nav#header_nav li:nth-child(2){
	/*¥¢¥Ë¥á©`¥·¥ç¥ó*/
	-webkit-transition: all 0.3s ease 0.05s;
	transition: all 0.3s ease 0.05s;
}

nav#header_nav li:nth-child(3){
	/*¥¢¥Ë¥á©`¥·¥ç¥ó*/
	-webkit-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}

nav#header_nav li:nth-child(4){
	/*¥¢¥Ë¥á©`¥·¥ç¥ó*/
	-webkit-transition: all 0.3s ease 0.15s;
	transition: all 0.3s ease 0.15s;
}

nav#header_nav li:nth-child(5){
	/*¥¢¥Ë¥á©`¥·¥ç¥ó*/
	-webkit-transition: all 0.3s ease 0.2s;
	transition: all 0.3s ease 0.2s;
}

/****¥á¥Ë¥å©`¥ª©`¥×¥ó•r****/
nav#header_nav:target .menuopen{
	/*ÅäÖÃ*/
	display: none;
}

nav#header_nav:target .menuclose{
	/*ÅäÖÃ*/
	display: block;
}

nav#header_nav:target li{
	/*ÅäÖÃ*/
	/*right: 0;*/
	display:block;
}
/*** ¥á¥¤¥ó¥¨¥Õ¥§¥¯¥È ***/
#main{
	/*¥Ç¥¶¥¤¥ó*/
	background: #fff;/*¥Ú©`¥¸±³¾°É«?±³¾°»­Ïñ¤Ï¤³¤³¤ÇÔO¶¨*/
	/*¥¢¥Ë¥á©`¥·¥ç¥ó*/
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

nav#header_nav:target ~ #main{
	-webkit-filter:brightness(70%);
	-moz-filter:brightness(70%);
	-ms-filter:brightness(70%);
	filter:brightness(70%);
}
/*** ¥á¥¤¥ó¥¤¥á©`¥¸ ***/
#main_image h2{
	width:50%;
	/*height:30px;*/
	line-height:1.5em;
	padding:1%;
	position:absolute;
	bottom:15%;
	right:0%;
}
#main_image h2 strong{
	line-height:1.5em;
}
/*top¤Î¥á¥¤¥ó¥¤¥á©`¥¸*/
#top_main_image h2{
	font-size:138.5%;
	width:50%;
	background:rgba(255,255,255,0.6);
}
#top_main_image h2 strong{
	font-size:161.6%;
}

/*** ¥Õ¥Ã¥¿©` ***/
/*nav#footer_nav{
	height:300px;
}
nav#footer_nav section {
	width:31%;
	height:180px;
}
nav#footer_nav section.last_sntp{
	border:none;
}*/
/*************************
	¥È¥Ã¥×¥Ú©`¥¸¥á¥¤¥ó
**************************/

/*¥Ë¥å©`¥¹?¥¤¥Ù¥ó¥È¤Î¥¿¥Ö*/
.c-txtsp dl{
	width:45%;
	height:150px;
}
/*¥Ô¥Ã¥¯¥¢¥Ã¥×*/
#main_under #main2{
	width:100%;
	float:none;
}
#main2 #button1, #main2 #button2, #main2 #button3, 
#main2 #button4, #main2 #button5, #main2 #button6, 
#main2 #button7, #main2 #button8, #main2 #button9, 
#main2 #button10{
	/*width:45%;
	padding:0 0 10% 0;
	float:left;
	margin-left:3%;*/
}
#main2  #button1 a, #main2  #button2 a, 
#main2  #button3 a, #main2  #button4 a, 
#main2  #button5 a, #main2  #button6 a, 
#main2  #button7 a, #main2  #button8 a, 
#main2  #button9 a, #main2  #button10 a{
	/*padding:0 0 0 20%;*/
}
/*¥á¥¤¥ó¤ÎµØ‡í*/
#main3{
	clear:both;
	width:100%;
	float:none;
	padding:10px 0 20px;
	/*background:#eee;*/
}
#main3 ul{
	width:98%;
	font-size:12px;
	line-height:1.2;
}
#main3 ul#campus li{
	background:rgba(255,255,255,.6);
}


@media screen and (max-width: 960px) {
.col_2 > section{
		width: 100%;
	}
#main{
	width:98%;
	margin:10px auto;
}
.profile {
	width: calc( (100% - 5%) / 2 ); 
}
table{
	width:98%;
	margin:20px auto;
}
.btn{
	width:30%;
}

/*--------------------------
	¥ê¥ó¥¯¥Ú©`¥¸
----------------------------*/

.col-3 dl::after
 { 
	width: 45%;
	margin-right: 45%;
}
.col-3 dl{
	width: 45%; 
}
}
@media screen and (max-width: 731px) {
/*--------------------------
	ÕϤ¬¤¤Ñ§ÉúÖ§Ô®¥Ú©`¥¸
----------------------------*/	
.barrier_free dl dd{
	margin-top:0;
}

}

@media screen and (max-width: 600px) {
	.content{
		width:90%;
		padding:3%;
	}
	.btn{
	width:50%;
}

.profile{
	width:90%;
}
	/*±í*/
	/*top¤Î¥á¥¤¥ó¥¤¥á©`¥¸*/
#top_main_image h2{
	font-size:110%;
	width:50%;
	background:rgba(255,255,255,0.6);
}
#top_main_image h2 strong{
	font-size:138%;
}
#main3 ul li#p0{
	bottom:12%;
}
.col-photo div {
	width: calc((100% - 10%) / 2 );
	padding:1%l
}
/*************************

	ÄÐÅ®¹²Í¬²Î»­ÍÆßMÊÒ
	gender equal
	
*************************/
/*---------------------------------
	ÊÒéL°¤ÞÙ¥Ú©`¥¸
---------------------------------*/	
#greeting .content{
	width:98%;
	padding:1em 2%;
}
#greeting .content .left{
	width:90%;
	float:none;
	margin:0 auto;
}
#greeting .content .left img{
	margin-left:0;
	width:80%;
	margin:auto;
}
/*--------------------------
	¥Ë¥å©`¥¹¥ì¥¿©`¥Ú©`¥¸
----------------------------*/
.cover{
	float:none;
	margin:10px auto;
	width:90%;
	padding:0;
}
.cover img{
	width:85%;
	height:auto;
	margin:20px  auto;
}
 .details{
	float:none;
	padding-left:0px;
	padding-top:0;
	max-width:90%;
	margin-bottom:20px auto;
}
.details h3
{
	text-align:center;
}
#bk_btn .btn{
	width:48%;
}
/*--------------------------
	¥¢¥¯¥»¥¹¥Ú©`¥¸
----------------------------*/
#access #access_map{
	width:98%;
}
#access_map #campus{
	font-size:12px;
	line-height:1;
}
#access ul li#p7{
	left:40%;
}
#access ul li#p8{
	top:0;
}
#access ul li#p10{
	left:60%;
}
#access ul li#p11{
	left:0;
}
#access ul li#p12{
	left:60%;
}
#access .btn{
	width:80%;
}
#contact tr{
	border-bottom:dashed 1px #666;
}
#contact th{
	background:#eee;
}

}
@media (max-width: 695px) {

}
@media (max-width: 480px) {

}
@media (max-width: 320px) {
}