@charset "UTF-8";
/**********************************/
/* pc */
/**********************************/



#global-header.type02 header {
    background-image: url("/graduate/img/pc-degree-head-img.png");
}
/* TOP */

div.panf-fix {
  position: absolute;
  top:550px;
  right:320px;
}
div.panf-fix span.panf-title {
  font-size:10pt;
}
div.mba-main-visual div.mba-main-headcolor {
 height:30px;
 background:#57BEC8;
}
div.mba-main-visual div.mba-main-box {
 max-height:180px;
 position: relative;
}
div.mba-main-visual div.mba-main-box::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 180px;
	background-image: linear-gradient(rgba(0,0,0,0) 60%,rgba(0,0,0,0.8) 100%);
}
div.mba-main-visual div.mba-main-box img {
 object-fit: cover;
 width: 100%;
 height:180px;
}
div.mba-main-visual div.mba-main-box p {
 position: absolute;
 bottom:5px;
 right:10px;
 font-size:14pt;
 font-weight:600;       
 text-align:left;
 color:#fff;
}
div.mba-main-visual div.mba-main-box p.mba-main-box-first {
 position: absolute;
 bottom:10px;
 left:10px;
 font-size:16pt;
 line-height:20pt;       
}
div.mba-top-lead {
 text-align:center;
 font-size:17pt;
 margin-top:50px;
 font-style:italic;
 color:#001E62;
}


/* outline */

div.frame.double {
 border:thick double #ccc;
 padding:0 5px;
}
div.frame.double h3.default {
 font-size:14pt;
}
img {
 border:1px solid #ccc;
 object-fit: cover;

}  
table.mba-table {
 font-size:11pt;
 width:90%;
 margin:20px auto;
}
table.mba-table th,
table.mba-table td {
 border:1px solid #ccc;
 padding:5px;
}
table.mba-table thead th {
 background:#001E62!important;
 color:#fff;
}
table.mba-table th {
 background:#eee;
}
div.gallery img {
 object-fit: cover;
 width:100%;
}
div#features {
 margin-bottom:50px;
}

/* what you get */

ol.mba-taitoku-list {
 font-size:11pt;
 line-height:20pt;
 list-style-type:none;
 margin:50px -40px;
 
}
ol.mba-taitoku-list li span {
 font-weight:600;
}
ol.mba-taitoku-list>li {
 margin:20px;
 padding-left:15px;
}
ol.mba-taitoku-list li.taitoku-01 {
 border-left:15px solid #57bec8;
}
ol.mba-taitoku-list li.taitoku-02 {
 border-left:15px solid #57bec8;
}
ol.mba-taitoku-list li.taitoku-03 {
 border-left:15px solid #006271;
}
ol.mba-taitoku-list li.taitoku-04 {
 border-left:15px solid #006271;
}
ol.mba-taitoku-list li.taitoku-05 {
 border-left:15px solid #223e70;
}
ol.mba-taitoku-list li.taitoku-06 {
 border-left:15px solid #223e70;
}

ol.mba-taitoku-list ul {
 list-style-type:disc;
}
ol.mba-taitoku-list ul li {
 margin-left:-10px;
}

div.detailLink {
 font-size:11pt;
 line-height:20pt;
}
span.listText {
 padding-left:5px;
}

div.mba-taitoku-img {
 margin:20px 0;
}

/* curriculum */

div.mba-curri-box {
 border-bottom:1px solid #666;
 height:100px;
 width:100%;
 margin:10px 0 ;
}
div.mba-curri-box img {
 width:150px;
 height:100px;
 float:left;
}
div.mba-curri-box div.mba-curri-title {
  display: flex;
  align-items: center;
  height:100px;
}
div.mba-curri-box div.mba-curri-title h2 {
 font-size:18pt;
 font-weight:200;
 color:#000;
 margin-left:10px;
}
div.mba-curri-box div.mba-curri-title h2 span {
 color:#fff;
 background:#57BEC8;
 border-radius:6px;
 border:1px solid #57BEC8;
 font-size:11pt;
 font-weight:300;
 padding:3px 5px;
 margin-right:5px;
}
div.mba-curri-box div.mba-curri-title h2 span.sentaku {
 color:#57BEC8;
 background:#fff;
 border:1px solid #57BEC8;
}

h4.mba-curri-kamoku-ichiran {
 margin-top:10px;
}
div.mba-curri-kamoku {
 margin-left:-20px;
}
div.mba-curri-kamoku li {
 font-size:1.4em;
 line-height:14pt;
 margin:15px;
 list-style-type:none;
}
div.mba-curri-kamoku li p {
 margin-top:-30px;
}
div.mba-dd-link li {
 font-size:11pt;
 line-height:18pt;
 list-style-type:none;
  margin-left:-30px;
  margin-bottom:10px;
}


/* application */

div.mba-application span.red {
 color:#cc0000;
}
div.mba-application table {
 width:100%;
 margin:10px 0
}
div.mba-application table td,
div.mba-application table th {
 border:1px solid #666;
 font-size:11pt;
 padding:7px;
}
div.mba-application table th {
 background:#eee;
}
div.mba-application ol li {
 font-size:11pt;
 line-height:14pt;
}
a.button {
 color:#fff!important;
}

/* career */

div.career-pic {
 margin-top:-20px;
}
div.career-pic h4 {
 font-size:14pt;
}
div.career-pic img {
 width:90%;
}

 /* profile */
div.student-profile-day img.banner {
 margin:20px 20px 0 0;
} 

 /* voice */
 
.mba-voice-box h3,
.mba-voice-box h4 {
 font-size:12pt;
}
.mba-voice-box h3 p {
 margin:0 0 -20pt ;
}
.mba-voice-box h4 {
 margin-bottom:-20pt;
}
.mda-voice-box .readmore {
 marbin-bottom:20px;
}



 /* faq */
 
dl {
 font-size:11pt;
 line-height:16pt;
}
dl.faq dt{
	color: #242b6d;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	margin-top: 40px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	margin-left: 90px;
}
dl.faq dd{
	padding-left: 90px;
}
dl.faq .number{
	font-size: 30px;
	line-height: 30px;
	float: left;
	width: 60px;
	display: block;
	color: #CCC;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	margin-left: -90px;
	text-align: center;
}
dl.faq .ico-q{
	font-size: 20px;
	line-height: 20px;
	width: 30px;
	display: block;
	float: left;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	margin-left: -30px;
}
dl.faq .ico-a{
	font-size: 20px;
	line-height: 20px;
	width: 30px;
	display: block;
	float: left;
	color: #FC0;
	margin-left: -30px;
	font-family: "Times New Roman", Times, serif;
}

 /* open-close */

.readmore {
 cursor:pointer!important;
 z-index:100;
}

.moreread {
 display:none;
 margin-top:0;
}

/**********************************/
/* tablet */
/**********************************/

@media only screen and (min-width: 751px) and (max-width: 1280px) {

/* TOP */

div.panf-fix {
  position: static;
  margin:0 auto;
}

}

/**********************************/
/* sp */
/**********************************/
@media screen and (max-width: 750px) {

  .device-js-on #global-header.type02 header {
    background-image: url("/graduate/img/sp-degree-head-img.png");
  }

/* TOP */

div.panf-fix {
  position: static;
  margin:0 auto;
}
div.panf-fix span.panf-title {
  font-size:9pt;
}


/* curriculum */

div.mba-curri-box {
 height:80px;
}
div.mba-curri-box img {
 width:80px;
 height:75px;
}
div.mba-curri-box div.mba-curri-title {
  height:90px;
}
div.mba-curri-box div.mba-curri-title h2 {
  font-size:12pt;
}
div.mba-curri-box div.mba-curri-title h2 span {
  font-size:11pt;
  padding:2px;
}
}