/*------------------------------------ 
学部長挨拶
------------------------------------ */
#sub .section dl.message {
    width: 740px;
	height: 180px;
	overflow:hidden;
    float: none;
    margin: 0 auto 10px;
    padding: 10px;
    clear: both;
    height: auto;
    display: table;
}
#sub .section dl.message dt {
	border: none;
    padding: 0;
    margin: 0 auto;
    width: 330px;
	height: 180px;
	overflow:hidden;
    float: left;
    display: table-cell;
}
#sub .section dl.message dt img {
	width:100%;
	height:auto;
}

#sub .section dl.message dd {
	padding: 60px 40px 0 40px;
    font-size: 20px;
    width: 330px;
    height: 120px;
    float: left;
    display: table-cell;
    background: #f1f1f1;
}
#sub .section dl.message dd span{
	font-size:16px;
}

#sub .section div.message{
	width:740px;
	margin:0 auto;
}

#sub .section div.message p{
	font-size:16px;
	color:#666;
	margin:0 0 20px 0 !important;
	padding:0!important;
}

#sub .section div.message p.right{
	text-align:right;
}

/*------------------------------------ 
沿革
------------------------------------ */
/*.section.dip_box ul.his li {
	width:100%;
	padding: 0 0 15px 100px;
    border-bottom: 2px dotted #cccccc;
	margin: 0 auto 10px;
}
*/
.section.dip_box ul li.photo {
    width: 88%;
    margin: 0 auto 10px;
    text-align: right;
    padding: 0;
    /*border-bottom: 2px dotted #cccccc;*/
}
.section.dip_box ul li.photo p {
    width: auto;
	float:right;
	margin:0 0 0 10px;
}

.section.dip_box ul li.photo p img {
    max-width: 155px;
    width: 100%;
    margin: 0 5px 10px;
}

/*------------------------------------ 
国際交流
------------------------------------ */
.section ul.submenu {
	width:1024px;
	margin:0 auto 20px;
	overflow:hidden;
}

.section ul.submenu li {
    width: 48%;
    float: left;
    margin: 0 7px 15px;
    height: auto;
    background: #ff8b07;
    position: relative;
    font-size: 18px;
    transition: all .3s linear;
    color: #fff;
}

.section ul.submenu li a {
	display:block;
	height:100%;
    color: #fff;
    padding: 20px;
}

.section ul.submenu li a:before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    bottom: 33%;
    right: 3%;
    margin: 0;
    color: #fff;
}
.section ul.submenu li:hover {
	background:#47474f;
	color: #fff;
}
.section ul.submenu li:hover a {
	color: #fff;
}


.section ul.submenu.wide {
	margin:0 auto 40px;
}
.section ul.submenu.wide li {
    width: 80%;
    float: none;
    margin: 0 auto 10px;
    height: auto;
    background: #f1f1f1;
	/*border:1px solid #f1f1f1;*/
    color: #47474f;
}
.section ul.submenu.wide li a {
    color: #47474f;
}
.section ul.submenu.wide li a:before {
    color: #47474f;
}

.section ul.submenu.wide li:hover {
	background:#ff8b07;
	color: #fff;
}
.section ul.submenu.wide li:hover a {
	color: #fff;
}
.section ul.submenu.wide li:hover a:before {
    color: #fff;
}



.section table {
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	text-align:center;
}
.section table th {
	padding:10px 15px;
	border:solid 1px #fff;
	background:#ff8b07;
	color:#fff;
	vertical-align: middle;
}
.section table td {
	padding:10px 15px;
	border:solid 1px #fff;
	text-align:right;
	background:#f1f1f1;
	color:#333;
	text-align:center;
	vertical-align: middle;
}
.section table td.t01 {
	background:#ffe4c5;
}
.section .inner {
	width:95%;
	margin:0 auto 60px;
	clear:both;
}
.section .inner h5 {
	font-size:15px;
	margin:0 0 10px;
}

/* リスト */
.about_box {
	width:100%;
	height:auto;
	margin:0 auto 30px;
}

.about_box ul {
	width:95%;
	margin:0 auto;
	overflow:hidden;
}
.about_box li {
	margin: 0 0 40px;
    font-size: 16px;
    position: relative;
    padding: 0 0 0 25px;
    height: 100px;
    display: table;
    width: 97%;
}

.about_box li p,
.about_box li p.point {
	display: table-cell;
    vertical-align: middle;
    padding: 12px 70px 0;
    width: 100%;
    text-align: left;
    font-size: 16px;
}

.about_box ul li span {
	width: 70px;
	height: 70px;
	-webkit-border-radius: 35px;/* width,heightの半分 */
	-moz-border-radius: 35px;
	border-radius: 35px;
	background-color: #ffe4c5;/* 円の色 */
	display:block;
	position:absolute;
	top:0;
	left:0;
	line-height:70px;
	text-align:center;
}
.about_box ul li p.point span {
    width: auto;
    height: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #ff8b07;
    left: 10%;
    line-height: 0;
    padding: 15px 10px;
	color:#fff;
}





@media screen and (min-width:1024px) , print{
	/*1024px以上の時（pc専用のスタイル）*/
}

@media screen and (max-width:1023px) , print {
	/*1023px以下の時（ipad）*/
	
/*------------------------------------ 
学部長挨拶
------------------------------------ */
#sub .section dl.message {
	width: 75%;
    float: none;
    margin: 0 auto 30px;
    padding: 10px;
    clear: both;
    height: auto;
    display: table;
}
#sub .section dl.message dt {
	border: none;
    padding: 0;
    margin: 0 auto;
    width: 50%;
    float: left;
    display: table-cell;
}
#sub .section dl.message dt img {
	width:100%;
	height:auto;
}

#sub .section dl.message dd {
    padding: 10% 0;
    font-size: 20px;
    width: 50%;
    height: auto;
    float: left;
    display: table-cell;
    background: #f1f1f1;
    max-width: 330px;
    text-align: center;
}
#sub .section dl.message dd span{
	font-size:16px;
}

#sub .section div.message{
	width:auto;
}


/*------------------------------------ 
国際交流
------------------------------------ */
.section ul.submenu {
	width:90%;
	margin:0 auto;
	overflow:hidden;
}
.section ul.submenu li {
	width:100%;
	margin:0 0 1px;
	height:auto;
	background:#ff8b07;
	position:relative;
	transition:all .3s linear;
	color: #fff;
}
.section ul.submenu li a {
	display:block;
	height:100%;
	font-size:14px;
	padding:20px;
}
.section ul.submenu li a:before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 10px;
    position: absolute;
    bottom: 33%;
    right: 3%;
    margin: 0;
    color: #fff;
}
.section ul.submenu li:hover {
	background:#47474f;
	color: #fff;
}
.section ul.submenu li:hover a {
	color: #fff;
}


.section ul.submenu.wide {
	margin:0 auto 40px;
}
.section ul.submenu.wide li {
    width: 80%;
    float: none;
    margin: 0 auto 10px;
    height: auto;
    background: #f1f1f1;
    color: #47474f;
}
.section ul.submenu.wide li a {
    color: #47474f;
}


.section table {
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	text-align:center;
}
.section table th {
	padding:10px 15px;
	border:solid 1px #fff;
	background:#ff8b07;
	color:#fff;
	vertical-align: middle;
}
.section table td {
	padding:10px 15px;
	border:solid 1px #fff;
	text-align:right;
	background:#f1f1f1;
	color:#333;
	text-align:center;
	vertical-align: middle;
}
.section table td.t01 {
	background:#ffe4c5;
}
.section .inner {
	width:95%;
	margin:0 auto 60px;
	clear:both;
}
.section .inner h5 {
	font-size:15px;
	margin:0 0 10px;
}


}

@media screen and (max-width:767px){ 
	/*767px以下の時（iphone）*/

/*------------------------------------ 
学部長挨拶
------------------------------------ */

#sub .section dl.message {
    width: 65%;
	max-width: 330px;
}

#sub .section dl.message dt {
    width: 100%;
}


#sub .section dl.message dd {
    width: 330px;
	text-align:center;
	padding: 30px 0;
}

#sub .section div.message{
	width:auto;
}


/*.section.dip_box ul li.photo {
    width: 70%;
}
*/
/*------------------------------------ 
沿革
------------------------------------ */
.section.dip_box ul li.photo {
    text-align: center;
}

.section.dip_box ul li.photo p {
	float:none;
}

.section.dip_box ul li.photo p img {
    max-width: 155px;
    width: 100%;
    margin: 0 5px 10px;
}

/*------------------------------------ 
国際交流
------------------------------------ */
.section ul.submenu.wide li {
    width: 100%;
}

.section ul.submenu li a:before {
    bottom: 33%;
}

.section table {
	font-size:12px;
}

.about_box {
	width:100%;
	height:auto;
	margin:0 auto 30px;
}

.about_box ul {
	width:95%;
	margin:0 auto;
	overflow:hidden;
}
.about_box li {
	font-size:13px;
    height: 60px;
}

.about_box li p {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 45px;
    width: 100%;
	border-radius: 5px;
	text-align: center;
	font-size:14px;
}

.about_box ul li span {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 30px;/* width,heightの半分 */
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #ffe4c5;/* 円の色 */
	line-height:60px;
}
.about_box ul li p.point span {
	left: 75px;
    width: auto;
    line-height: 20px;
    padding: 5px;
}
}
/*------------------------------------ 
三角リスト
------------------------------------ */
    .triangle
    ,.triangle li{
    	padding:0px;
    	margin:0px;
    }
     
    .triangle li{
    	list-style-type:none !important;
    	list-style-image:none !important;
    	margin: 5px 0px 5px 0px !important;
    }
     
    .list1 li{
    	position:relative;
    	padding-left:20px;
    }
     
    .list1 li:before{
    	content:''; 
    	display:block; 
    	position:absolute; 
    	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
    	top:3px; 
    	left:2px; 
    	height:0; 
    	width:0; 
    	border-top: 6px solid transparent;
    	border-right: 7px solid transparent;
    	border-bottom: 6px solid transparent;
    	border-left: 9px solid #47474f;
    }
/*------------------------------------ 
h5
------------------------------------ */
.section h5{
	border-left: 5px solid #ff8b07;
	background-color: #f1f1f1;
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px 10px;
}