/* レイアウト関係 */

@media print, screen and (min-width: 900px) {

.secTitle {
	font-size: 124%;
	font-weight: bold;
	margin-bottom: 12px;
}
.txt {
	font-size: 108%;
	line-height: 1.6;
}
#en .txt {
	font-size: 100%;
	line-height: 1.6;
}
.txt_m {
	font-size: 100%;
	line-height: 1.6;
}
.txt_s {
	font-size: 93%;
	line-height: 1.6;
}

.mainbg{
	position:relative;
}
#sgu_top .mainbg{
	background:url(../img/sgu/bg_dot.gif) repeat;
	position:relative;
}
.mainbg .bg_sky{
	position: absolute;
	top:0;
	left:0;
}
#sgu_top .mainbg .bg_building{
	position: absolute;
	bottom:0;
	right:0;
}

.pdf img{
	padding-top:3px;
	padding-right:5px;
}




.copyWrap{
	padding-top:104px;
}
.copyWrap .copyTitle{
	text-align:center;
	background:#203ea1;
	padding:35px 0 28px;
}
.copyWrap .copyTitle img{
	height:35px;
	width:auto;
}
.inner .contentTitle{
	text-align:center;
	font-weight:bold;
	margin-bottom:30px;
	font-size:139%;
	line-height:1.5;
}

#en .inner .contentTitle {
    font-family: "Roboto Condensed";
    font-size: 247%;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 30px;
    text-align: center;
}
#en .inner .contentTitle span{
	font-size:50%;
	display:block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
}



}


/* small display
------------------------------*/
@media only screen and (max-width: 900px) {
.secTitle {
	font-size: 108%;
	font-weight: bold;
	margin-bottom: 7px;
}
.txt {
	font-size: 108%;
	line-height: 1.6;
}
.txt_m {
	font-size: 100%;
	line-height: 1.6;
}
.txt_s {
	font-size: 93%;
	line-height: 1.6;
}
.mainbg .bg_sky{
	display:none;
}
.mainbg .bg_building{
	display:none;
}
.building{
	display:none;
}

.copyWrap{
	padding-top:78px;
}
.copyWrap .copyTitle{
	text-align:center;
	background:#203ea1;
	padding:20px 20px 14px;
}
.copyWrap .copyTitle img{
	width:100%;
	height:auto;
}
.inner .contentTitle{
	text-align:center;
	font-weight:bold;
	margin-bottom:15px;
	font-size:124%;
	line-height:1.5;
}

#en .inner .contentTitle{
	text-align:center;
	margin-bottom:15px;
	line-height:1.5;
    font-family: Roboto;
    font-size: 185%;
    font-weight: 700;
}
#en .inner .contentTitle span{
	font-size:68%;
	display:block;
	line-height:1;
}



.pdf img{
	padding-top:3px;
	padding-right:5px;
}




}






/*
################################################################################################################

スーパーグローバル大学創成支援 TOP
- sgu_top

################################################################################################################
*/

.ie8 .bx-viewport{
	height:inherit !important;
}

/* 背景 */
@media print, screen and (min-width: 900px) {
#group2 {
	background: url(../img/sgu/top/bg_sec2.jpg) no-repeat top center;
	background-size: cover;
	width: auto;
	padding-bottom: 60px;
	background-attachment: fixed;
}
}

/* small display
------------------------------*/
@media only screen and (max-width: 900px) {
#group2 {
	background: url(../img/sgu/top/bg_sec2.jpg) no-repeat top center;
	background-size: cover;
	width: auto;
	position:relative;
	background-attachment: fixed;
}
}



@media print, screen and (min-width: 900px) {

#sgu_top{
	padding-bottom:0;
}
/* メインヴィジュアル
-------------------------*/

#sgu_top .mainVisual{
	padding-top:/*103px*/120px;
	position:relative;
}
/* メインスライダー */
#sgu_top .flex-control-nav {
    position: absolute;
    width: 900px;
    z-index: 2;
	left:50%;
	bottom:20px;
	margin-left:-450px;
	text-align:right;
}
.flexslider .slides{
	overflow:hidden;
}
.flexslider .slides img{
}

/* タイトル */
#sgu_top .mainVisual .pageTitle{
	position:absolute;
	bottom:40px;
	z-index:100;
	width:900px;
	left:50%;
	margin-left:-450px;
	color:#fff;
}
#sgu_top .mainVisual .titleMain {
	font-size:277%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:18px;
	position:relative;
	opacity:0;
	left:-50px;
}
#en #sgu_top .mainVisual .titleMain {
	font-size:293%;
}

#sgu_top .mainVisual .txt_m{
	margin-bottom:25px;
	position:relative;
	opacity:0;
	left:-50px;
	font-size:108%;
	line-height:1.8;
}
#en #sgu_top .mainVisual .txt_m{
	line-height:1.6;
}



/* btn */
#sgu_top .mainVisual .btn{
	width:245px;
	background:#203ea1;
	opacity:0;
}
#sgu_top .mainVisual .btn a{
	color:#fff;
	display:block;
	text-decoration:none;
	text-align:center;
	padding:12px 0;
	font-weight:bold;
	font-size:108%;
}
#en #sgu_top .mainVisual .btn a{
	font-size:93%;
}
#sgu_top .mainVisual .btn a span img{
	margin-left:10px;
	padding-top:1px;
	height:16px;
	width:auto;
}

/* コピー
-------------------------*/

#sgu_top .copyWrap{
	padding-top:0;
}

#sgu_top .copyWrap .copyTitle{
	text-align:center;
	background:#203ea1;
	padding:40px 0 28px;
}
#sgu_top .copyWrap .copyTitle img{
	height: inherit !important;
	width: inherit !important;
}

#sgu_top .copyWrap .copyBg{
	height:27px;
	background:url(../img/sgu/top/copy_bg.png) repeat-x center #000;
}
#sgu_top .bx-wrapper{
	max-width:inherit !important;
}

/* ギャラリー */
#sgu_top #gallery {
	overflow: hidden;
	z-index: 0 !important;
	height:250px !important;
}
#sgu_top #gallery:before,
#sgu_top #gallery:after {
	content: "";
	display: table;
}
#sgu_top #gallery:after {
	clear: both;
}
#sgu_top #gallery {
	zoom: 1;
}
#sgu_top #gallery div {
	display: inline;
	float: left;
	width: 250px !important;
}

}



/* small display
------------------------------*/
@media only screen and (max-width: 900px) {
#sgu_top{
	padding-bottom:133px;
}

/* メインヴィジュアル
-------------------------*/

#sgu_top .mainVisual{
	position:relative;
	padding-top:73px;
}
#sgu_top .flex-control-nav {
    position: absolute;
    z-index: 2;
	bottom:20px;
	display:none;
}






/* タイトル */
#sgu_top .mainVisual .pageTitle{
	position:absolute;
	bottom:20px;
	z-index:100;
	color:#fff;
	padding:0 20px;
}
#sgu_top .mainVisual .titleMain {
	font-size:154%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:18px;
	position:relative;
	opacity:0;
}
#sgu_top .mainVisual .txt_m{
	margin-bottom:25px;
	position:relative;
	opacity:0;
	font-size:93%;
}
#en #sgu_top .mainVisual .txt_m{
	font-size:90%;
	line-height:1.2;
}

/* spのみ */
.mobile #sgu_top .mainVisual .titleMain{
	font-weight:bold;
}
.mobile #sgu_top .mainVisual .txt_m{
	font-weight:bold;
}

/* btn */
#sgu_top .mainVisual .btn{
	background:#203ea1;
	opacity:0;
	max-width:152px;
}
#sgu_top .mainVisual .btn a{
	color:#fff;
	display:block;
	text-decoration:none;
	text-align:center;
	padding:8px 0;
	font-weight:bold;
	font-size:93%;
}
#sgu_top .mainVisual .btn a span img{
	margin-left:10px;
	padding-top:1px;
	height:13px;
	width:auto;
}

/* コピー
-------------------------*/
#sgu_top .copyWrap{
	padding-top:0;
}
#sgu_top .copyWrap .copyTitle{
	text-align:center;
	background:#203ea1;
	padding:20px 20px 14px;
}
#sgu_top .copyWrap .copyTitle img{
	width:100%;
	height:auto;
}
#sgu_top .copyWrap .copyBg{
	height:20px;
	background:url(../img/sgu/top/copy_bg.png) repeat-x center #000;
	background-size:auto 8px;
}
#sgu_top .bx-wrapper{
	max-width:inherit !important;
}

/* ギャラリー */
#sgu_top #gallery {
	overflow: hidden;
	z-index: 0 !important;
	height:125px !important;
}
#sgu_top #gallery:before,
#sgu_top #gallery:after {
	content: "";
	display: table;
}
#sgu_top #gallery:after {
	clear: both;
}
#sgu_top #gallery {
	zoom: 1;
}
#sgu_top #gallery div {
	display: inline;
	float: left;
	width: 125px !important;
}
#sgu_top #gallery div img{
	width: 125px !important;
	height: auto;
}
}

/* small display
------------------------------*/
@media print, screen and (max-width: 630px) {
	
#sgu_top .mainVisual{
	position:relative;
	padding-top:70px;
}

/* メインスライダー */
.flexslider .slides{
	height:380px;/* 450 */
	overflow:hidden;
}
.flexslider .slides li{
	height:380px;
}
.flexslider .slides li.bg01{
	background:url(../img/sgu/top/slider_bg1_sp.jpg) no-repeat center top;
	background-size: cover;
}
.flexslider .slides li.bg02{
	background:url(../img/sgu/top/slider_bg2_sp.jpg) no-repeat center top;
	background-size: cover;
}
.flexslider .slides li.bg03{
	background:url(../img/sgu/top/slider_bg3_sp.jpg) no-repeat center top;
	background-size: cover;
}
.flexslider .slides li.bg04{
	background:url(../img/sgu/top/slider_bg4_sp.jpg) no-repeat center top;
	background-size: cover;
}
.flexslider .slides li.bg05{
	background:url(../img/sgu/top/slider_bg5_sp.jpg) no-repeat center top;
	background-size: cover;
}

.flexslider .slides img{
	display:none;
}
}


/*
################################################################################################################

国際大学が目指す未来

################################################################################################################
*/


@media print, screen and (min-width: 900px) {
	
/* group1
-------------------*/
#sgu_top #group1 .inner{
	width:900px;
	margin:0 auto;
	padding:80px 0;
	position:relative;
	z-index:1;
}
#sgu_top #group1 .inner .contentTitle{
	color:#fff;
	font-size:139%;
	font-weight:bold;
	text-align:center;
	background:#203ea1;
	padding:8px 0;
	margin-bottom:30px;
}

/* sec01 */
#sgu_top #group1 .inner .sec01 .secTitle{
	font-size:139%;
	text-align:center; 
}
#en #sgu_top #group1 .inner .sec01 .secTitle{
	font-size:139%;
	text-align:center; 
}
#en #sgu_top #group1 .inner .sec01 .read{
	font-size:125%;
}


#sgu_top #group1 .inner .sec01 .read{
	margin-bottom:30px; 
	font-size:124%;
}

/* sec02 */
#sgu_top #group1 .inner .sec02{
	margin-bottom:30px; 
}
#sgu_top #group1 .inner .sec02 {
	width: 900px; /*親ボックスの幅*/
	overflow: hidden;
}
#sgu_top #group1 .inner .sec02 ul {
	width: 920px; /*右マージン含む子ボックス合計幅*/
	margin-right: -20px; /*親ボックスからのはみ出しぶんをずらしとく*/
}
#sgu_top #group1 .inner .sec02 ul li {
	width: 440px;
	float: left;
	margin-right: 20px;
	margin-bottom:20px;
}
#sgu_top #group1 .inner .sec02 ul li figure{
	float:left;
}
#sgu_top #group1 .inner .sec02 ul li figure img{
	height: auto;
	width:210px;
}
#sgu_top #group1 .inner .sec02 ul li .rightWrap{
	padding:20px;
	background:#fff;
	width:190px;
	float:left;
	min-height:178px;
}
#sgu_top #group1 .inner .sec02 ul li .rightWrap .title{
	text-align:center;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:8px;
}
#sgu_top #group1 .inner .sec02 ul li .rightWrap .txt_s{
	font-size:85%;
}

#sgu_top #group1 .inner .sec02 ul li .rightWrap .scroll-pane{
	height: 130px;
    overflow: auto;
}


#en #sgu_top #group1 .inner .sec02 ul li .rightWrap .scroll-pane{
	height: 110px;
    overflow: auto;
}
#en #sgu_top #group1 .inner .sec02 ul li .rightWrap .scroll-pane.txt01{
	height: 130px;
}





/* sec03 */
#sgu_top #group1 .inner .sec03{
}

#sgu_top #group1 .inner .sec03 .contentBox{
	padding:30px 30px 20px;
	background:#FFF;
}

/* ％ */
#sgu_top #group1 .inner .sec03 .percentWrap {
	width: 840px; /*親ボックスの幅*/
	overflow: hidden;
	margin-bottom:30px;
}
#sgu_top #group1 .inner .sec03 .percentWrap ul {
	width: 870px; /*右マージン含む子ボックス合計幅*/
	margin-right: -20px; /*親ボックスからのはみ出しぶんをずらしとく*/
}
#sgu_top #group1 .inner .sec03 .percentWrap ul li {
	width: 405px;
	float: left;
	margin-right: 30px;
	margin-bottom:10px;
	border-bottom:1px solid #bdbdbd;
	position:relative;
}
#sgu_top #group1 .inner .sec03 .percentWrap ul li .title{
	float:left;
	width:315px;
	font-size:108%;
	position:absolute;
	bottom:6px;
	left:0;
}
#sgu_top #group1 .inner .sec03 .percentWrap ul li .percent{
	width:100px;
	float:right;
	text-align:right;
	font-size:308%;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:1.1;
}
#en #sgu_top #group1 .inner .sec03 .percentWrap ul li .percent{
	margin-top:15px;
}
#sgu_top #group1 .inner .sec03 .percentWrap ul li .percent span{
	font-size:14px;
	margin-left:5px;
}



/* アコーディオン
-------------------------*/

#sgu_top #group1 .inner .sec03 .acMenu{
	margin-bottom:10px;
}
#sgu_top #group1 .inner .sec03 .acMenu dt{
    display:block;
    cursor:pointer;
	padding:10px 14px;
	color:#fff;
	background-image:url(../img/sgu/downArrow.png) ;
	background-repeat:no-repeat;
	background-position:98% center;
	background-size:16px auto;
	font-weight:bold;
	font-size:124%;
	background-color:#478dd4;

}

#sgu_top #group1 .inner .sec03 .acMenu dt.active{
	background-image:url(../img/sgu/upArrow.png) ;
}




#sgu_top #group1 .inner .sec03 .acMenu dd{
    display:none;
}
#sgu_top #group1 .inner .sec03 .acMenu dd .acInner{
	padding: 35px;
	border-right:1px solid #478dd4;
	border-left:1px solid #478dd4;
}
#sgu_top #group1 .inner .sec03 .acMenu dd .close{
	padding: 14px 0;
	background:#e7e7e7;
	text-align:center;
	font-size:93%;
	font-weight:bold;
    cursor:pointer;
	border-right:1px solid #478dd4;
	border-left:1px solid #478dd4;
	border-bottom:1px solid #478dd4;
}
#sgu_top #group1 .inner .sec03 .acMenu dd .close img{
	margin-right:5px;
	margin-top:2px;
	height:11px;
	width:auto;
}

/* さらなる高みを目指して */
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner{
	padding: 55px 95px;
}
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner .title{
	font-size:108%;
	text-align:center;
	margin-bottom:30px;
	font-weight:bold;
}
#en #sgu_top #group1 .inner .sec03 .ac01 dd .acInner .title{
	margin:0 auto 30px;
	width:280px;
}
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner .content01{
	margin-bottom:50px;
}
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner .content02{
	margin-bottom:50px;
}
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner .content03 .txt_m{
	text-align:center;
	margin-bottom:10px;
}
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner .content03{
	background:url(../img/sgu/top/figure07_bg.gif) center 100px no-repeat;
}

#sgu_top #group1 .inner .sec03 .ac01 dd .acInner .figure01 img{
	width:auto;
	height:314px;
}
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner .figure02 img{
	width:auto;
	height:314px;
}
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner .figure03 img{
	width:auto;
	height:346px;
}
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner .figure04 img{
	width:auto;
	height:346px;
}
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner .figure05 img{
	width:auto;
	height:268px;
}
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner .figure06 img{
	width:auto;
	height:268px;
}


#en #sgu_top #group1 .inner .sec03 .ac01 dd .acInner .figure05 img{
	width:280px;
	height: auto;
}
#en #sgu_top #group1 .inner .sec03 .ac01 dd .acInner .figure06 img{
	width:280px;
	height:auto;
}
#en #sgu_top #group1 .inner .sec03 .ac01 dd .acInner .content03{
	background:url(../img/sgu/top/figure07_bg.gif) center 320px no-repeat;
}





/* 成果目標と達成目標 */

#sgu_top #group1 .inner .sec03 .ac02 dd .acInner .title{
	font-size:108%;
	margin-bottom:10px;
	font-weight:bold;
}
#sgu_top #group1 .inner .sec03 .ac02 dd .acInner .content01{
	margin-bottom:30px;
}
#sgu_top #group1 .inner .sec03 .ac02 dd .acInner .content02{
	margin-bottom:30px;
}

/* テーブル5カラム */
table.column5 {
	width: 100%;
	text-align: left;
	border: solid 1px #cdcdcc;
	font-size:93%;
}
table.column5 th {
	border: solid 1px #cdcdcc;
	background-color: #c7ddf5;
	padding: 10px;
	text-align:center;
	vertical-align:middle;
}
table.column5 td {
	line-height: 1.6;
	border: solid 1px #cdcdcc;
	padding: 10px;
	text-align:center;
	vertical-align:middle;
}
table.column5 .lW{
	width:240px;
	text-align:left;
}


/* ショーケース
-------------------*/

#overlay{
	background:url(../img/sgu/over.png) repeat;
	padding: 80px 0 80px;
}

#sgu_top #group2 #showcase{
	width:900px;
	margin:0 auto;
	position:relative;
	min-height:740px;
}
#sgu_top #group2 ul li{
	position: relative;
	z-index: 20;
}
#sgu_top #group2 ul li .content{
	position: absolute;
	z-index: 20;
}
#sgu_top #group2 ul li .content .inner{
	position: relative;
}
#sgu_top #group2 ul li .content .inner p{
	position:absolute;
}
#sgu_top #group2 ul li .content .inner p.title{
	top:30px;
	left:30px;
	color:#4c4c4c;
	font-weight:bold;
	font-size:124%;
}
#en #sgu_top #group2 ul li .content .inner p.title{
	font-size:100%;
	top:20px;
	left:20px;
}
#sgu_top #group2 ul li .content .inner p.title2{
	bottom:20px;
	right:20px;
	color:#fff;
	font-weight:bold;
	padding:2px 8px;
	background-color:rgba(0,0,0,0.80);
	text-align:;
}
/* EN */
#en #sgu_top #group2 ul li .content .inner p.title2{
	left:20px;
	right: inherit;
}
#en #sgu_top #group2 ul li .content .inner p.title2{
	text-align: left;
}




#sgu_top #group2 ul li.message .content{
	top:0;
	left:0;
}
#sgu_top #group2 ul li.interview .content{
	top:0;
	right:0;
}
#sgu_top #group2 ul li.global .content{
	right:0;
	top:250px;
}
#sgu_top #group2 ul li.pnf .content{
	left:305px;
	top:500px;
}
#sgu_top #group2 ul li.book .content{
	left:0;
	top:500px;
}
#sgu_top #group2 ul li.earth .content{
	left:305px;
	top:250px;
	
}
}



/* small display
------------------------------*/
@media only screen and (max-width: 900px) {

/* group1
-------------------*/
#sgu_top #group1 .inner{
	padding:20px;
	position:relative;
	z-index:1;
}
#sgu_top #group1 .inner .contentTitle{
	color:#fff;
	font-size:139%;
	font-weight:bold;
	text-align:center;
	background:#203ea1;
	padding:8px 0;
	margin-bottom:15px;
}

/* sec01 */
#sgu_top #group1 .inner .sec01 .read{
	margin-bottom:30px; 
}
#en #sgu_top #group1 .inner .sec01 .secTitle{
	font-size:125%;
	text-align:center; 
}


/* sec02 */
#sgu_top #group1 .inner .sec02 {
}
#sgu_top #group1 .inner .sec02 ul {
}
#sgu_top #group1 .inner .sec02 ul li {
	margin-bottom:10px;
	background:#fff;
	padding:2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#sgu_top #group1 .inner .sec02 ul li figure{
	float:left;
	width:30%;
	margin-right:2%;
}
#sgu_top #group1 .inner .sec02 ul li figure img{
	width:100%;
	height:auto;
}
#sgu_top #group1 .inner .sec02 ul li .rightWrap{
	background:#fff;
	float:left;
	width:68%;
}
#sgu_top #group1 .inner .sec02 ul li .rightWrap .title{
	font-weight:bold;
	line-height:1.5;
	margin-bottom:8px;
	font-size:108%;
}
#sgu_top #group1 .inner .sec02 ul li .rightWrap .txt_s{
	font-size:100%;
	line-height:1.5;
}

#en #sgu_top #group1 .inner .sec02 ul li .rightWrap .scroll-pane{
	height: inherit;
    overflow: inherit;
}
#en #sgu_top #group1 .inner .sec02 ul li .rightWrap .scroll-pane.txt01{
	height: inherit;
}




/* sec03 */
#sgu_top #group1 .inner .sec03{
}

#sgu_top #group1 .inner .sec03 .contentBox{
	padding:15px 15px 5px;
	background:#FFF;
}

/* ％ */
#sgu_top #group1 .inner .sec03 .percentWrap {
	margin-bottom:15px;
}
#sgu_top #group1 .inner .sec03 .percentWrap ul {
}
#sgu_top #group1 .inner .sec03 .percentWrap ul li {
	margin-bottom:10px;
	border-bottom:1px solid #bdbdbd;
	position:relative;
}
#sgu_top #group1 .inner .sec03 .percentWrap ul li .title{
	font-size:93%;
}
#sgu_top #group1 .inner .sec03 .percentWrap ul li .percent{
	text-align:right;
	font-size:208%;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:1.1;
}
#sgu_top #group1 .inner .sec03 .percentWrap ul li .percent span{
	font-size:14px;
	margin-left:5px;
}



/* アコーディオン
-------------------------*/

#sgu_top #group1 .inner .sec03 .acMenu{
	margin-bottom:10px;
}
#sgu_top #group1 .inner .sec03 .acMenu dt{
    display:block;
    cursor:pointer;
	background:url(../img/sgu/downArrow.png) 96% center no-repeat #478dd4;
	background-size:16px auto;
	padding:11px 30px 11px 11px;
	color:#fff;
	font-weight:bold;
	font-size:108%;
}
#sgu_top #group1 .inner .sec03 .acMenu dt.active{
	background:url(../img/sgu/upArrow.png) 96% center no-repeat #478dd4;
	background-size:16px auto;
}
#sgu_top #group1 .inner .sec03 .acMenu dd{
    display:none;
}
#sgu_top #group1 .inner .sec03 .acMenu dd .acInner{
	padding: 15px;
	border-right:1px solid #478dd4;
	border-left:1px solid #478dd4;
}
#sgu_top #group1 .inner .sec03 .acMenu dd .close{
	padding: 7px 0;
	background:#e7e7e7;
	text-align:center;
	font-size:93%;
	font-weight:bold;
    cursor:pointer;
	border-right:1px solid #478dd4;
	border-left:1px solid #478dd4;
	border-bottom:1px solid #478dd4;
}
#sgu_top #group1 .inner .sec03 .acMenu dd .close img{
	margin-right:5px;
	margin-top:1px;
	height:11px;
	width:auto;
}

/* さらなる高みを目指して */
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner{
}
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner .left,
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner .right{
	float:none !important;
}
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner .title{
	font-size:108%;
	text-align:center;
	margin-bottom:15px;
	font-weight:bold;
}
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner figure{
	margin-bottom:20px;
	display:block;
	text-align:center;
}
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner figure img{
	width:100%;
	height: auto;
	max-width:320px;
}
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner .content01{
	margin-bottom:25px;
}
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner .content02{
	margin-bottom:25px;
}
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner .content03 .txt_m{
	text-align:center;
	margin-bottom:5px;
}
#sgu_top #group1 .inner .sec03 .ac01 dd .acInner .content03{
}

/* 成果目標と達成目標 */

#sgu_top #group1 .inner .sec03 .ac02 dd .acInner .title{
	font-size:108%;
	margin-bottom:5px;
	font-weight:bold;
}
#sgu_top #group1 .inner .sec03 .ac02 dd .acInner .content01{
	margin-bottom:15px;
}
#sgu_top #group1 .inner .sec03 .ac02 dd .acInner .content02{
	margin-bottom:15px;
}
#sgu_top #group1 .inner .sec03 .ac02 dd .acInner .content03{
}

/* テーブル5カラム */
table.column5 {
	width: 100%;
	text-align: left;
	border: solid 1px #cdcdcc;
	font-size:73%;
}
table.column5 th {
	border: solid 1px #cdcdcc;
	background-color: #c7ddf5;
	padding: 5px;
	text-align:center;
}
table.column5 td {
	line-height: 1.6;
	border: solid 1px #cdcdcc;
	padding: 5px;
	text-align:center;
}
table.column5 .lW{
	text-align:left;
}


/* ショーケース
-------------------*/

#overlay{
	background:url(../img/sgu/over.png) repeat;
	padding: 20px;
}


#sgu_top #group2 #showcase{
	margin:0 auto;
	position:relative;
}
#sgu_top #group2 ul li{
	position: relative;
	z-index: 20;
	top:inherit !important;
	left: inherit !important;
	opacity:1 !important;
}
#sgu_top #group2 ul li .content{
}
#sgu_top #group2 ul li .content .inner{
	position: relative;
}
#sgu_top #group2 ul li .content img{
	width:100%;
	height:auto;
}
#sgu_top #group2 ul li .content .inner p{
	position:absolute;
}
#sgu_top #group2 ul li .content .inner p.title{
	top:15px;
	left:15px;
	color:#4c4c4c;
	font-weight:bold;
	font-size:108%;
}
#en #sgu_top #group2 ul li .content .inner p.title{
	font-size:88%;
}
#sgu_top #group2 ul li .content .inner p.title2{
	bottom:5px;
	right:5px;
	color:#fff;
	font-weight:bold;
	padding:2px 8px;
	background-color:rgba(0,0,0,0.80);
	text-align:center;
	font-size:88%;
}
#en #sgu_top #group2 ul li .content .inner p.title2{
	text-align:left;
	bottom:5px;
	right: inherit;
	left:5px;
}
#sgu_top #group2 ul li.message{
	float:left;
	width:48.5%;
	margin-bottom:3%;
}
#sgu_top #group2 ul li.interview{
	margin-bottom:3%;
}
#sgu_top #group2 ul li.global{
	float:right;
	width:48.5%;
	margin-bottom:3%;
}
#sgu_top #group2 ul li.pnf{
	float:right;
	width:48.5%;
}
#sgu_top #group2 ul li.book{
	display:none;
}
#sgu_top #group2 ul li.earth{
	float:left;
	width:48.5%;
}


}


/* small display
------------------------------*/
@media only screen and (max-width: 400px) {

/* sec02 */
#sgu_top #group1 .inner .sec02 ul li {
	margin-bottom:10px;
	background:#fff;
	padding:3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#sgu_top #group1 .inner .sec02 ul li figure{
	float:none;
	width: inherit;
	margin-right:0;
	margin-bottom:10px;
}
#sgu_top #group1 .inner .sec02 ul li figure img{
	width:100%;
	height:auto;
}
#sgu_top #group1 .inner .sec02 ul li .rightWrap{
	background:#fff;
	float:none;
	width: inherit;
}
#sgu_top #group1 .inner .sec02 ul li .rightWrap .title{
	font-weight:bold;
	line-height:1.5;
	margin-bottom:6px;
	font-size:108%;
}
#sgu_top #group1 .inner .sec02 ul li .rightWrap .txt_s{
	font-size:100%;
	line-height:1.5;
}





}




/*
################################################################################################################

国際大学 学長 北岡伸一からのメッセージ
- message

################################################################################################################
*/
@media print, screen and (min-width: 900px) {

/* group1
-------------------*/
#message #group1 .inner{
	width:900px;
	margin:0 auto;
	padding:80px 0 80px;
	position:relative;
	z-index:1;
}
#message #group1 .inner .contentCopy{
	text-align:center;
	margin-bottom:60px;
	font-size:185%;
	line-height:1.5;
}
#en #message #group1 .inner .contentCopy{
	font-weight:bold;/* 追加 */
}



#message #group1 .inner .sec01 figure{
	float:left;
	margin-right:40px;
	margin-bottom:40px;
	margin-top:8px;
}
#en #message #group1 .inner .sec01 figure{
	margin-right:44px;
	margin-bottom:30px;
}
#message #group1 .inner .sec01 .txt{
	font-size:124%;
	line-height:1.8;
	margin-bottom:30px;
}
#en #message #group1 .inner .sec01 .txt{
	font-size:108%;
}


#message #group1 .inner .sec01 .sign{
	text-align:right;
}
#message #group1 .inner .sec01 .sign img{
	margin-bottom:8px;
	width:207px;
	height:auto;
}
#message #group1 .inner .sec01 .sign .name{
	font-size:124%;
}
#en #message #group1 .inner .sec01 .sign .name{
	font-size:108%;
}


}

/* small display
------------------------------*/
@media only screen and (max-width: 900px) {
	
/* group1
-------------------*/
#message #group1 .inner{
	padding:40px 20px 100px;
	position:relative;
	z-index:1;
}
#message #group1 .inner .contentCopy{
	text-align:center;
	margin-bottom:30px;
	font-size:139%;
	line-height:1.5;
}
#en #message #group1 .inner .contentCopy{
	font-weight:bold;
}
#message #group1 .inner .sec01 figure{
	text-align:center;
	margin-bottom:30px;
}
#message #group1 .inner .sec01 .txt{
	font-size:124%;
	line-height:1.8;
	margin-bottom:30px;
}
#message #group1 .inner .sec01 .sign{
	text-align:right;
}
#message #group1 .inner .sec01 .sign img{
	margin-bottom:5px;
	width:207px;
	height:auto;
}
#message #group1 .inner .sec01 .sign .name{
	font-size:124%;
}
#en #message #group1 .inner .sec01 .sign .name{
	font-size:108%;
}

}




/*
################################################################################################################

アクセス・お問い合わせ
- info

################################################################################################################
*/
@media print, screen and (min-width: 900px) {
/* group1
-------------------*/
#info #group1 .inner{
	width:900px;
	margin:0 auto;
	padding:80px 0 80px;
	position:relative;
	z-index:1;
}
#info .secCommon{
	margin-bottom:30px;
}
#info .secCommon h5 {
	font-weight:bold;
	margin-bottom:8px;
	font-size:108%;
}
#info p.txt{
	font-size:116%;
}
/* sec01 */
#info .sec01 p.txt{
	margin-bottom:25px;
}
/* googlemap */
#info .sec01 #gMap {
	height: 320px;
	margin-bottom:10px;
}
#info .sec01  .more {
	text-align:right;
	font-size:93%;
}
#info .sec01  .more a{
	color: #4c4c4c;
}
#info .sec01  .more a:hover{
	text-decoration:none;
}
/* sec04 */
#info .sec04{
	margin-bottom:0px;
}
}



/* small display
------------------------------*/
@media only screen and (max-width: 900px) {
/* group1
-------------------*/
#info #group1 .inner{
	padding:40px 20px 100px;
	position:relative;
	z-index:1;
}

#info .secCommon{
	margin-bottom:15px;
}
#info .secCommon h5 {
	font-weight:bold;
	margin-bottom:4px;
	font-size:108%;
}
/* sec01 */
#info .sec01 p.txt{
	margin-bottom:25px;
}
/* googlemap */
#info .sec01 #gMap {
	height: 200px;
	margin-bottom:10px;
}
#info .sec01  .more {
	text-align:right;
	font-size:93%;
}
#info .sec01  .more a{
	color: #4c4c4c;
}
#info .sec01  .more a:hover{
	text-decoration:none;
}
/* sec04 */
#info .sec04{
	margin-bottom:0px;
}
}



/*
################################################################################################################

グローバル人材とは？
- global

################################################################################################################
*/
@media print, screen and (min-width: 900px) {

/* group1
-------------------*/


#global #group1 .inner{
	width:900px;
	margin:0 auto;
	padding:80px 0;
	position:relative;
	z-index:1;
}



#global #group1 .inner .read{
	text-align: center;
	font-size:124%;
	line-height:2;
	margin-bottom:50px;
}
#global #group1 .inner .box{
	width:880px;
	margin:0 auto;
}
#global #group1 .inner .secCommon{
	margin-bottom:30px;
	padding:10px;
	background:#fff;
	width:405px;
}
#global #group1 .inner .sec01{
	float:left;
}
#global #group1 .inner .sec02{
	float:right;
}
#global #group1 .inner .sec03{
	float:left;
}
#global #group1 .inner .sec04{
	float:right;
}
#global #group1 .inner .secCommon .number{
	background:#060;
	padding:0px 8px;
	font-size:231%;
    font-family: "Roboto Condensed";
	color:#fff;
	line-height:1.3;
	margin-bottom:17px;
}
#global #group1 .inner .sec01 .number{
	background:#65bbdf;
}
#global #group1 .inner .sec02 .number{
	background:#0dc0ab;
}
#global #group1 .inner .sec03 .number{
	background:#e7be59;
}
#global #group1 .inner .sec04 .number{
	background:#e2874c;
}
#global #group1 .inner .secCommon .txt{
	text-align:center;
	font-size:124%;
	line-height:1.6;
	font-weight:bold;
	margin-bottom:10px;
}




}



/* small display
------------------------------*/
@media only screen and (max-width: 900px) {
/* group1
-------------------*/
#global #group1 .inner{
	padding:40px 20px 100px;
	position:relative;
	z-index:1;
}


#global #group1 .inner .read{
	font-size:124%;
	line-height:1.8;
	margin-bottom:25px;
}
#global #group1 .inner .secCommon{
	margin-bottom:15px;
	padding:10px;
	background:#fff;
}
#global #group1 .inner .secCommon .number{
	background:#060;
	padding:0px 8px;
	font-size:231%;
	font-family: 'Roboto Condensed', sans-serif;
	color:#fff;
	line-height:1.3;
	margin-bottom:17px;
}
#global #group1 .inner .sec01 .number{
	background:#65bbdf;
}
#global #group1 .inner .sec02 .number{
	background:#0dc0ab;
}
#global #group1 .inner .sec03 .number{
	background:#e7be59;
}
#global #group1 .inner .sec04 .number{
	background:#e2874c;
}
#global #group1 .inner .secCommon .txt{
	font-size:124%;
	line-height:1.6;
	font-weight:bold;
	margin-bottom:10px;
}
}



/*
################################################################################################################

国際大学の特徴
- about

################################################################################################################
*/
@media print, screen and (min-width: 900px) {

/* group1
-------------------*/

#about #group1 .inner{
	width:900px;
	margin:0 auto;
	padding:80px 0 80px;
	position:relative;
	z-index:1;
}
#about #group1 .inner .read{
	text-align: center;
	font-size:124%;
	line-height:2;
	margin-bottom:50px;
}



#about #group1 .inner figure{
	text-align:center;
	margin-bottom:75px;
}
#about #group1 .inner .box{
	width:740px;
	margin:0 auto;
}
#about #group1 .inner .box .secCommon{
	width:360px;
	margin-bottom:20px;
	background:#fff;
}

#about #group1 .inner .box .secCommon table th{
	padding:20px;
	font-size:231%;
	font-family: 'Roboto Condensed', sans-serif;
	color:#fff;
	line-height:1;
}
#about #group1 .inner .box .secCommon table td{
	padding:20px;
	vertical-align:top;
	line-height:1.5;
}
#about #group1 .inner .box .secCommon table td .title{
	font-size:124%;
	font-weight:bold;
	margin-bottom:10px;
}
#about #group1 .inner .box .secCommon table td ul li{
	padding-left: 1.0em;
	text-indent: -1.0em;
	line-height:1.7;
}
#about #group1 .inner .box .sec01 table th,
#about #group1 .inner .box .sec02 table th,
#about #group1 .inner .box .sec06 table th{
	background:#64bbde;
}
#about #group1 .inner .box .sec03 table th,
#about #group1 .inner .box .sec05 table th{
	background:#0ec1ac;
}
#about #group1 .inner .box .sec04 table th{
	background:#f5c960;
}
#about #group1 .inner .box .sec01{
	float:left;
}
#about #group1 .inner .box .sec02{
	float:right;
}
#about #group1 .inner .box .sec03{
	float:left;
	clear:left;
}
#about #group1 .inner .box .sec04{
	float:right;
}
#about #group1 .inner .box .sec05{
	float:left;
	clear:left;
}
#about #group1 .inner .box .sec06{
	float:right;
}


}



/* small display
------------------------------*/
@media only screen and (max-width: 900px) {
/* group1
-------------------*/
#about #group1 .inner{
	padding:40px 20px 100px;
	position:relative;
	z-index:1;
}
#about #group1 .inner .read{
	font-size:124%;
	line-height:1.8;
	margin-bottom:25px;
}


#about #group1 .inner figure{
	text-align:center;
	margin-bottom:30px;
}
#about #group1 .inner figure img{
	width:100%;
	height:auto;
	max-width:522px;
}
#about #group1 .inner .box{
}
#about #group1 .inner .box .secCommon{
	margin-bottom:10px;
	background:#fff;
}
#about #group1 .inner .box .secCommon table th{
	padding:10px;
	font-size:231%;
	font-family: 'Roboto Condensed', sans-serif;
	color:#fff;
	line-height:1;
}
#about #group1 .inner .box .secCommon table td{
	padding:10px;
	vertical-align:top;
	line-height:1.5;
}
#about #group1 .inner .box .secCommon table td .title{
	font-size:124%;
	font-weight:bold;
	margin-bottom:10px;
}
#about #group1 .inner .box .secCommon table td ul li{
	padding-left: 1.0em;
	text-indent: -1.0em;
	line-height:1.7;
}
#about #group1 .inner .box .sec01 table th,
#about #group1 .inner .box .sec02 table th,
#about #group1 .inner .box .sec06 table th{
	background:#64bbde;
}
#about #group1 .inner .box .sec03 table th,
#about #group1 .inner .box .sec05 table th{
	background:#0ec1ac;
}
#about #group1 .inner .box .sec04 table th{
	background:#f5c960;
}

}


/*
################################################################################################################

世界との関わり
- relation

################################################################################################################
*/
@media print, screen and (min-width: 900px) {


/* 共通 */
#relation .inner{
	width:900px;
	margin:0 auto;
	padding:80px 0 80px;
	position:relative;
	z-index:1;
}
#relation .inner .read{
	text-align: center;
	font-size:124%;
	line-height:2;
	margin-bottom:50px;
}
#relation .inner .box{
	width:740px;
	margin:0 auto;
}
#relation .inner .box .secCommon .secTitle{
	font-weight:bold;
	font-size:139%;
	color:#203ea1;
	margin-bottom:30px;
}
#relation .inner .box .secCommon dl{
	border-bottom:1px dotted #b8b8b8;
	font-size:108%;
	line-height:1.6;
	padding:15px 0;
}
#relation .inner .box .secCommon dl.first{
	border-top:1px dotted #b8b8b8;
	border-bottom:1px dotted #b8b8b8;
}
#relation .inner .box .secCommon dl dt{
	font-weight:bold;
	float:left;
	width:126px;
}
#en #relation .inner .box .secCommon dl dt{
	padding-right:10px;
}
#relation .inner .box .secCommon dl dd{
	float:right;
	width:610px;
}
#en #relation .inner .box .secCommon dl dd{
	width:600px;
}

	.read_1 {
		text-align: left !important;
		font-size:124%;
		line-height:2;
		margin-bottom:50px;
	}

/* 海外協定校及び学生交流実績 */
#relation .inner .box .sec01{
	margin-bottom:80px;
}

.cover {
	font-size: 1.2rem;
	font-weight: bold;
	padding-bottom: 30px;
	padding-top: 40px;
}

.cover_1 {
	font-size: 1.3rem;
	font-weight: bold;
	padding-bottom: 30px;
	padding-top: 40px;
}
	
.txt_left {
	text-align: left;
	}	


/* グローバル人材パートナーシップ覚書締結企業 */
#relation .inner .box .sec02{
	margin-bottom:80px;
}
#relation .inner .box .sec02 .secTitle span{
	font-size:77%;
	margin-left:10px;
}
#relation .inner .box .sec02 ul.partners01{
	width:370px;
	float:left;
	margin-bottom:10px;
}
#relation .inner .box .sec02 ul.partners02{
	width:370px;
	float:right;
}
#relation .inner .box .sec02 ul li{
	line-height:1.6;
	font-size:108%;
	margin-bottom:5px;
}
#relation .inner .box .sec02 ul li a{
	color:#4c4c4c;
}
#relation .inner .box .sec02 .notice{
	display:block;
	float:left;
}
#relation .inner .box .sec02 .time{
	display:block;
	float:right;
}


/* 国際大学のあゆみ */
#relation .inner .box .sec03 .desc{
	font-size:124%;
	margin-bottom:15px;
	line-height:1.6;
}
#relation .inner .box .sec03 dl dt{
	width:86px;
}
#en #relation .inner .box .sec03 dl dt{
	width:110px;
}
#relation .inner .box .sec03 dl dd{
	width:650px;
}
#en #relation .inner .box .sec03 dl dd{
	width:610px;
}
#relation .inner .box .sec03 dl{
	border-bottom:none;
	border-top:1px dotted #b8b8b8;
}
#relation .inner .box .sec03 .group01{
	margin-bottom:80px;
}
#relation .inner .box .sec03 .group02{
	margin-bottom:80px;
}


}



/* small display
------------------------------*/
@media only screen and (max-width: 900px) {

#relation .inner{
	padding:40px 20px 100px;
	position:relative;
	z-index:1;
}
#relation .inner .read{
	font-size:124%;
	line-height:1.8;
	margin-bottom:25px;
}


#relation .inner .box .secCommon .secTitle{
	font-weight:bold;
	font-size:139%;
	color:#203ea1;
	margin-bottom:15px;
}
#relation .inner .box .secCommon dl{
	border-bottom:1px dotted #b8b8b8;
	font-size:108%;
	line-height:1.6;
	padding:15px 0;
}
#relation .inner .box .secCommon dl.first{
	border-top:1px dotted #b8b8b8;
	border-bottom:1px dotted #b8b8b8;
}
#relation .inner .box .secCommon dl dt{
	font-weight:bold;
	margin-bottom:5px;
}
#relation .inner .box .secCommon dl dd{
}

/* 海外協定校及び学生交流実績 */
#relation .inner .box .sec01{
	margin-bottom:40px;
}


/* グローバル人材パートナーシップ覚書締結企業 */
#relation .inner .box .sec02{
	margin-bottom:40px;
}
#relation .inner .box .sec02 .secTitle span{
	font-size:77%;
	margin-left:10px;
}
#relation .inner .box .sec02 ul.partners01{
}
#relation .inner .box .sec02 ul.partners02{
}
#relation .inner .box .sec02 ul li{
	line-height:1.6;
	font-size:108%;
	margin-bottom:5px;
}
#relation .inner .box .sec02 ul li a{
	color:#4c4c4c;
}
#relation .inner .box .sec02 .notice{
	display:block;
	float:left;
}
#relation .inner .box .sec02 .time{
	display:block;
	float:right;
}


/* 国際大学のあゆみ */
#relation .inner .box .sec03 .desc{
	font-size:124%;
	margin-bottom:15px;
	line-height:1.6;
}
#relation .inner .box .sec03 dl dt{
}
#relation .inner .box .sec03 dl dd{
}
#relation .inner .box .sec03 dl{
	border-bottom:none;
	border-top:1px dotted #b8b8b8;
}
#relation .inner .box .sec03 .group01{
	margin-bottom:30px;
}
#relation .inner .box .sec03 .group02{
	margin-bottom:30px;
}





}




/*
################################################################################################################

学生インタビュー
- interview

################################################################################################################
*/
/* 基本学生インタビュー詳細と同じCSS使用（インタビューナビ） */

@media print, screen and (min-width: 900px) {


/* 共通 */
#interview .inner{
	width:900px;
	margin:0 auto;
	padding:80px 0 80px;
	position:relative;
	z-index:1;
}
#interview .inner .contentTitle {
    margin-bottom: 80px;
}
#interview .inner .secCommon .read{
	margin-bottom:25px;
	font-size:108%;
}
#en #interview .inner .secCommon .read{
	line-height:1.4;
}
}
/* small display
------------------------------*/
@media only screen and (max-width: 900px) {

#interview .inner{
	padding:40px 20px 40px;
	position:relative;
	z-index:1;
}
#interview .inner .secCommon .read{
	margin-bottom:20px;
}
}






/*
################################################################################################################

学生インタビュー 詳細
- interview_detail

################################################################################################################
*/
@media print, screen and (min-width: 900px) {


/* 共通 */
#interview_detail .inner{
	width:900px;
	margin:0 auto;
	padding:80px 0 80px;
	position:relative;
	z-index:1;
}



#interview_detail .inner .interviewWrap{
	margin-bottom:70px;
}
#interview_detail .inner .interviewWrap .mainPht{
	text-align:center;
	margin-bottom:30px;
}
#interview_detail .inner .interviewWrap .copy{
	font-size:170%;
	font-weight:bold;
	text-align:center;
	margin-bottom:35px;
}
#en #interview_detail .inner .interviewWrap .copy{
	line-height:1.8;
}

#interview_detail .inner .interviewWrap .tag{
	padding:4px 6px;
	font-size:108%;
	font-weight:bold;
	text-align:center;
	color:#fff;
	width:65px;/* 60px */
	margin:0 auto 14px;
}
#interview_detail .inner .interviewWrap .student{
	background:#203ea1;
}
#interview_detail .inner .interviewWrap .end{
	background:#71a2ec;
}

#interview_detail .inner .interviewWrap .name{
	text-align:center;
	font-size:139%;
	margin-bottom:10px;
	font-weight:bold;
}
#interview_detail .inner .interviewWrap .txt_m{
	text-align:center;
	line-height:1.5;
	margin-bottom:40px;
}
#interview_detail .inner .interviewWrap .mainTxt{
	line-height:2;
	font-size:124%;
	width:700px;
	margin:0 auto;
	text-align: justify;
	text-justify: inter-ideograph;
}

#en #interview_detail .inner .interviewWrap .mainTxt{
	line-height:1.8;
	font-size:116%;
	width:700px;
	margin:0 auto;
	text-align: justify;
	text-justify: inter-ideograph;
}


/* インタビューナビ */

.interviewNav{
	width:880px;
	margin:0 auto;
}
.interviewNav .secCommon{
	width:420px;
	overflow: hidden;
}
.interviewNav .secCommon .secTitle{
	color:#203ea1;
	font-weight:bold;
	font-size:139%;
	margin-bottom:5px;
}
#en .interviewNav .secCommon .secTitle{
	line-height:1.5;
	margin-bottom:10px;
	font-size:154%;
}


.interviewNav .secCommon .sub{
	font-size:124%;
	font-weight:bold;
	margin-bottom:10px;
}
.interviewNav .secCommon ul {
	width: 440px; /*右マージン含む子ボックス合計幅*/
	margin-right: -20px; /*親ボックスからのはみ出しぶんをずらしとく*/
}
.interviewNav .secCommon ul li {
	width: 200px;
	float: left;
	margin-right: 20px;
	background:#fff;
}
.interviewNav .secCommon ul li figure{
	position:relative;
}
.interviewNav .secCommon ul li img{
	width: 200px;
	height:auto;
}
.interviewNav .secCommon ul li .tag{
	position:absolute;
	top:10px;
	left:10px;
	padding:4px 6px;
	font-size:108%;
	font-weight:bold;
}
.interviewNav .secCommon ul li a .tag{
	color:#fff;
}
.interviewNav .secCommon ul li .student{
	background:#203ea1;
}
.interviewNav .secCommon ul li .end{
	background:#71a2ec;
}
.interviewNav .secCommon ul li .box{
	padding:12px 13px;
}

#en .interviewNav .secCommon ul li .box .txt_s{
	line-height:1.4;
}

.interviewNav .secCommon ul li a{
	color:#4c4c4c;
	text-decoration:none;
}
.interviewNav .secCommon ul li a .box .name{
	font-weight:bold;
	margin-bottom:8px;
	font-size:108%;
}
.interviewNav .sec01{
	float:left;
}
.interviewNav .sec02{
	float:right;
}

}



/* small display
------------------------------*/
@media only screen and (max-width: 900px) {

/* 共通 */
#interview_detail .inner{
	padding:40px 20px 40px;
	position:relative;
	z-index:1;
}


#interview_detail .inner .interviewWrap{
	margin-bottom:40px;
}
#interview_detail .inner .interviewWrap .mainPht{
	text-align:center;
	margin-bottom:20px;
}
#interview_detail .inner .interviewWrap .mainPht img{
	width:100%;
	height:auto;
}
#interview_detail .inner .interviewWrap .copy{
	font-size:124%;
	font-weight:bold;
	text-align:center;
	margin-bottom:15px;
}
#interview_detail .inner .interviewWrap .tag{
	padding:4px 6px;
	font-size:108%;
	font-weight:bold;
	text-align:center;
	color:#fff;
	width:65px;
	margin:0 auto 10px;
}
#interview_detail .inner .interviewWrap .student{
	background:#203ea1;
}
#interview_detail .inner .interviewWrap .end{
	background:#71a2ec;
}
#interview_detail .inner .interviewWrap .name{
	text-align:center;
	font-size:116%;
	margin-bottom:7px;
	font-weight:bold;
}
#interview_detail .inner .interviewWrap .txt_m{
	text-align:center;
	line-height:1.5;
	margin-bottom:20px;
}
#interview_detail .inner .interviewWrap .mainTxt{
	line-height:1.6;
	font-size:124%;
}
#en #interview_detail .inner .interviewWrap .mainTxt{
	line-height:1.6;
	font-size:116%;
}



/* インタビューナビ */
.interviewNav .secCommon .secTitle{
	color:#203ea1;
	font-weight:bold;
	font-size:124%;
	margin-bottom:5px;
}
.interviewNav .secCommon .sub{
	font-size:116%;
	font-weight:bold;
	margin-bottom:10px;
}
.interviewNav .secCommon .read{
	margin-bottom:20px;
}
.interviewNav .secCommon{
	width:460px;
	overflow: hidden;
	margin:0 auto;
}
.interviewNav .secCommon ul {
	width: 480px; /*右マージン含む子ボックス合計幅*/
	margin-right: -20px; /*親ボックスからのはみ出しぶんをずらしとく*/
}
.interviewNav .secCommon ul li {
	width: 220px;
	margin:0 20px 20px 0;
	float:left;
	background:#fff;
}
.interviewNav .secCommon ul li figure{
	position:relative;
}
.interviewNav .secCommon ul li img{
	width: 100%;
	height:auto;
}
.interviewNav .secCommon ul li .tag{
	position:absolute;
	top:0px;
	left:0px;
	padding:4px 6px 3px;
	font-size:93%;
	font-weight:bold;
}
.interviewNav .secCommon ul li a .tag{
	color:#fff;
}
.interviewNav .secCommon ul li .student{
	background:#203ea1;
}
.interviewNav .secCommon ul li .end{
	background:#71a2ec;
}
.interviewNav .secCommon ul li .box{
	padding:12px 13px;
}
.interviewNav .secCommon ul li .box .txt_s{
	font-size:85%;
}
.interviewNav .secCommon ul li a{
	color:#4c4c4c;
	text-decoration:none;
}
.interviewNav .secCommon ul li a .box .name{
	font-weight:bold;
	margin-bottom:8px;
	font-size:108%;
}
.interviewNav .sec01{
	margin-bottom:20px;
}
.interviewNav .sec02{
}


}
/* small display
------------------------------*/
@media only screen and (max-width: 500px) {
.interviewNav .secCommon{
	width: inherit;
	overflow: hidden;
}
.interviewNav .secCommon ul {
	width: inherit;
	margin:0 -3% 0 0;
}
.interviewNav .secCommon ul li {
	margin:0 3% 3% 0;
	float:left;
	width:47%;
}
.interviewNav .secCommon ul li img{
}
}



/*
################################################################################################################

報告書
- reports

################################################################################################################
*/
@media print, screen and (min-width: 900px) {
#reports .inner .contentTitle{
	margin-bottom:40px;
}


/* 共通 */
#reports .inner{
	width:900px;
	margin:0 auto;
	padding:80px 0 80px;
	position:relative;
	z-index:1;
}
#reports .inner .box{
	width:740px;
	margin:0 auto 80px;
}
#reports .inner .box .secCommon{
	padding:30px 0 30px;
	border-bottom:1px dotted #b8b8b8;
}
#reports .inner .box .secCommon figure{
	float:left;
}
#reports .inner .box .secCommon figure img{
	border: 1px solid #b8b8b8;
}
#reports .inner .box .secCommon .txtWrap{
	float:right;
	width:600px;
}
#reports .inner .box .secCommon .data{
	margin-bottom:10px;
}
#reports .inner .box .secCommon .secTitle{
	margin-bottom:20px;
	font-weight:normal;
}
#reports .inner .box .secCommon .secTitle h5{
	font-weight:bold;
	font-size:100%;
	line-height:1.5;
	margin-bottom:3px;
}
#reports .inner .subTitle{
	font-size:93%;
}
#reports .inner .pdf img{
	padding-top:0px;
	padding-right:5px;
}

/* 筑波大学「スーパーグローバル大学創成支援」採択事業キックオフシンポジウム 大学の＜グローバルプレゼンス＞を考えるポスター */
#reports .inner .box .sec01{
	border-top:1px dotted #b8b8b8;
}



}



/* small display
------------------------------*/
@media only screen and (max-width: 900px) {

#reports .inner{
	padding:40px 20px 100px;
	position:relative;
	z-index:1;
}

#reports .inner .box{
	margin:0 auto 40px;
}
#reports .inner .box .secCommon{
	padding:16px 0 20px;
	border-bottom:1px dotted #b8b8b8;
}
#reports .inner .box .secCommon figure{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}
#reports .inner .box .secCommon figure img{
	border: 1px solid #b8b8b8;
	width:80px;
	height:auto;
}
#reports .inner .box .secCommon .txtWrap{
}
#reports .inner .box .secCommon .data{
	margin-bottom:10px;
}
#reports .inner .box .secCommon .secTitle{
	margin-bottom:10px;
	font-weight:normal;
}
#reports .inner .box .secCommon .secTitle h5{
	font-weight:bold;
	font-size:100%;
	line-height:1.5;
	margin-bottom:3px;
}
#reports .inner .subTitle{
	font-size:93%;
}
#reports .inner .pdf img{
	padding-top:0px;
	padding-right:5px;
}

/* 筑波大学「スーパーグローバル大学創成支援」採択事業キックオフシンポジウム 大学の＜グローバルプレゼンス＞を考えるポスター */
#reports .inner .box .sec01{
	border-top:1px dotted #b8b8b8;
}