@charset "utf-8";

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

/* -----------------------------------------------------------------------------

	大項目
  
----------------------------------------------------------------------------- */

/* Section
---------------------------------------------*/
#mainArea .section01 {
	margin-bottom:40px;
}
#mainArea .section01 .inner {
	margin:0 10px;
}

/* Box
---------------------------------------------*/
#mainArea .leftBox01 {
	position:relative;
	margin-bottom:20px;
}
#mainArea .rightBox01 {
	position:relative;
	margin-bottom:20px;
}
/* Box col03
---------------------------------------------*/
#mainArea .col03 .Box01 {
	margin-bottom: 20px;
}

/* Title
---------------------------------------------*/
#mainArea .ttl01 {
	position:relative;
	margin-bottom:20px;
	font-size:23px;
	font-weight:bold;
	line-height:1.2;
	border-bottom:1px solid #dcdcdc;
}
#mainArea .ttl01 .txt {
	position:relative;
	top:1px;
	display:inline-block;
	border-bottom:1px solid #dcdcdc;
}
#mainArea .ttl01.blue {
	color:#2aade9;
}
#mainArea .ttl01.blue .txt {
	border-bottom:1px solid #2aade9;
}

#mainArea .ttl02 {
	margin-bottom:20px;
	padding:15px 10px 15px 10px;
	color:#fff;
}
#mainArea .ttl02 .txt {
	display:block;
	margin:0 auto;
	font-size:18px;
	line-height:1.2;
}
#mainArea .ttl02 .txt:after {
	margin-top:8px;
	content:"";
	display:block;
	width:20px;
	height:1px;
	background-color:#fff;
}
#mainArea .ttl02 .small01 {
	display:block;
	font-size:12px;
	line-height:1.6;
}
#mainArea .ttl02 .small02 {
	display:block;
	font-size:11px;
	line-height:1.6;
}
#mainArea .ttl02.blue { background-color:#4c8dcb; }
#mainArea .ttl02.pink { background-color:#dc76ab; }
#mainArea .ttl02.green { background-color:#6fba2c; }
#mainArea .ttl02.orange { background-color:#f09b2c; }
#mainArea .ttl02.purple { background-color:#915da3; }
#mainArea .ttl02.brown { background-color:#a97452; }
#mainArea .ttl02.gray { background-color:#727171; }

#mainArea .ttl03 {
	margin-bottom:10px;
	font-size:15px;
	line-height:1.2;
}
#mainArea .ttl03.border {
	padding-bottom:5px;
	border-bottom:1px solid #dcdcdc;
}
#mainArea .ttl03.blue { color:#4c8dcb; }
#mainArea .ttl03.pink { color:#dc76ab; }
#mainArea .ttl03.green { color:#6fba2c; }
#mainArea .ttl03.orange { color:#f09b2c; }
#mainArea .ttl03.purple { color:#915da3; }
#mainArea .ttl03.brown { color:#a97452; }
#mainArea .ttl03.gray { color:#727171; }
#mainArea .ttl03.black { color:#333; }

/* Text
---------------------------------------------*/
#mainArea p {
	font-size:14px;
}
#mainArea .txtIndent {
	text-indent:0.5em;
}

/* List
---------------------------------------------*/
#mainArea .listDisc {
	margin-left:1rem;
	font-size:11px;
	color:#333;
}
#mainArea .listDisc li {
	list-style-type:disc;
}
#mainArea .listDisc li span {
	color:#333;
}
#mainArea .listDisc li a:hover span {
	text-decoration:underline;
}
#mainArea .listDisc.blue,
#mainArea .listDisc.blue li a:hover span { color:#4c8dcb; }
#mainArea .listDisc.pink,
#mainArea .listDisc.pink li a:hover span { color:#dc76ab; }
#mainArea .listDisc.green,
#mainArea .listDisc.green li a:hover span { color:#6fba2c; }
#mainArea .listDisc.orange,
#mainArea .listDisc.orange li a:hover span { color:#f09b2c; }
#mainArea .listDisc.purple,
#mainArea .listDisc.purple li a:hover span { color:#915da3; }
#mainArea .listDisc.brown,
#mainArea .listDisc.brown li a:hover span { color:#a97452; }
#mainArea .listDisc.gray,
#mainArea .listDisc.gray li a:hover span { color:#727171; }

#mainArea .list01,
#mainArea .list02 {
	font-size:12px;
	color:#333;
}
#mainArea .list01 li {
	padding-left:13px;
	background:transparent url("../img/sp/ico01.png") 0 0.4em no-repeat;
	background-size:5px auto;
}
#mainArea .list02 li {
	padding-left:13px;
	background:none;
	position: relative;
}
#mainArea .list02 li::before {
	content: "・";
	position: absolute;
	color: #2aade9;
	left: 0;
}
#mainArea .list01 li a:hover {
	text-decoration:underline;
}

/* Icon
---------------------------------------------*/
#mainArea .icoPDF {
	margin-left:10px;
	padding:0 2px;
	font-size:0.7rem;
	color:#fff;
	background-color:#ec0000;
}
#mainArea .icoSite {
	margin-left:5px;
}
#mainArea .icoSite img {
	width:8px;
	vertical-align:middle;
}

/* Button
---------------------------------------------*/
#mainArea .btnFacebook a {
	display:block;
	padding:10px 20px 10px 13px;
	font-size:20px;
	font-weight:bold;
	color:#3b5998;
	border:1px solid #3b5998;
}
#mainArea .btnFacebook a .image {
	display:block;
	padding:8px 0 5px 53px;
	background:transparent url("../img/ico_facebook.gif") 0 50% no-repeat;
	background-size:38px auto;
}
#mainArea .btnFacebook a .ico {
	display:block;
	padding:0 15px 0 0;
	background:transparent url("../img/sp/ico02.png") 100% 50% no-repeat;
	background-size:7px auto;
}
#mainArea .btnFacebook a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
}


/* mainImageSP
---------------------------------------------*/
#mainImageSP {
	margin-bottom:40px;
}
#mainImageSP #slider01_sp {
	position:relative;
}
#mainImageSP #slider01_sp li {
	position:absolute;
	top:0;
	z-index:1;
}
#mainImageSP #slider01_sp li:first-child {
	position:relative;
	z-index:2;
}
#mainImageSP .bx-wrapper {
	position:relative;
}
#mainImageSP .bx-wrapper .bx-viewport {
	position: relative;
	z-index:2;
}
#mainImageSP .bx-controls {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
}
#mainImageSP .bx-controls-direction {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
}
#mainImageSP .bx-controls-direction a {
	position:absolute;
	top:50%;
	margin-top:-12px;
	display:block;
	width:25px;
	height:25px;
	text-indent:-9999px;
	z-index:20;
}
#mainImageSP .bx-controls-direction .bx-prev {
	left:5px;
	background:transparent url("../img/btn_prev.png") 0 0 no-repeat;
	background-size:25px auto;
}
#mainImageSP .bx-controls-direction .bx-next {
	right:5px;
	background:transparent url("../img/btn_next.png") 0 0 no-repeat;
	background-size:25px auto;
}
#mainImageSP .bx-wrapper .bx-pager {
	position:absolute;
	bottom:-27px;
	height:12px;
	text-align:center;
	z-index:10;
	width:100%;
}
#mainImageSP .bx-wrapper .bx-pager .bx-pager-item {
	display:inline-block;
	margin:0 5px;
}
#mainImageSP .bx-wrapper .bx-pager .bx-pager-item a {
	display:block;
	text-indent:-9999px;
	width:10px;
	height:10px;
	border:1px solid #2aade9;
	border-radius:5px;
	box-sizing:border-box;
}
#mainImageSP .bx-wrapper .bx-pager .bx-pager-item a.active {
	background-color:#2aade9;
}


/* Overview
---------------------------------------------*/
#mainArea #overview .listBox01 {
	margin-bottom:20px;
	padding:10px;
	border:1px solid #d0d0d0;
	box-sizing:border-box;
}
#mainArea #overview .listBox02 {
	padding:15px 20px;
	background-color:#f3f3f3;
	box-sizing:border-box;
}
#mainArea #overview .listBox02 .listLeft {
	margin-bottom:15px;
}
#mainArea #overview .listOverview01 li {
	margin-bottom:15px;
}
#mainArea #overview .listOverview01 li li {
	margin-bottom:0;
}
#mainArea #overview .listOverview01 dt {
	padding:10px;
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
	line-height:1.2;
	color:#fff;
}
#mainArea #overview .listOverview01 .small01 {
	font-size:11px;
}
#mainArea #overview .listOverview01 dt.blue,
#mainArea #overview .listOverview01 .listItem01 span.blue { background-color:#4c8dcb; }
#mainArea #overview .listOverview01 dt.pink,
#mainArea #overview .listOverview01 .listItem01 span.pink { background-color:#dc76ab; }
#mainArea #overview .listOverview01 dt.green,
#mainArea #overview .listOverview01 .listItem01 span.green { background-color:#6fba2c; }
#mainArea #overview .listOverview01 dt.orange,
#mainArea #overview .listOverview01 .listItem01 span.orange { background-color:#f09b2c; }
#mainArea #overview .listOverview01 dt.purple,
#mainArea #overview .listOverview01 .listItem01 span.purple { background-color:#915da3; }
#mainArea #overview .listOverview01 dt.brown,
#mainArea #overview .listOverview01 .listItem01 span.brown { background-color:#a97452; }
#mainArea #overview .listOverview01 dt.gray,
#mainArea #overview .listOverview01 .listItem01 span.gray { background-color:#727171; }

#mainArea #overview .listOverview01 dd {
	padding:0 10px;
}
#mainArea #overview .listOverview01 .listItem01 span {
	display:block;
	padding:10px;
	font-size:12px;
	font-weight:bold;
	line-height:1.2;
	color:#fff;
}
#mainArea #overview .listOverview02 dt {
	margin-bottom:5px;
	font-size:12px;
	font-weight:bold;
	color:#333;
	line-height:1.2;
}
#mainArea #overview .listOverview02 dt a:hover {
	text-decoration:underline;
}
#mainArea #overview .listOverview03 dt {
	margin-bottom:5px;
	font-size:12px;
	font-weight:bold;
	color:#333;
	line-height:1.2;
}
#mainArea #overview .listOverview03 li {
	margin-bottom:5px;
}
#mainArea #overview .listOverview03 li:last-child {
	margin-bottom:0;
}
#mainArea #overview .listOverview03 li p {
	font-size: 12px;
	margin-bottom:5px;
}
#mainArea #overview .listOverview02 .listItem01 {
	margin-left:10px;
}
#mainArea #overview .height01 { height:auto !important; }
#mainArea #overview .height02 { height:auto !important; }
#mainArea #overview .height03 { height:auto !important; }


/* Faculties
---------------------------------------------*/
#mainArea #faculties .ttl01 {
	margin:0 10px 20px 10px;
}
#mainArea #faculties .txt01 {
	margin-bottom:15px;
}


/* International
---------------------------------------------*/
#mainArea #international .txt01 {
	margin-bottom:15px;
}


/* Human
---------------------------------------------*/
#mainArea #human .txt01 {
	margin-bottom:15px;
}


/* Graduate
---------------------------------------------*/
#mainArea #graduate .txt01 {
	margin-bottom:20px;
}
#mainArea #graduate .txt02 {
	margin-bottom:15px;
}
#mainArea #graduate .txt03 {
	margin-bottom:10px;
}
#mainArea #graduate .listLeft {
	margin-bottom:10px;
}
#mainArea #graduate .listCenter {
	margin-bottom:10px;
}
#mainArea #graduate .listInner {
	margin-bottom:20px;
}

#mainArea #graduate .listBox01 {
	padding:25px 15px;
	border:1px solid #d0d0d0;
	background-color:#fcf7fe;
	box-sizing:border-box;
}
#mainArea #graduate .listBox01 .listGraduate01 dt {
	margin-bottom:5px;
	font-size:13px;
	font-weight:bold;
	color:#333;
}
#mainArea #graduate .listBox01 .listGraduate01 li li {
	margin-bottom:0;
}


/* Junior
---------------------------------------------*/
#mainArea #junior .txt01 {
	margin-bottom:15px;
}


/* School
---------------------------------------------*/
#mainArea #school .txt01 {
	margin-bottom:15px;
}
#mainArea #school .ttl01 {
	margin:0 0 15px 0;
}
#mainArea #school.section01 {
	margin-bottom:25px;
}
#mainArea #school .schoolBox01 {
	margin-bottom:50px;
	position:relative;
}
#mainArea #school .schoolBox01 .leftBox02 {
	position:relative;
	margin-bottom:10px;
}
#mainArea #school .schoolBox01 .rightBox02 {
	position:relative;
}
#mainArea #school .listBox01 {
	padding:20px;
	background-color:#f3f3f3;
	box-sizing:border-box;
}
#mainArea #school .listBox01 .leftItem {
	margin-bottom:20px;
	box-sizing:border-box;
}
#mainArea #school .listBox01 .rightItem {
	box-sizing:border-box;
}
#mainArea #school .leftBox01 {
	margin-bottom:60px;
}
#mainArea #school .rightBox01 {
	margin-bottom:60px;
}


#mainArea #school .bx-wrapper {
	position:relative;
}
#mainArea #school .bx-wrapper .bx-viewport {
	position: relative;
	z-index:2;
}
#mainArea #school .bx-controls {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
}
#mainArea #school .bx-controls-direction {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
}
#mainArea #school .bx-controls-direction a {
	position:absolute;
	bottom:-34px;
	display:block;
	width:28px;
	height:28px;
	text-indent:-9999px;
	z-index:20;
}
#mainArea #school .bx-controls-direction .bx-prev {
	left:0;
	background:transparent url("../img/btn_prev.png") 0 0 no-repeat;
	background-size:28px auto;
}
#mainArea #school .bx-controls-direction .bx-next {
	right:0;
	background:transparent url("../img/btn_next.png") 0 0 no-repeat;
	background-size:28px auto;
}
#mainArea #school #slider02,
#mainArea #school #slider03 {
	position:relative;
}
#mainArea #school #slider02 li,
#mainArea #school #slider03 li {
	position:absolute;
	top:0;
	z-index:1;
}
#mainArea #school #slider02 li:first-child,
#mainArea #school #slider03 li:first-child {
	position:relative;
	z-index:2;
}
#mainArea #school .bx-wrapper .bx-pager {
	position:absolute;
	bottom:-27px;
	height:12px;
	text-align:center;
	z-index:10;
	width:100%;
}
#mainArea #school .bx-wrapper .bx-pager .bx-pager-item {
	display:inline-block;
	margin:0 5px;
}
#mainArea #school .bx-wrapper .bx-pager .bx-pager-item a {
	display:block;
	text-indent:-9999px;
	width:10px;
	height:10px;
	border:1px solid #2aade9;
	border-radius:5px;
	box-sizing:border-box;
}
#mainArea #school .bx-wrapper .bx-pager .bx-pager-item a.active {
	background-color:#2aade9;
}
#mainArea p .txtLink{
		padding-left: 13px;
    background: transparent url(../img/sp/ico01.png) 0 0.4em no-repeat;
    background-size: 5px auto;
	}

}