/*.section_01 .banner_top{height: 55% !important;}
.section_01 .banner_img{height: 45% !important;}*/

.pop_bg{background: #000000bd !important; }
.cclum_popup{background: #000 !important; color: #fff !important; border: 1px solid #ccc !important; /*max-width: 1480px !important; max-height: 700px !important;*/}
.cclum_popup .close::before,
.cclum_popup .close::after{border-bottom: 1px solid #fff !important;}

/*.cclum_popup table:nth-child(1){width: 500% !important;}
.cclum_popup table:last-child{width: 400% !important;}*/

.right_button .font-40 {line-height:45%}
.right_button .degree {margin-top:20px}
.cclum_popup table:nth-child(1) tr td{/*width: 20% !important;*/  word-break: break-all;}
.cclum_popup table:not(:first-child){margin-left: 15px !important; padding-left: 15px !important; border-left: 1px solid #fff !important;} 
.cclum_popup table tr th{color: #000; height: 35px;}
.cclum_popup table tr th.bold{font-size: 12px !important;}
.cclum_popup table tr th.bg_color{background: #f6ac3c !important; color: #fff !important;}
.cclum_popup table tr td{border-bottom: 1px solid #acacac !important; padding: 10px 5px !important; font-size: 13px !important;}
.cclum_popup table tr td .bd p{background: #242424; color: #ee3e42;}
/*.cclum_popup table tr td:not(:last-child){border-right: 1px solid #acacac !important;}*/
.cclum_popup table tr td.bdr{border-right: 1px solid #acacac !important;}

.cclum_popup table.full{width: 100% !important;}
.cclum_popup table.full tr td{width: auto !important; padding: 10px !important;}
.section_05 .pf_info .bottom_btn_link a:first-child {display:none !important;}
.beauty .section_05 .pf_list li p span{width:120px  !important}
.section_05 .pf_list li p span{width:200px  !important}

.right_button .degree {padding-bottom:45px}


.badge.field_01 {background:#ee3e42;}
.badge.field_02 {background:#ee3e42;}
.badge.field_03 {background:#ee3e42;}
.badge.field_04 {background:#ee3e42;}
.badge.field_05 {background:#ee3e42;}
.badge.field_06 {background:#ee3e42;}
.badge.field_07 {background:#ee3e42;}
.badge.field_08 {background:#ee3e42;}
.badge.field_09 {background:#ee3e42;}


.badge.field01_01 {background:#ee3e42;}
.badge.field01_02 {background:#ee3e42;}
.badge.field01_03 {background:#ee3e42;}
.badge.field01_04 {background:#ee3e42;}
.badge.field01_05 {background:#ee3e42;}
.badge.field01_06 {background:#ee3e42;}
.badge.field01_07 {background:#ee3e42;}
.badge.field01_08 {background:#ee3e42;}

.badge.field02_01 {background:#ee3e42;}
.badge.field02_02 {background:#ee3e42;}
.badge.field02_03 {background:#ee3e42;}
.badge.field02_04 {background:#ee3e42;}
.badge.field02_05 {background:#ee3e42;}
.badge.field02_06 {background:#ee3e42;}
.badge.field02_07 {background:#ee3e42;}
.badge.field02_08 {background:#ee3e42;}


.badge.field03_01 {background:#ee3e42;}
.badge.field04_01 {background:#ee3e42;}
.badge.field05_01 {background:#ee3e42;}

.curriculum_flex {display:flex; justify-content: space-between; align-items: flex-end;}
#curriculum_tab_color {display:flex; margin-bottom:30px}
#curriculum_tab_color a {border:1px solid #aaa; padding:5px 10px; margin-left:5px; display: inline-block;}
#curriculum_tab_color a.color_01_link:hover {background:#ee3e42; color:#fff !important; border:1px solid #ee3e42; }
#curriculum_tab_color a.color_02_link:hover {background:#fcb040; color:#fff !important; border:1px solid #fcb040; }
#curriculum_tab_color a.color_03_link:hover {background:#bf1264; color:#fff !important; border:1px solid #bf1264; }
#curriculum_tab_color a.color_04_link:hover {background:#45153b; color:#fff !important; border:1px solid #45153b; }

#curriculum_tab_color a.color_01_link.active {background:#ee3e42; color:#fff !important; border:1px solid #ee3e42; }
#curriculum_tab_color a.color_02_link.active {background:#fcb040; color:#fff !important; border:1px solid #fcb040; }
#curriculum_tab_color a.color_03_link.active {background:#bf1264; color:#fff !important; border:1px solid #bf1264; }
#curriculum_tab_color a.color_04_link.active {background:#45153b; color:#fff !important; border:1px solid #45153b;}

.badge.color_01 {background:#ee3e42;}
.badge.color_02 {background:#fcb040; }
.badge.color_03 {background:#bf1264;}
.badge.color_04 {background:#45153b;}

/* È帲 ó¸® ½Ã ȸ»ö */
.badge.dimmed {
  background: #a1a1a1 !important;
}



.roadmap .cell.cont.row{flex-direction: row  !important}

.dark-mode .badge.field_01 {background:#ee3e42;}
.dark-mode .badge.field_02 {background:#ee3e42;}
.dark-mode .badge.field_03 {background:#ee3e42;}
.dark-mode .badge.field_04 {background:#ee3e42;}
.dark-mode .badge.field_05 {background:#ee3e42;}
.dark-mode .badge.field_06 {background:#ee3e42;}
.dark-mode .badge.field_07 {background:#ee3e42;}
.dark-mode .badge.field_08 {background:#ee3e42;}
.dark-mode .badge.field_09 {background:#ee3e42;}

.dark-mode .badge.field01_01 {background:#ee3e42;}
.dark-mode .badge.field01_02 {background:#ee3e42;}
.dark-mode .badge.field01_03 {background:#ee3e42;}
.dark-mode .badge.field01_04 {background:#ee3e42;}
.dark-mode .badge.field01_05 {background:#ee3e42;}
.dark-mode .badge.field01_06 {background:#ee3e42;}
.dark-mode .badge.field01_07 {background:#ee3e42;}
.dark-mode .badge.field01_08 {background:#ee3e42;}

.dark-mode .badge.field02_01 {background:#ee3e42;}
.dark-mode .badge.field02_02 {background:#ee3e42;}
.dark-mode .badge.field02_03 {background:#ee3e42;}
.dark-mode .badge.field02_04 {background:#ee3e42;}
.dark-mode .badge.field02_05 {background:#ee3e42;}
.dark-mode .badge.field02_06 {background:#ee3e42;}
.dark-mode .badge.field02_07 {background:#ee3e42;}
.dark-mode .badge.field02_08 {background:#ee3e42;}


.dark-mode .badge.field03_01 {background:#ee3e42;}
.dark-mode .badge.field04_01 {background:#ee3e42;}
.dark-mode .badge.field05_01 {background:#ee3e42;}


.dark-mode #curriculum_tab_color a.color_01_link:hover {background:#ee3e42; color:#fff !important; border:1px solid #ee3e42; }
.dark-mode #curriculum_tab_color a.color_02_link:hover {background:#fcb040; color:#fff !important; border:1px solid #fcb040; }
.dark-mode #curriculum_tab_color a.color_03_link:hover {background:#bf1264; color:#fff !important; border:1px solid #bf1264; }
.dark-mode #curriculum_tab_color a.color_04_link:hover {background:#45153b; color:#fff !important; border:1px solid #45153b; }

.dark-mode #curriculum_tab_color a.color_01_link.active {background:#ee3e42; color:#fff !important; border:1px solid #ee3e42; }
.dark-mode #curriculum_tab_color a.color_02_link.active {background:#fcb040; color:#fff !important; border:1px solid #fcb040; }
.dark-mode #curriculum_tab_color a.color_03_link.active {background:#bf1264; color:#fff !important; border:1px solid #bf1264; }
.dark-mode #curriculum_tab_color a.color_04_link.active {background:#45153b; color:#fff !important; border:1px solid #45153b;}

.dark-mode .badge.color_01 {background:#ee3e42;}
.dark-mode .badge.color_02 {background:#fcb040; }
.dark-mode .badge.color_03 {background:#bf1264;}
.dark-mode .badge.color_04 {background:#45153b;}

/* È帲 ó¸® ½Ã ȸ»ö */
.dark-mode .badge.dimmed {
  background: #a1a1a1 !important;
}
.roadmap {
  display: grid;
  grid-template-columns: 70px repeat(2, 1fr) 120px 120px;
  grid-auto-rows: minmax(60px, auto);
  font-family: sans-serif;
}

.roadmap.roadmap_02 {
  display: grid;
  grid-template-columns: 70px 240px repeat(1, 1fr) 120px 120px;
  grid-auto-rows: minmax(60px, auto);
  font-family: sans-serif;
}

.roadmap.roadmap_03 {
  display: grid;
  grid-template-columns: 70px 120px repeat(1, 1fr) 120px 120px;
  grid-auto-rows: minmax(60px, auto);
  font-family: sans-serif;
}


.roadmap.roadmap_04 {
  display: grid;
  grid-template-columns: 70px 240px repeat(1, 1fr) 120px 120px;
  grid-auto-rows: minmax(60px, auto);
  font-family: sans-serif;
}


.roadmap.roadmap_05 {
  display: grid;
  grid-template-columns: 70px  repeat(2, 1fr);
  grid-auto-rows: minmax(60px, auto);
  font-family: sans-serif;
}




.roadmap.roadmap_10 {
  display: grid;
  grid-template-columns: 70px 120px repeat(1, 1fr) 120px 120px  120px;
  grid-auto-rows: minmax(60px, auto);
  font-family: sans-serif;
}


.roadmap .cell.one {justify-content: center !important;}

.roadmap .cell {
  border-bottom: 1px solid #a1a1a1;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  text-align: center;
  flex-wrap: wrap;
}

.dark-mode .roadmap .cell.head  {background:#6c6c6c}

.roadmap .cell.head {
  background: #2f2f2f;
  margin:0px;
  font-size:18px;
  color: #fff  !important;
  border-bottom:0px;
}

.roadmap .cell.vertical {
  margin: 10px 0px ;
/*  writing-mode: vertical-lr; */
  text-orientation: upright;
  font-weight: bold;
  border: 1px solid #a1a1a1;
  border-radius:10px;
}

.roadmap .cell.cont {

	align-content: flex-start;
    border-bottom: 1px solid #a1a1a1;
    padding: 10px;
    display: flex;
    font-size: 12px;
    text-align: center;
    flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
}	


.dark-mode .badge{background: #b8b8b8;}

.badge {
    background: #2f2f2f;
    margin: 2px;
    padding: 3px 6px;
    display: inline-block;
    width: calc(25% - 6px);
    min-height: 64px;
    display: flex
;
    color: #fff !important;
    align-items: center;
    justify-content: center;
  
}

br.mo{display:none}

.mark-free {
  margin: 10px !important;
  border-radius:10px;
  border: 2px solid #ccc !important;
  font-weight: bold;
}

/* º´ÇÕ ±¸Çö */
.rowspan-4 {
  grid-row: span 4;
}
.rowspan-3 {
  grid-row: span 3;
}
.rowspan-2 {
  grid-row: span 2;
}
.colspan-2 {
  grid-column: span 2;
}
.colspan-3 {
  grid-column: span 3;
}
.colspan-4 {
  grid-column: span 4;
}
.colspan-5 {
  grid-column: span 4;
}

.roadmap.roadmap_02 .badge {width: calc(20% - 6px);}
.roadmap.roadmap_03 .badge {width: calc(16.6% - 6px);}
.roadmap.roadmap_04 .badge {width: calc(25% - 6px);}

.roadmap.roadmap_10 .badge {width: calc(16.6% - 6px);}

.cell_half {flex-direction: row !important}
.badge_half {width:100% !important}

.roadmap.roadmap_02 .badge.half {width: calc(50% - 6px);!important}
.roadmap.roadmap_03 .badge.half {width: calc(100% - 6px);!important}
.roadmap.roadmap_04 .badge.half {width: calc(50% - 6px);!important}

.roadmap.roadmap_10 .badge.half {width: calc(100% - 6px);!important}

@media screen and (max-width : 1600px) {
br.none {display:none}
.about_flex p {padding-bottom:150px  !important}

}


@media screen and (max-width : 1400px) {
    .cclum_popup .cclum_ctt{flex-direction: row !important; flex-wrap: wrap;}
	.cclum_cdivt {flex-direction: row !important; flex-wrap: wrap;}
    .cclum_popup table:nth-child(1){width: 100% !important;}
    .cclum_popup table:nth-child(2){border-left: 0 !important; margin-left: 0 !important; padding-left: 0 !important;}
    .cclum_popup table:not(:first-child){width: calc(50% - 13.5px); }
    .cclum_popup table:last-child{width: 100% !important; border-left: 0 !important; margin-left: 0 !important; padding-left: 0 !important;}
}


@media screen and (max-width :1200px) {
.cclum_popup {padding:20px  !important;}

.curriculum_flex {flex-wrap: wrap;}
.curriculum_flex > div {width:100%}
.curriculum_flex {padding-top:50px}
#curriculum_tab_color {justify-content: flex-end; padding-top:20px}
}

@media screen and (max-width : 1100px) {
/*.roadmap .cell.cont br  {display:none}*/
.roadmap .cell.cont {padding:5px;}
.roadmap {
  grid-template-columns: 60px repeat(2, 1fr) 80px 80px;
  grid-auto-rows: minmax(30px, auto);
}
.badge {width: calc(33% - 6px);     word-break: keep-all;}

.roadmap .cell.head {font-size:14px}
}


@media screen and (max-width : 738px) {
.roadmap {grid-template-columns:55px repeat(4, 1fr);}
.roadmap .cell {padding:5px; font-size: 11px;}
/*
    .section_01 .banner_top{height: 48% !important;}
    .section_01 .banner_img{height: 52% !important;}
*/	
.right_button .font-40 {line-height:100%}

#curriculum_tab_color a {font-size:14px !important}
br.mo{display:block}

.badge {width: calc(100% - 6px);     word-break: keep-all;}
.roadmap.roadmap_02 .badge.half {width: calc(100% - 6px) !important;     word-break: keep-all;}
.roadmap.roadmap_02 {grid-template-columns:55px repeat(4, 1fr);}
.roadmap.roadmap_03 {grid-template-columns:55px repeat(4, 1fr);}
.roadmap.roadmap_10 {grid-template-columns:55px repeat(5, 1fr);}


.roadmap.roadmap_04 .badge.half {width: calc(100% - 6px) !important;     word-break: keep-all;}
.roadmap.roadmap_04 {grid-template-columns:55px repeat(4, 1fr);}
.roadmap.roadmap_05 .badge {width: calc(50% - 6px) !important;     word-break: keep-all;}
.roadmap.roadmap_03 .badge {width: calc(100% - 6px) !important;     word-break: keep-all;}
.roadmap.roadmap_04 .badge {width: calc(100% - 6px) !important;     word-break: keep-all;}
.roadmap.roadmap_10 .badge {width: calc(100% - 6px) !important;     word-break: keep-all;}
}

  aside {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 5rem;
	z-index:10;
  }
  
  aside  img {width:100%}
  
  
@media screen and (max-width :520px) {
.roadmap  {overflow:auto; }


.badge { min-width:90px; text-align:center}
}