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

@media only screen and (min-width: 769px) {
/*ここにpc用スタイルを記述*/
body #boxer {
    left: 100px;
}
.chart_sp, .sp{
	display:none;
}

}

/* tablet  */
@media only screen and (min-width: 481px) and (max-width: 768px) {
/*ここにtablet用スタイルを記述*/
.chart_sp, .pc{
	display:none;
}
body .wrapper70 {
    width: 100%;
    float: none;
}
body .wrapper25 {
    float: none;
    width: 50%;
}
body .hs_list_wrapper {
    overflow: hidden;
    float: none;
    width: 100%;
}
body .hs_list_img {
    float: none;
    width: 100%;
}
body .hs_list_img img {
    width: 49%;
    margin-bottom: 10px;
    float: left;
    margin-right: 2%;
}
body #container .right{
	margin-right:0;
}


body .last{
	margin-bottom:10px !important; 
}
body #f_navi .last{
	margin-bottom:0 !important; 
}

body .index_btn_wrapper {
    margin-bottom:0;
}
body .info_btn {
    width: 100%;
    float: none;
    margin-right: 0;
}
body #container .btn_last {
    float: none;
}
body .info_btn_data {
    width: 100%;
    float: none;
    margin-right: 0;
}
body .data_wrapper {
    width: 100%;
    float: none;
    margin-top: 5px;
    margin-bottom: 2%;
}
body .col30 {
    float: none;
    width: 100%;
		margin-bottom:10px;
}
}
 
/* smartPhone */
@media screen and (max-width: 480px) {
/*ここにスマホ用スタイルを記述*/
body .txt_wrapper {
    width: 100%;
    float:none;
}
body .gakucho_wrapper {
    float: none;
    width:70%;
		margin-top:15px;
		margin-right:auto;
		margin-left:auto;
}
body .wrapper70 {
    width: 100%;
    float: none;
}
body .wrapper25 {
    float: none;
    width: 100%;
		margin-top: 30px;
}
body .hs_list_wrapper {
    overflow: hidden;
    float: none;
    width: 100%;
}
body .hs_list_img {
    float: none;
    width: 100%;
}
body .hs_list_img img {
    width: 49%;
    margin-bottom: 10px;
    float: left;
    margin-right: 2%;
}
body #container .right{
	margin-right:0;
}
body .hs_list dt {
    float: none;
}
body .hs_list_txt {
    margin-left: 0;
}
body #container img.w100{
    width: 100%;
    margin-right: 0;
}
body .hs_list_img img {
    width: 49%;
    margin-bottom: 10px;
    float: left;
    margin-right: 2%;
}


body .index_btn_wrapper {
    margin-bottom:0;
}
body .info_btn {
    width: 100%;
    float: none;
    margin-right: 0;
}
body #container .btn_last {
    float: none;
}
body .info_btn_data {
    width: 100%;
    float: none;
    margin-right: 0;
}
body .data_wrapper {
    width: 100%;
    float: none;
    margin-top: 5px;
    margin-bottom: 2%;
}
.org-tbl tr{
	border:none;
}
.org-tbl td, .org-tbl th{
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
	border-bottom:solid 1px #CCCCCC;
	text-align: left;
}
.chart_pc{
	display:none;
}

.status{
	background-color:#efefef;
}
body .chart{
	width:100%;
}
body .col30 {
    float: none;
    width: 100%;
		margin-bottom:10px;
}
body .col70{
	margin-bottom:10px;
}
body .country {
    float: none;
    width:100%;
}
body .uni {
    padding-left: 0;
}
/*-----------------------------
table
---------------------------*/
.tbl-2 tbody tr{
        display: block;
    }
.tbl-2 tbody th,
.tbl-2 tbody td{
        display: list-item;
        border: none;
				list-style-type: none;
				width:100%;
    }
body table.tbl-2{
	border-top:solid 1px #CCCCCC;
}
body table.tbl-2 th{
	display:none;
}
body table.tbl-2 tr{
	border:none;
}
body table.tbl-2 td{
	border-bottom:solid 1px #CCCCCC;
	width:100%;
}	
table.small.tbl-1 {
    width: 1030px;
}	
.tbl-1_wrapper{
	overflow-x: scroll;
}
}

/*-----------------------------
リセット
---------------------------*/
ul, ol, li {
  list-style:none;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, table, th, tr, td, img {
    margin: 0; 
    padding: 0;
}



/*-----------------------------
情報公開
---------------------------
.info_btn_wrapper{
	margin-bottom:2%;
	overflow:hidden;
}*/
body .btn_last{
	margin-right:0;
	float:right;
}
body .data{
	margin-bottom:0;
}
.data_wrapper{
	width: 48%;
  float: right;
    margin-top: 5px;
		margin-bottom:2%;
}
.info_btn {
    width: 48%;
    float: left;
	border:solid 1px #cccccc !important;
	padding:10px !important;
		position:relative;
		margin-bottom:2%;
}
.info_btn_data{
	cursor:default;
    width: 48%;
    float: left;
    margin-right: 4%;
	border:solid 1px #cccccc !important;
	padding:10px !important;
		position:relative;
}
.info_btn_data a{
	opacity:1;
}
.info_btn:after{
	content:url(/common/img/arrow.png);
	display:block;
	position:absolute;
	right:10px;
	top:11px;
}
.info_btn_ttl{
	font-weight:bold;
}
.info_btn_ttl a{
	display:block;
	color:#333333;
	border-left:solid 3px #1B2F8E;
	padding-left:6px;
}
.info_btn_ttl span{
	font-weight:100;
	font-size:100%;
	color:#666666;
}

/*-----------------------------
学長メッセージ
---------------------------*/
.wrapper70{
	width:70%;
	float:left;
}
.wrapper25{
	float:right;
	width:25%;
}
.wrapper25 img{
	width:100%;
}
.sign{
	margin-top:10px;
}
.txt_wrapper dd {
    border-bottom: dotted 1px #cccccc;
    padding: 3px 0;
}
.prof dd{
	border-bottom:dotted 1px #999999;
	margin-bottom:8px;
}
#official_wrapper{
	overflow:hidden;
}

/*-----------------------------
建学の精神・沿革
---------------------------*/
.ttl_blue_min {
    margin-bottom: 5px;
}
.box_blue {
    clear: both;
}
.wrapper48{
	width:48%;
	float:left;
}

.article_wrapper img{
	width:100%;
}
.hs_ttl{
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro", Garamond , "Times New Roman", serif;
	font-size:1.9rem;
	color:#1B2F8E;
	margin-bottom:20px;
}
.hs_list_wrapper{
	overflow:hidden;
	float:left;
	width:75%;
}
.hs_list_wrapper100{
	overflow:hidden;
	float:left;
	width:100%;
}
.hs_list{
	border-bottom:dotted 1px #CCCCCC;
	margin-bottom:1.5em;
}
.hs_list dt{
	float:left;
	font-weight:bold;
	color:#666666;
	width:12em;
	font-size:95%;
}
.hs_list_txt{
	padding-bottom:5px;
	margin-left:12em;
}
.hs_list_img{
	float:right;
	width:22%;
}
.hs_list_img img{
	width:100%;
	margin-bottom:10px;
}
	
/*-----------------------------
施設紹介
---------------------------*/	





/*-----------------------------
教育方針
---------------------------*/	

.policy_list dt{
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro", Garamond , "Times New Roman", serif;
    font-size: 4rem;
		color: #00448b;
		float:left;
		width:50px;
}
.list_ttl{
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro", Garamond , "Times New Roman", serif;
    font-size: 2rem;
		font-weight:bold;
}
.policy_list span{
	font-size:1rem;
}
.policy_list {
    overflow: hidden;
    margin-bottom: 15px;
}

/*-----------------------------
教育情報の公表
---------------------------*/
.date{
	text-align:right;
	    font-size: 90%;
    margin-top: -25px;
		margin-bottom:30px;
}
.col50{
	margin-bottom:20px;
}

/*-----------------------------
学生支援推進プログラム
---------------------------*/
.chart{
	width:80%;
	margin:0 auto;
	margin-bottom:20px;
}

/*-----------------------------
国際交流
---------------------------*/
.ttl_blue{
	text-align:left;
	margin-bottom:10px;
}
.wrapper{
	margin-top:5px;
}
.column{
	overflow:hidden;
}
.ttl_topics{
	float:left;
}
.ttl_topics_sub{
	padding-top:2px;
}
.name{
	font-weight:bold;
}
.col27 img{
	width:100%;
}
.box_black_ttl{
	font-size:150%;
}

.network li{
	border-bottom:dotted 1px #CCCCCC;
	margin-bottom:5px;
}
.btn_w48{
    float:left;
    background-color: #FFFFFF;
    position: relative;
    border: solid 1px #CCCCCC;
    padding: 5px;
    width: 48%;
    margin-top: 15px;
    text-align: center;
    font-weight: bold;
}
.btn_w48:after {
    content: url(/common/img/arrow.png);
    display: block;
    position: absolute;
    right: 10px;
    top: 5px;
}
.caption{
	text-align:right;
}
.txt_s{
	color:#000000;
}
.index_btn:after {
    margin-top: -22px;
    height: 20px;
}
.index_btn {
    height: 58px;
}
.index_btn:after {
    margin-top: -33px;
}
.lane1 {
  height:44px;
	padding:10px !important;
}
.index_btn:after {
        margin-top: -22px;
}

#josan .index_btn{
	height:auto;
}: