@charset "utf-8";

/* Department Guide */
.department {}
	@media (max-width: 767px) {
	
		.department {margin:0 2rem;padding:2rem 0 0 0;}
		.department_visual {height:150px;line-height:150px;background:#b2b6be url(/images/front/sub/bg_department_mobile.png) no-repeat 100% 0;background-size:auto 100%;}
		.department_visual_txt {box-sizing:border-box;padding-left:2rem;display:inline-block;vertical-align:middle;width:100%;line-height:normal;color:#fff;font-size:2.3rem;font-weight:700;}
		.department_visual_txt small{display:block;font-size:1.3rem;font-weight:400;}
		.department_inner {padding:3rem 0 0 0;}
		.college {padding:0 0 4rem 0}
		.college dt {display:block;margin:0 0 3rem 0;padding:0;}
		.college dt strong {display:block;box-sizing:border-box;padding-left:1rem;background-color:#f48729;color:#fff;font-size:1.5rem;font-weight:700;line-height:35px;}
		.college dt small {display:block;box-sizing:border-box;padding-left:1rem;border-top:1px solid #fff;background-color:#e5e5e5;color:#555;font-size:1.2rem;font-weight:400;line-height:25px;letter-spacing:0;}
		.college dd {display:block;border-bottom:1px solid #cecece;}
		.college dd a {display:inline-block;width:100%;vertical-align:middle;color:#555;font-size:1.2rem;font-weight:400;line-height:30px;background:url(/images/front/sub/bt_college.png) no-repeat 100% 50%;background-size:25px 25px;}	
	}
	@media (min-width: 768px) and (max-width: 992px) {
	
		.department {padding:3.5rem 0 10rem 0;}
		.department_visual {height:145px;line-height:145px;background:#b2b6be url(/images/front/sub/bg_department_mobile.png) no-repeat 100% 0;background-size:auto 100%;}
		.department_visual_txt {box-sizing:border-box;padding-left:3rem;display:inline-block;vertical-align:middle;width:100%;line-height:normal;color:#fff;font-size:2.4rem;font-weight:700;}
		.department_visual_txt small{display:block;font-size:1.2rem;font-weight:400;}
		.department_inner {margin:0 auto;width:92.1%;padding:3.5rem 0 0 0;display:table;text-align:center;}
		.department_inner .college {display:table-cell;width:33.33%;box-sizing:border-box;margin:0 0 0 2.6%;padding:0 1.5rem 4rem 1.5rem;text-align:center;}
		.department_inner .college dl {text-align:left;}
		.department_inner .college dt {display:block;margin:0 0 5rem 0;padding:0;}
		.department_inner .college dt strong {display:block;box-sizing:border-box;padding-left:2rem;background-color:#f48729;color:#fff;font-size:2rem;font-weight:700;line-height:50px;}
		.department_inner .college dt span {display:table;width:100%;box-sizing:border-box;border-top:1px solid #fff;padding:0;background-color:#e5e5e5;}
		.department_inner .college dt small {display:table-cell;width:100%;vertical-align:middle;height:40px;box-sizing:border-box;padding:0 0 0 2rem;color:#555;font-size:1.3rem;font-weight:400;line-height:1.25;letter-spacing:0;}
		.department_inner .college dd {display:block;border-bottom:1px solid #cecece;}
		.department_inner .college dd a {display:inline-block;width:100%;vertical-align:middle;color:#555;font-size:1.7rem;font-weight:400;line-height:50px;background:url(/images/front/sub/bt_college.png) no-repeat 100% 50%;background-size:40px 40px;}
	}	
	@media (min-width: 993px) and (max-width: 1269px) {
	
		.department {padding:3.5rem 0 10rem 0;}
		.department_visual {height:145px;line-height:145px;background:#b2b6be url(/images/front/sub/bg_department_mobile.png) no-repeat 100% 0;background-size:auto 100%;}
		.department_visual_txt {box-sizing:border-box;padding-left:3rem;display:inline-block;vertical-align:middle;width:100%;line-height:normal;color:#fff;font-size:2.4rem;font-weight:700;}
		.department_visual_txt small{display:block;font-size:1.2rem;font-weight:400;}
		.department_inner {margin:0 auto;width:92.1%;padding:3.5rem 0 0 0;display:table;text-align:center;}
		.department_inner .college {display:table-cell;width:33.33%;box-sizing:border-box;margin:0 0 0 2.6%;padding:0 1.5rem 4rem 1.5rem;text-align:center;}
		.department_inner .college dl {text-align:left;}
		.department_inner .college dt {display:block;margin:0 0 5rem 0;padding:0;}
		.department_inner .college dt strong {display:block;box-sizing:border-box;padding-left:2rem;background-color:#f48729;color:#fff;font-size:2rem;font-weight:700;line-height:50px;}
		.department_inner .college dt span {display:table;width:100%;box-sizing:border-box;border-top:1px solid #fff;padding:0;background-color:#e5e5e5;}
		.department_inner .college dt small {display:table-cell;width:100%;vertical-align:middle;height:40px;box-sizing:border-box;padding:0 0 0 2rem;color:#555;font-size:1.3rem;font-weight:400;line-height:1.25;letter-spacing:0;}
		.department_inner .college dd {display:block;border-bottom:1px solid #cecece;}
		.department_inner .college dd a {display:inline-block;width:100%;vertical-align:middle;color:#555;font-size:1.7rem;font-weight:400;line-height:50px;background:url(/images/front/sub/bt_college.png) no-repeat 100% 50%;background-size:40px 40px;}
	}
	
	
	@media (min-width:1270px)  {
		
		.department {padding:3.5rem 0 10rem 0;}
		.department_visual {height:200px;line-height:200px;background:#b2b6be url(/images/front/sub/bg_department_mobile.png) no-repeat 100% 0;background-size:auto 100%;}
		.department_visual_txt {box-sizing:border-box;padding-left:3rem;display:inline-block;vertical-align:middle;width:100%;line-height:normal;color:#fff;font-size:4rem;font-weight:700;}
		.department_visual_txt small{display:block;font-size:2rem;font-weight:400;}
		.department_inner {margin:0 auto;width:92.1%;max-width:1170px;padding:6rem 0 0 0;display:table;text-align:center;}
		.department_inner .college {display:table-cell;width:33.33%;box-sizing:border-box;margin:0 0 0 2.6%;padding:0 1.5rem 4rem 1.5rem;text-align:center;}
		.department_inner .college dl {text-align:left;}
		.department_inner .college dt {display:block;margin:0 0 8rem 0;padding:0;}
		.department_inner .college dt strong {display:block;box-sizing:border-box;padding-left:2rem;background-color:#f48729;color:#fff;font-size:2rem;font-weight:700;line-height:50px;}
		.department_inner .college dt span {display:table;width:100%;box-sizing:border-box;border-top:1px solid #fff;padding:0;background-color:#e5e5e5;}
		.department_inner .college dt small {display:table-cell;width:100%;vertical-align:middle;height:40px;box-sizing:border-box;padding:0 0 0 2rem;color:#555;font-size:1.3rem;font-weight:400;line-height:1.25;letter-spacing:0;}
		.department_inner .college dd {display:block;border-bottom:1px solid #cecece;}
		.department_inner .college dd a {display:inline-block;width:100%;vertical-align:middle;color:#555;font-size:1.7rem;font-weight:400;line-height:50px;background:url(/images/front/sub/bt_college.png) no-repeat 100% 50%;background-size:40px 40px;}
		.department_inner .college dd a:hover {background:url(/images/front/sub/bt_college_on.png) no-repeat 100% 50%;background-size:40px 40px;}
	}
	
.directions {}

	@media (max-width: 767px) {
		
		.directions {margin:0 2rem;padding:2rem 0 0 0;}
		.map {height:300px;box-sizing:border-box;border:1px solid #d3d3d3;overflow:hidden;}
		.transportation {padding-bottom:5rem}
		.transportation .way {border-bottom:1px solid #dcdcdc;-webkit-box-shadow: 0 2px 0 0 #f2f2f2;box-shadow: 0 2px 0 0 #f2f2f2;padding:2rem 0;}
		.transportation .way .ico {font-size:1.3rem;font-weight:700;line-height:normal;text-align:center;}
		.transportation .way .way_txt {padding-top:2rem;font-size:1.2rem;line-height:2rem;}
		.transportation .way .way_txt strong {display:block;color:#000;font-weight:700;}
		.ico_subway {padding-top:4.5rem;background:url(/images/front/sub/ico_subway.png) no-repeat 50% 0;background-size:auto 36px;}
		.ico_bus {padding-top:4.5rem;background:url(/images/front/sub/ico_bus.png) no-repeat 50% 0;background-size:auto 26px;}
		.ico_car {padding-top:4rem;background:url(/images/front/sub/ico_car.png) no-repeat 50% 0;background-size:auto 24px;}
	}		
	@media (min-width: 768px) and (max-width: 1269px) {
		
		.directions {margin:0 auto;width:90.6%;max-width:1150px;padding:3.5rem 0 0 0;}
		.map {height:500px;box-sizing:border-box;border:1px solid #d3d3d3;overflow:hidden;}
		.transportation {padding-bottom:7rem}
		.transportation .way {border-bottom:1px solid #dcdcdc;-webkit-box-shadow: 0 2px 0 0 #f2f2f2;box-shadow: 0 2px 0 0 #f2f2f2;padding:5rem 0 3.5rem 0;}
		.transportation .way .ico {font-size:1.7rem;font-weight:700;line-height:normal;text-align:center;}
		.transportation .way .way_txt {padding-top:4rem;font-size:1.7rem;line-height:3rem;}
		.transportation .way .way_txt strong {display:block;color:#000;font-weight:700;}
		.ico_subway {padding-top:10rem;background:url(/images/front/sub/ico_subway.png) no-repeat 50% 0;background-size:auto 69px;}
		.ico_bus {padding-top:9rem;background:url(/images/front/sub/ico_bus.png) no-repeat 50% 0;background-size:auto 53px;}
		.ico_car {padding-top:8.5rem;background:url(/images/front/sub/ico_car.png) no-repeat 50% 0;background-size:auto 47px;}
	
	}	
	@media (min-width:1270px)  {
	
		.directions {margin:0 auto;width:90.6%;max-width:1150px;padding:3.5rem 0 0 0;}
		.map {height:500px;box-sizing:border-box;border:1px solid #d3d3d3;overflow:hidden;}
		.transportation {padding-bottom:7rem}
		.transportation .way {border-bottom:1px solid #dcdcdc;-webkit-box-shadow: 0 2px 0 0 #f2f2f2;box-shadow: 0 2px 0 0 #f2f2f2;padding:5rem 0 3.5rem 0;}
		.transportation .way .ico {font-size:1.7rem;font-weight:700;line-height:normal;text-align:center;}
		.transportation .way .way_txt {padding-top:4rem;font-size:1.7rem;line-height:3rem;}
		.transportation .way .way_txt strong {display:block;color:#000;font-weight:700;}
		.ico_subway {padding-top:10rem;background:url(/images/front/sub/ico_subway.png) no-repeat 50% 0;background-size:auto 69px;}
		.ico_bus {padding-top:9rem;background:url(/images/front/sub/ico_bus.png) no-repeat 50% 0;background-size:auto 53px;}
		.ico_car {padding-top:8.5rem;background:url(/images/front/sub/ico_car.png) no-repeat 50% 0;background-size:auto 47px;}
	
	}