@charset "UTF-8";

/* CSS Document */
/***CENTER:GREETINGS***/
.greeting-profile {
  width: 70%;
  max-width: 800px;
  margin: 30px auto 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.greeting-profile .gprof-img {
  width: 50%;
}

.greeting-profile .gprof-txt {
  width: 45%;
  font-size: 110%;
  font-weight: bold;
  line-height: 210%;
}

.greeting-profile .gprof-title {
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.greeting-profile .gprof-name {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 160%;
}

/***CENTER:ABOUT***/
dl.terms-list {
  width: 90%;
  margin: 0 auto 30px;
  padding: 0;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

dl.terms-list dt {
  width: 7%;
  margin: 0 0 10px;
  font-size: 120%;
  font-weight: bold;
}

dl.terms-list dd {
  width: 93%;
  margin: 0 0 10px;
}

dl.terms-list .kw {
  font-size: 100%;
  font-weight: bold;
}

.soshiki-img {
  width: 80%;
  margin: 30px auto 60px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.unit-box {
  width: 92%;
  margin: 0 auto 60px;
  padding: 20px 3%;
  position: relative;
  overflow: hidden;
}

.unit-box:first-of-type {
  margin: 30px auto 60px;
}

#unit-orange {
  border: solid 5px #FFE3CC;
}

#unit-green {
  border: solid 5px #BAE8D7;
}

#unit-purple {
  border: solid 5px #CBCBF2;
}

h4.unit-name {
  width: 100%;
  margin: 0 0 30px;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 180%;
  font-weight: bold;
}

#unit-orange h4.unit-name {
  color: #FF7400;
}

#unit-green h4.unit-name {
  color: #27A575;
}

#unit-purple h4.unit-name {
  color: #4D4DC3;
}

.box-mds {
  width: 94%;
  margin: 0 auto 20px;
  padding: 0;
  position: relative;
  overflow: visible;
  font-size: 110%;
  font-weight: bold;
}

.box-mds::before {
  content: "■";
  font-size: 100%;
  color: #009DDA;
  display: inline;
  width: 1.4em;
  margin: 0 0 0 -1.4em;
}

#unit-orange .box-mds::before {
  color: #FF7400;
}

#unit-green .box-mds::before {
  color: #27A575;
}

#unit-purple .box-mds::before {
  color: #4D4DC3;
}

.taisei-img {
  width: 90%;
  margin: 30px auto;
  padding: 0;
  position: relative;
  overflow: hidden;
}

/***CENTER:MEMBERS***/
ul.members-list {
  width: 100%;
  margin: 0 0 60px;
  padding: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
}

ul.members-list li.members-item {
  width: 95%;
  margin: auto 10px;
  padding: 20px 2.5%;
  position: relative;
  overflow: hidden;
  border-bottom: solid 1px #707070;
  display: block;
}

ul.members-list li.members-item:last-child {
  border-bottom: none;
}

ul.members-list li.members-item .member-wrap {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.member-wrap .member-img {
  width: 25%;
  line-height: 110%;
}

.member-wrap .member-r {
  width: 70%;
}

.member-wrap .member-r .member-name {
  width: 100%;
  margin: 0 0 20px;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 180%;
  font-weight: bold;
  color: #2067A3;
}

.member-wrap .member-r .member-title {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 100%;
  font-weight: bold;
}

ul.fac-list {
  width: 95%;
  margin: 0 auto 60px;
  padding: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
}

ul.fac-list li.fac-item {
  width: 100%;
  margin: 0;
  padding: 40px 0;
  position: relative;
  overflow: hidden;
  border-bottom: solid 1px #707070;
}

ul.fac-list li.fac-item:last-child {
  border-bottom: none;
  padding: 40px 0 0
}

ul.fac-list li.fac-item .fac-name {
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 140%;
  font-weight: bold;
  color: #2067A3;
}

ul.fac-list li.fac-item .fac-title {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 100%;
  font-weight: bold;
  line-height: 160%;
}

ul.jimu-list {
  width: 95%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
}

ul.jimu-list li.jimu-item {
  width: 100%;
  margin: 0;
  padding: 40px 0;
  position: relative;
  overflow: hidden;
  border-bottom: solid 1px #707070;
  font-size: 100%;
  font-weight: bold;
  line-height: 160%;
}

ul.jimu-list li.jimu-item:last-child {
  border-bottom: none;
  padding: 40px 0 0;
}

/***CENTER:ELEARNING***/
.moodle-bnr-area {
  width: 70%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}

.moodle-bnr-area .moodle-bnr {
  width: 48%;
}

/***FD-SD***/
.fdsd-img {
  width: 80%;
  margin: 0 auto 10px;
}

ul.schedule-list {
  width: 95%;
  margin: 0 auto 30px;
  padding: 0;
  position: relative;
  overflow: visible;
  list-style: none;
  font-size: 90%;
}

ul.schedule-list li.schedule-item {
  width: 100%;
  margin: 0 auto 10px;
  padding: 0;
  position: relative;
  overflow: visible;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

ul.schedule-list li.schedule-item::before {
  content: "・";
  font-size: 100%;
  color: #000000;
  display: inline;
  width: 0.5em;
  margin: 0 0 0 -0.5em;
}

ul.schedule-list li.schedule-item .si-date {
  width: 27%;
  font-weight: bold;
}

ul.schedule-list li.schedule-item .si-txt {
  width: 71%;
}

.spod-bnr {
  width: 30%;
  opacity: 1.0;
  transition: all 0.3s;
}

.spod-bnr:hover {
  opacity: 0.7;
}

ol.par-list {
  width: 100%;
  margin: 0;
  list-style: none;
  counter-reset: par-list;
  font-size: 90%;
}

ol.par-list>li.par-item {
  width: 98%;
  margin: 0 auto;
  overflow: visible;
  counter-increment: par-list;
}

ol.par-list>li.par-item::before {
  counter-increment: list;
  content: "（"counter(par-list) "）";
  position: absolute;
  width: 2.0em;
  margin: 0 0 0 -2.0em;
}

.fdsd-other {
  width: 95%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fdsd-other .other-l {
  width: 35%;
}

.fdsd-other .other-r {
  width: 62%;
}

.day-two {
  width: 95%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.day-one {
  width: 95%;
  margin: 0 auto 30px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.fdsd-schedule {
  width: 95%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.fdsd-voice {
  width: 90%;
  margin: 0 auto 30px;
  padding: 30px 2.5%;
  position: relative;
  overflow: hidden;
  background-color: #ECF7EC;
  font-size: 95%;
  line-height: 240%;
}

/***PUBLICATIONS***/
.resource-area {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.botbar {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: solid 1px #707070;
}

/*horizontal*/
.resource-area .resource-h-img {
  width: 35%;
}

.resource-area .resource-h-r {
  width: 63%;
}

/*vertical*/
.resource-area .resource-v-img {
  width: 25%;
}

.resource-area .resource-v-r {
  width: 74%;
}

.r-greybar {
  width: 100%;
  margin: 0 0 20px;
  padding: 5px 0;
  position: relative;
  overflow: hidden;
  background-color: #696969;
  color: #FFFFFF;
  text-align: center;
  font-size: 70%;
  font-weight: bold;
  line-height: 140%;
}

ul.resource-list {
  width: 90%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: visible;
  list-style: none;
  font-size: 80%;
}

ul.resource-list li.resource-item {
  width: 95%;
  margin: 0 auto 5px;
  padding: 0;
  position: relative;
  overflow: visible;
}

ul.resource-list li.resource-item::before {
  content: "●";
  font-size: 100%;
  color: #FF5C46;
  display: inline;
  width: 1.0em;
  margin: 0 0.6em 0 -1.0em;
}

.yt-vid {
  width: 80%;
  margin: 0 auto 30px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.yt-vid-sp {
  display: none;
}

/***FACULTY***/
ul.pagecontents-list {
  width: 90%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

ul.pagecontents-list li.pagecontents-item {
  width: 48%;
  margin: 0 0 20px;
  background-color: #535353;
  font-weight: bold;
  opacity: 1.0;
  transition: all 0.3s;
}

ul.pagecontents-list li.pagecontents-item:hover {
  opacity: 0.7;
}

ul.pagecontents-list li.pagecontents-item a {
  width: 90%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 5%;
  margin: 0 auto;
  color: #FFFFFF;
  text-decoration: none;
}

ul.pagecontents-list li.pagecontents-item a::after {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  background-image: url("/_themes/daikyo/css/images/contents-arr.png");
  background-size: contain;
  background-repeat: no-repeat;
}

ol.subnum-list {
  margin: 0 0 30px;
  list-style: decimal;
}

ol.subnum-list li.sn-item {
  margin: 0 0 20px;
}

.qr-wrap {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.qr-txt {
  margin: 0 10px 0 0;
}

.qr-img {
  max-width: 100px;
}

ul.course-list {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
}

ul.course-list li.course-item {
  width: 100%;
  margin: 0 0 30px;
  padding: 60px 0;
  position: relative;
  overflow: hidden;
  background-color: #F0F0F0;
}

ul.course-list li.course-item .course-wrap {
  width: 90%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
}

h5.course-mds {
  width: 100%;
  margin: 0 0 20px;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 120%;
  font-weight: bold;
  line-height: 120%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

h5.course-mds::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 30px;
  background-color: #FF5C46;
  margin: 0 5px 0 0;
}

.course-txt {
  width: 95%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.course-txt .small {
  font-size: 80%;
}

.media-fileplace {
  width: 80%;
  margin: 10px auto 60px;
  padding: 15px 5%;
  position: relative;
  overflow: hidden;
  background-color: #F0F0F0;
  color: #177C17;
  font-size: 90%;
  font-weight: bold;
}

.bt {
  font-size: 120%;
  font-weight: bold;
}

.contact-bnr {
  width: 50%;
  margin: 0 0 20px;
  padding: 0;
  position: relative;
  overflow: hidden;
  background-color: #FDECEA;
  font-size: 100%;
  font-weight: bold;
  opacity: 1.0;
  transition: all 0.3s;
}

.contact-bnr:hover {
  opacity: 0.5;
}

.contact-bnr a {
  width: 90%;
  margin: 0 auto;
  padding: 20px 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000000;
  text-decoration: none;
}

.contact-bnr a::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("/_themes/daikyo/css/images/contactbnr-arr.png");
  background-size: contain;
  background-repeat: no-repeat;
}

h4.redline-mds {
  width: 100%;
  margin: 0 0 30px;
  padding: 0 0 10px;
  position: relative;
  overflow: hidden;
  font-size: 120%;
  font-weight: bold;
  border-bottom: solid 5px #707070;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

h4.redline-mds::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: #FF5C46;
  margin: 0 5px 0 0;
}

.tile-img {
  display: inline-block;
  width: 10%;
  max-width: 100px;
  padding: 0 10px;
}

dl.terms-list {
  width: 95%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
}

dl.terms-list dt.term {
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 140%;
  font-weight: bold;
}

dl.terms-list dd.term-txt {
  width: 100%;
  margin: 0 0 30px;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 90%;
  line-height: 240%;
}

ul.flow-list {
  width: 95%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
}

ul.flow-list li.flow-item {
  width: 100%;
  margin: 0 0 50px;
  padding: 30px 0;
  position: relative;
  overflow: visible;
  background-color: #F0F0F0;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
}

ul.flow-list li.flow-item::after {
  content: "";
  display: block;
  width: 60px;
  height: 50px;
  margin: auto;
  background-image: url("/_themes/daikyo/css/images/flow-darr.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -70px;
  left: 46%;
}

ul.flow-list li.flow-item:last-child {
  margin: 0;
}

ul.flow-list li.flow-item:last-child::after {
  display: none;
}

.screen-img {
  width: 80%;
  margin: 0 0 30px;
}

.img-intro {
  width: 100%;
  margin: 0 0 10px;
  font-weight: bold;
}

.eport-login {
  width: 50%;
  margin: 0 0 30px;
}

ul.qanda-list {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
}

ul.qanda-list li.qanda-item {
  width: 100%;
  margin: 0 0 30px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.faq-question {
  width: 95%;
  display: block;
  margin: 0 auto;
  padding: 10px 2.5%;
  position: relative;
  overflow: hidden;
  background-color: #DBEADB;
  font-size: 100%;
  font-weight: bold;
}

.faq-question::before {
  content: "Q：";
  display: inline-block;
  margin: 0 10px 0 0;
}

.faq-question::after {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  float: right;
  margin: 15px 0 0;
  background-image: url("/_themes/daikyo/css/images/faq-arr.png");
  background-size: contain;
  background-repeat: no-repeat;
  transform: scaleY(1);
  transition: all 0.3s;
}

input.faq-opener[type=checkbox] {
  transition: all 0.3s;
  box-sizing: border-box;
  display: none;
}

.faq-answer {
  width: 95%;
  display: block;
  max-height: 0;
  opacity: 0;
  margin: 0 auto;
  padding: 0 2.2%;
  /*
  max-height: 100%;
  opacity: 1.0;
  margin: 20px auto 0;
  padding: 20px 2.2%;
*/
  position: relative;
  overflow: hidden;
  border: solid 1px black;
  transition: .2s ease-in-out;
}

input.faq-opener:checked~.faq-question::after {
  margin: 10px 0 0;
  transform: scaleY(-1);
}

input.faq-opener:checked~.faq-answer {
  max-height: 100%;
  opacity: 1.0;
  margin: 20px auto 0;
  padding: 20px 2.2%;
}

.faq-answer .answer-label {
  width: auto;
  display: inline-block;
  margin: 0 0 20px;
  padding: 5px 20px;
  background-color: #FF5C46;
  color: #FFFFFF;
  text-align: center;
}

.faq-answer .ans-txt {
  width: 100%;
  margin: 0 0 30px;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 100%;
  line-height: 240%;
}

table.equip-table {
  width: 90%;
  margin: 0 auto 30px;
  padding: 0;
  position: relative;
  overflow: hidden;
  background-color: #707070;
  color: #000000;
  border-spacing: 1px;
  font-size: 90%;
}

table.equip-table th,
table.equip-table td {
  padding: 5px 15px;
}

table.equip-table th.et-hd {
  background-color: #E3E3E3;
  text-align: center;
  font-weight: bold;
}

table.equip-table td {
  background-color: #FFFFFF;
  text-align: center;
}

table.equip-table td.et-stuff {
  font-weight: bold;
  text-align: left;
}

/*****STUDENTS*****/
.tenone-intro {
  width: 90%;
  margin: 0 auto 60px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.tenone-intro .tenone-introtxt {
  width: 100%;
  margin: 0 0 30px;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 100%;
  font-weight: bold;
  line-height: 240%;
}

.tenone-intro .tenone-img {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.assessment-img {
  width: 80%;
  margin: 30px auto 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.flow-img {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

ul.eport-list {
  width: 95%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
}

ul.eport-list li.eport-item {
  width: 100%;
  margin: 0 0 60px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.eport-blue {
  width: 95%;
  margin: 0 auto;
  padding: 20px 2.5%;
  position: relative;
  overflow: hidden;
  background-color: #4673A8;
  color: #FFFFFF;
  font-size: 120%;
  font-weight: bold;
  line-height: 210%;
}

.eport-blue .ep-small {
  font-size: 80%;
}

.eport-grey {
  width: 95%;
  margin: 0 auto;
  padding: 30px 2.5%;
  position: relative;
  overflow: hidden;
  background-color: #F7F7F7;
}

.eport-grey ul li {
  margin: 0 0 10px;
}

.eport-grey ul li:last-child {
  margin: 0;
}

.voice-mds-area {
  width: 90%;
  margin: 0 auto 60px;
  padding: 30px 5%;
  position: relative;
  overflow: hidden;
  background-color: #F0F0F0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 210%;
}

.voice-mds-area .voice-mds-left {
  width: 40%;
  padding: 10px 0 10px 10px;
  border-left: solid 15px #535353;
}

.voice-mds-area .voice-mds-left h3.voice-mds {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 180%;
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #FF5C46;
  display: block;
}

.voice-mds-area .voice-mds-left h4.voice-en {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 150%;
  color: #4B4B4B;
  font-family: 'Dancing Script', cursive;
}

.voice-mds-area .voice-mds-right {
  width: 60%;
  font-size: 80%;
}

ul.sv-list {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
}

ul.sv-list li.sv-item {
  width: 100%;
  margin: 0 0 60px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

ul.sv-list #eportfolio {
  background-color: #f0f7ec;
}

ul.sv-list #sa {
  background-color: #eefdff;
}

ul.sv-list #reflection {
  background-color: #FFF8F0;
}

.sv-wrap {
  width: 90%;
  margin: 0 auto;
  padding: 60px 5%;
  position: relative;
  overflow: hidden;
}

.sv-obi {
  width: 100%;
  margin: 0 0 30px;
  padding: 20px 0;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  color: #FFFFFF;
  letter-spacing: 0.1em;
}

#eportfolio .sv-obi {
  background-color: #5AA866;
}

#sa .sv-obi {
  background-color: #3F8ED1;
}

#reflection .sv-obi {
  background-color: #FFAD4E;
}

.sprofile-area {
  width: 90%;
  margin: 0 auto 30px;
  padding: 0;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sprofile-area .simg {
  width: 25%;
}

.sprofile-area .sprof {
  width: 70%;
  font-weight: bold;
}

.sprof .sname {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 120%;
}

.sprof .syear {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 80%;
}

.vtitle {
  width: unset;
  margin: 0 0 10px 5%;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 130%;
  font-weight: bold;
  display: inline-block;
}

.vtitle::after {
  content: "";
  display: block;
  margin: -15px 0 0;
}

#eportfolio .vtitle::after {
  border-bottom: solid 15px #C3EFBB;
}

#sa .vtitle::after {
  border-bottom: solid 15px #B1DBFF;
}

#reflection .vtitle::after {
  border-bottom: solid 15px #FFAD4E;
}

.vtxt {
  width: 90%;
  margin: 0 auto 30px;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 90%;
  line-height: 210%;
}

.vskill-area {
  width: 80%;
  margin: 0 auto;
  padding: 30px 5%;
  position: relative;
  overflow: hidden;
  background-image: url("/_themes/daikyo/css/images/voice_skill-bk.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.vskill-mds {
  width: 80%;
  margin: 0 auto 20px;
  padding: 0;
  position: relative;
  overflow: hidden;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vskill-mds::before {
  content: "";
  display: block;
  width: 10%;
  height: 3px;
  margin: 0 10px 0 0;
}

.vskill-mds::after {
  content: "";
  display: block;
  width: 10%;
  height: 3px;
  margin: 0 0 0 10px;
}

#eportfolio .vskill-mds {
  color: #1B721B;
}

#eportfolio .vskill-mds::before {
  background-color: #1B721B;
}

#eportfolio .vskill-mds::after {
  background-color: #1B721B;
}

#sa .vskill-mds {
  color: #1460A0;
}

#sa .vskill-mds::before {
  background-color: #1460A03;
}

#sa .vskill-mds::after {
  background-color: #1460A0;
}

#reflection .vskill-mds {
  color: #FF7933;
}

#reflection .vskill-mds::before {
  background-color: #FF7933;
}

#reflection .vskill-mds::after {
  background-color: #FF7933;
}

.vskill {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 100%;
  font-weight: bold;
}

#eportfolio .vskill {
  color: #1B721B;
}

#sa .vskill {
  color: #1460A0;
}

#reflection .vskill {
  color: #FF7933;
}

.vskill-txt {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 90%;
}

.ans-grey {
  width: unset;
  display: inline-block;
  min-width: 300px;
  margin: 0 0 10px;
  padding: 2px 30px;
  background-color: #EBEBEB;
  font-size: 80%;
  font-weight: bold;
  text-align: center;
}

.ans-txt ul {
  font-size: 80%;
  font-weight: bold;
}

/***SITEMAP***/
ul.sitemap-list {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: visible;
}

ul.sitemap-list li {
  font-weight: bold;
  position: relative;
  overflow: visible;
}

ul.sitemap-list li.sitemap-item {
  width: 95%;
  margin: 0 auto;
  list-style: disc;
}

ul.sitemap-list li.sitemap-sub-item {
  width: 85%;
  margin: 0 auto;
  list-style: circle;
  font-size: 90%;
}

ul.sitemap-list a {
  width: 100%;
  display: block;
  padding: 10px 0;
  color: #000000;
  text-decoration: none;
}

/***UPDATE202203***/
.body table,
.cke_editable table {
  background-color: #B1B1B1;
  border-spacing: 1px;
  border-collapse: inherit;
  table-layout: inherit;
  display: inline-table;
  min-width: 700px;
}

.body th,
.body td,
.cke_editable th,
.cke_editable td {
  padding: 20px 10px;
  background-color: #FFFFFF;
  vertical-align: middle;
  font-size: 90%;
  line-height: 210%;
}

.body th,
.cke_editable th {
  background-color: #d4f4ff;
}