@charset "UTF-8";
/*-------------------------------------------------
 
upraise-responsive.css
 
 --------------------------------------------------*/

 /**************************************************
  *                                                *
  * for Small DeskTop and Tablet and SmartPhone    *
  *                                                *
  **************************************************/
@media (min-width: 768px) {
/*
.container {
	width: 800px;
}
*/
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style],
.fb_iframe_widget body.plugin,
.fb_iframe_widget ._2lqg{
    height: 400px !important;
}
.pc_none {
	display: none;
}
}


 /**************************************************
  *                                                *
  * for large DeskTop                              *
  *                                                *
  **************************************************/
@media (min-width: 1200px) {
.container {
	width: 1180px;
	padding-left: 0;
	padding-right: 0;
}
#top #column3 .row li {
    font-size: 18px;
}
}


 /**************************************************
  *                                                *
  * for Small DeskTop and Tablet, SmartPhone       *
  *                                                *
  **************************************************/
@media (max-width: 1199px) {
	
 /* header
****************************************************/
/* top navigation */
#topnav li {
	width: 180px;
}
#topnav li a {
	background-size: 720px;
}
#topnav #tNav01 a {
	background-position: 0 0;
}
#topnav #tNav02 a {
	background-position: -180px 0;
}
#topnav #tNav03 a {
	background-position: -360px 0;
}
#topnav #tNav04 a {
	background-position: -540px 0;
}

 /* grobal navigation
****************************************************/
#gnav li {
	width: 134px;
	height: 128px;
}
#gnav li:first-child,
#gnav li:last-child {
	width: 135px;
}
#gnav li a {
	background-size: 940px;
}
#gnav #gNav01 a {
	background-position: 0 0;
}
#gnav #gNav02 a {
	background-position: -135px 0;
}
#gnav #gNav03 a {
	background-position: -269px 0;
}
#gnav #gNav04 a {
	background-position: -403px 0;
}
#gnav #gNav05 a {
	background-position: -537px 0;
}
#gnav #gNav06 a {
	background-position: -671px 0;
}
#gnav #gNav07 a {
	background-position: -805px 0;
}

/* main
****************************************************/
#main {
	width : 750px;
}

/* sidebar
****************************************************/
#sidebar {
	width: 200px;
}



}


 /**************************************************
  *                                                *
  * for Tablet and SmartPhone                      *
  *                                                *
  **************************************************/
@media (max-width: 991px) {
	
 /* header
****************************************************/
/* top navigation */
#topnav li {
	width: 130px;
}
#topnav li a {
	background-size: 520px;
}
#topnav #tNav01 a {
	background-position: 0 0;
}
#topnav #tNav02 a {
	background-position: -130px 0;
}
#topnav #tNav03 a {
	background-position: -260px 0;
}
#topnav #tNav04 a {
	background-position: -390px 0;
}

 /* grobal navigation
****************************************************/
#gnav li {
	width: 102px;
	height: 97px;
}
#gnav li:first-child,
#gnav li:last-child {
	width: 103px;
}
#gnav li a {
	background-size: 716px;
}
#gnav #gNav01 a {
	background-position: 0 0;
}
#gnav #gNav02 a {
	background-position: -103px 0;
}
#gnav #gNav03 a {
	background-position: -205px 0;
}
#gnav #gNav04 a {
	background-position: -307px 0;
}
#gnav #gNav05 a {
	background-position: -409px 0;
}
#gnav #gNav06 a {
	background-position: -511px 0;
}
#gnav #gNav07 a {
	background-position: -613px 0;
}

/* main
****************************************************/
#main {
	width : 590px;
	margin-right: 10px;
}

/* sidebar
****************************************************/
#sidebar {
	width: 150px;
}

/* detail
****************************************************/
#main .profile_cotnents {
	padding: 15px;
}
#main .profile_cotnents .pic {
	position: relative;
	top: 0;
	right: 0;
	width: 100%;
	margin-bottom: 15px;
}

}


 /**************************************************
  *                                                *
  * for SmartPhone                                 *
  *                                                *
  **************************************************/
@media (max-width: 767px) {
	
 /* header
****************************************************/
#header #header_contents h1#logo {
	width: 50%;
}
#header #toplead p {
	font-size: 11px;
	line-height: 20px;
}
 /* footer
****************************************************/
#footer {
	text-align: left;
	padding: 15px 0 110px
}
#footer #footnav {
	width: 100%;
}
#footer li {
	float: none;
	border-right: 1px solid #c2c9cf;
	border-bottom: 1px solid #c2c9cf;
	border-left: 1px solid #c2c9cf;
}
#footer li:first-child {
	border-top: 1px solid #c2c9cf;
}
#footer li a {
	display: block;
	width: 100%;
	padding: 9px 10px;
}
#footer li > span {
	display: none;
}
#footer li a span:after {
	content: "\f105";
	font-family: "FontAwesome";
	float: right;
}
#footer #copyright {
	text-align: center;
}

 /* top
****************************************************/
#top #contents .container {
	margin-right: 15px;
	margin-left: 15px;
    padding: 0;
}
#top #column1 {
	margin-bottom: 40px;
}
#top #column1 h2::after {
    border-bottom:none;
}
#top #column1 .row li a::after {
	content: none;
}
#top #column1 .row li.arrow-smp {
	text-align: center;
	margin-bottom: 5px;
}

#top #column2 {
	margin-bottom: 0;
}
#top #column2 li,
    #top #column2 #pageplugin1{
	margin-bottom: 15px;
}
#top #column2 #pageplugin2{
        margin-bottom: 40px;
}
#top #column2 .row li.btn12{
	height: inherit;
	padding: 20px;
}
#top #column2 .row li.btn13{
	height: inherit;
	padding: 20px;
}

/* scholarship_students
****************************************************/   
#top #news .list_contents li{
    padding: 30px 20px 30px 15px;
    margin-bottom: 0;
}
#top .list_contents li .entry-title{
	font-size: 16px;
   	font-weight: bold;
	line-height: 1.3125;
}
#top .list_contents li .entry-body{
    color: #37474f;
    font-size: 12px;
    line-height: 1.333;
    margin-top: 15px;
}
#top .list_contents + .news_btn{
    padding: 13px 0;
    display: block;
    margin-bottom: 40px;
    text-align: center;
    }

 /* main
****************************************************/
#main {
	float: none;
	width: 100%;
}

 /* sidebar
****************************************************/
#sidebar {
	float: none;
	width: 100%;
}

 /* pan
****************************************************/
#pan {
	border-top: 1px solid #dee1e3;
}
#pan .container {
	padding: 10px 0 10px 15px;
}

 /* archive
****************************************************/
#contents .container {
	padding: 0;
}
#main h2 {
	border-radius: 0;
	margin-bottom: 10px;
}
#main .list_contents {
	padding: 0 15px 15px;
}
#main .list_contents li > a {
	padding: 11px 0 10px;
}
#main .list_pager {
	padding: 0 15px;
	text-align: left;
	margin-bottom: 35px;
}
#main .list_pager ul {
	display: block;
	text-align: left;
}
#main .list_pager .prev {
	width: 49%;
	margin-right: 1%;
}
#main .list_pager .next {
	width: 49%;
	margin-left: 1%;
}
#main .box li{
	width:100%;
}
.top20s{
	margin-top: 20px;
}
.botm20s{
	margin-bottom: 20px;
}
.img_none {
	display: none;
}
 /* sidebar
****************************************************/
#sidebar {
	display: none;
}

/* about
****************************************************/
#about #column1,
#about #column2 {
	padding: 0 10px;
}
#about #column3 {
	padding: 0 10px;
}
#about #column1 table th,
#about #column1 table td {
	float:left;
	width: 100%;
}
#about #column1 table th {
	padding-bottom: 5px;
}
#about #column1 table td {
	border-top: none;
	padding-top: 5px;
}
#about #column2 table th {
	width: 30%;
}
#about #column2 table th img {
	width: 100%;
}
#online-regist .head-catch {width: 90%;}
#online-regist .stepBlock {margin: 0 .5rem;}
#online-regist .stepBlock dl { display: flex; flex-wrap: wrap; margin: .5rem auto;}
#online-regist .stepBlock dl dt {width: 100%; padding-left: 0%;font-size: 1.2em;}
#online-regist .stepBlock dl dd {width: 100%;font-size: 1.2em; margin-bottom: 1em;}
#online-regist .movie {width: 80%; height: auto; margin: 2em auto; box-shadow: 0px 0px 10px #ccc;}
#online-regist .stepinBlock {padding-left: 0%;}
#online-regist .howtoRegistBox {margin: 1em auto; width: 100%;}
#online-regist .howtoRegistBox dl dt {width: 100%; padding-left: 0%;font-size: 2em;text-align: center;}
#online-regist .howtoRegistBox dl dd {width: 100%;font-size: 1.1em; margin-bottom: 1em;}
.sp {display: block;}
}