@charset "UTF-8";
/**********************************/
/* pc */
/**********************************/
#global-header.typeMid01 header {
    background-image: url("/graduate/emba/img/emba-head-img.png");
}
#global-header.type02 header {
    background-image: url("/graduate/emba/img/emba-head-img-02.png");
}

/* TOP */

div.panf-fix {
  position: absolute;
  top: 650px;
  right: 420px;
}

div.panf-fix div.col_5 {
  width:180px!important;
}

div.panf-fix span.panf-title {
  font-size:10pt;
  color:#fff;
text-shadow: #000 2px 2px 5px;
}



div.mba-main-visual div.mba-main-headcolor {
 height:30px;
 background:#006271;
}
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;
}


/* message */

div.prof-img  {
 margin-top:50px;
}
div.prof-name  {
 margin-left:180px;
}
div.prof-name span {
 font-size:15pt;
}

/* whatyouget */

div.emba-timatable h4 {
 font-size:13pt;
 display: inline-block;
 border-bottom: solid 3px #666;
 padding-bottom: 5px;
}
div.emba-timatable p.atn {
 clear:both;
 font-size:10pt!important;
 margin-top:20px;
}


/* 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 #006271;
}
ol.mba-taitoku-list li.taitoku-02 {
 border-left:15px solid #00706c;
}
ol.mba-taitoku-list li.taitoku-03 {
 border-left:15px solid #00463d;
}
ol.mba-taitoku-list li.taitoku-04 {
 border-left:15px solid #003a57;
}
ol.mba-taitoku-list li.taitoku-05 {
 border-left:15px solid #004c69;
}


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;
}

/* curriculum */

div.mba-curri-box {
 border-bottom:1px solid #666;
 height:130px;
 width:100%;
 margin:10px 0 ;
}
div.mba-curri-box img {
 width:150px;
 height:130px;
 float:left;
}
div.mba-curri-box div.mba-curri-title {
  display: flex;
  height:130px;
}
div.mba-curri-box div.mba-curri-title h2 {
 font-size:18pt;
 font-weight:200;
 color:#000;
 margin-left:10px;
 width:100%;
}
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;
}
div.mba-curri-box div.mba-curri-title h2 div.sub-title {
 clear:both;
 font-size:11pt;
 line-height:16pt;
 color:#000;
 font-weight:200;
 margin-top:20px;
}
div.mba-curri-kamoku-img {
 text-align:center;
}
div.mba-curri-kamoku-img img {
 width:350px;
}
div.mba-curri-kamoku li,
div.mba-curri-kamoku table {
 font-size:11pt;
 line-height:16pt;
}
div.mba-curri-kamoku ul li {
 list-style-type:square;
}
div.mba-curri-kamoku table th,
div.mba-curri-kamoku table td {
 padding:5px ;
 border:1px solid #ccc;
}
div.mba-curri-kamoku table th {
 background:#eee;
}
div.mba-curri-kamoku p {
 margin-top:-30px;
}
div.mba-curri-kamoku h4 {
 font-size:15pt;
}
div.mba-curri-kamoku p.mba-curri-kamoku-name {
 margin-top:0px;
}

div.mba-curri-kamoku img {
 margin:10px;
 max-width:330px;
}
div.mba-curri-kamoku p.fs13.mT5 {
 margin-top:-40px!important;
 font-size:10pt!important;
}

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,
div.mba-application ul 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%;
}

 /* 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;
}
.mba-voice-box div.readmore {
 cursor:pointer!important;
 z-index:100;
}

.mba-voice-box .moreread {
 display:none;
 margin-top:0;
}
.mba-voice-box .moreread p {
 margin-top:0;
}


 /* 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;
}
h3.faq-title {
 font-size:13pt;
 text-align:left;
	color: #242b6d;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	margin-top: 40px;
	padding-bottom: 10px;

}

 /* student profile */

div.emba-profile-data h4.module-title05 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-top: 40px;
	padding-bottom: 7px;
	
}
div.emba-profile-data h4,
div.emba-profile-data p {
	margin:0 10px;
}
p.emba-profile-data-number {
 color:#001E62;
 font-size:65pt;
 font-weight:400;
 text-shadow:3px 1px 3px rgba(0,0,0,0.3);
 text-align:center;
}
p.emba-profile-data-number span {
 font-size:13pt;
}

 /* open-close */

.readmore {
 cursor:pointer!important;
 z-index:100;
}

.moreread {
 display:none;
 margin-top:0;
}


.moreread:target{
  /* #によるtargetが効いたときに表示*/
 display:block;
}

 /*アイコンの＋と×*/

.mba-curri-title.h2::before,
.mba-curri-title.h2::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
    
}
.mba-curri-title.h2::before{
    top:48%;
    left: 15px;
    transform: rotate(0deg);
    
}
.mba-curri-title.h2::after{    
    top:48%;
    left: 15px;
    transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.mba-curri-title.h2.close::before{
	transform: rotate(45deg);
}

.mba-curri-title.h2.close::after{
	transform: rotate(-45deg);
}

 /* curriculum visionaly topics*/

div.moreread #secFeatures h2.title {
 font-size:1.0em;
}
div.moreread #secFeatures div.secInner a {
 color:#000!important;
 font-weight:normal!important;
}
div.moreread #secFeatures h3.caption {
 font-size:0.9em;
}
p.red {
 color:#cc0000;
}
/**********************************/
/* tablet pc narrow */
/**********************************/

@media only screen and (min-width: 751px) and (max-width: 1800px) {

/* TOP */

div.panf-fix {
  position: static;
  margin: 0 auto 1rem;
}

div.panf-fix div.col_7 {
  text-align:right!important;
  margin-right:30px;
}

div.panf-fix div.col_5 {
  width:140px!important;
}

div.panf-fix span.panf-title {
  font-size:9pt;
  color:#000;
  text-shadow:none;
}

}



/**********************************/
/* sp */
/**********************************/
@media screen and (max-width: 750px) {
  .device-js-on #global-header.typeMid01 header {
    background-image: url("/graduate/emba/img/emba-head-img_sp.png");
  }
  .device-js-on #global-header.type02 header {
    background-image: url("/graduate/emba/img/emba-head-img-02_sp.png");
  }

/* TOP */

div.panf-fix {
  position: static;
  margin: 0 auto 1rem;
}
div.panf-fix span.panf-title {
  font-size:9pt;
  color:#000;
  text-shadow:none;
}

div.panf-fix div.col_5 {
  width:initial!important;
}

div.panf-fix div.col_5 {
  margin-top:20px;
}

/* curriculum */

div.mba-curri-box {
 height:100px;
}
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;
}
div.mba-curri-box div.mba-curri-title h2 div.sub-title {
 clear:both;
 font-size:10pt;
 line-height:12pt;
 margin-top:10px;
}
}
}


