@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 740px) {
	#commission { display: block; }
	#commissionSP { display: none; }
	
	#commission {
		width: 700px;
		margin: 0px auto;
		padding: 0px;
	}

	#commission ul {
		padding: 0
	}

	#commission ul li {
	  display: inline-block;
	}


	#commission .graduateSchool, #commission .flow, #commission .aist {
		position: relative;
		vertical-align:top;
	}

	.title,  .icon, .caption, .photo, figure {
		position: absolute;
	}

	#commission .graduateSchool figure figcaption, #commission .aist figure figcaption, #commission .cap-02 {
		text-align:center;
	}

	#commission .graduateSchool {
		width: 160px;
	}

	#commission .graduateSchool .title { 
		top: 45px;
		left: 45px;
		font-size: 154%;
		letter-spacing: 1px;
	}

	#commission .graduateSchool .icon { 
		top: 75px;
	}

	#commission .graduateSchool .caption {
		top: 263px;
		left: 11px;
		font-size: 154%;
		letter-spacing: 1px;
	}

	#commission .graduateSchool figure {
		top: 207px;
		left: 31px;
		font-size: 88%;
	}

	#commission .flow {
		width: 305px;
		font-size: 154%;
		letter-spacing: 1px;
		text-align:center;
	}

	#commission .flow .box {
		border:#ffca2f dashed 4px;
		border-top:none;
		width: 280px;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
		border-radius: 40px;
		margin: 0 auto 5px;
		padding: 3px 0;
	}

	#commission .flow .cap {
		font-size: 70%;
		padding-left:2em;
		text-indent:-2em;
	}

	#commission  .flow .cap span {
		color: #cf0010;
		font-weight: 600;
	}

	#commission .flow span.supText {
		font-size: 70%;
		vertical-align: top;
		position: relative;
		top: -0.1em;
		color: #cf0010;
		font-weight: 600;
	}

	#commission .aist {
		width: 200px;
	}

	#commission .aist .title { 
		top: 45px;
		left: 45px;
		font-size: 154%;
		letter-spacing: 1px;
	}

	#commission .aist .icon { 
		top: 76px;
	}

	#commission .aist .caption {
		top: 190px;
		right: 10px;
		font-size: 154%;
		letter-spacing: 1px;
	}

	#commission .aist .photo {
		position: absolute;
		top: 222px;
		left: 0px;
	}

	#commission .aist figure {
		top: 207px;
		left: 73px;
		font-size: 88%;
	}

	#commission .cap-02 span {
		text-align: center;
		color: #cf0010;
		font-weight: 600;
	}
}

@media screen and (max-width: 739px) {
	#commission { display: none; }
	#commissionSP { display: block; }
	#commissionSP { text-align: center; }
	#ViewTabs_4196 .mapSP:before { content: "\4E0A\306E\30BF\30D6\304B\3089\5730\57DF\3092\9078\629E\3057\3066\304F\3060\3055\3044\3002"; }
	#ViewTabs_4196 .mapSP img.imgImgMap { margin-top: 10px; }
	.ulList_vertical li:first-child { display: none;}
	
	map { display: none; }
	.imgImgMap { pointer-events: none; }

}