@charset "utf-8";



/****************************/
/********** Common **********/
/****************************/

.page-title {
  background-color: #FFE13B;
  background-blend-mode: screen;
  color: #000000;
}
.page-title h2 {
  color: #000000;
}



h4 {
  border-left-color: #FFD700;
}



.first-semester ul {
  margin: 0;
  padding: 0;
}
.first-semester ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.first-semester ul li:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f111";
  margin: 0 6px 0 0;
  font-size: 1.1rem;
  font-weight: 900;
  color: #4BD180;
}

.second-semester ul {
  margin: 0;
  padding: 0;
}
.second-semester ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.second-semester ul li:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f111";
  margin: 0 6px 0 0;
  font-size: 1.1rem;
  font-weight: 900;
  color: #D93600;
}



/*******************************************************/
/********** Responsive Contents Setting (320) **********/
/*******************************************************/

@media screen and ( max-width: 320px ) {



.column-irregular {
  display: flex;
  flex-wrap: wrap;
}
.column-irregular div {
  width: 100%;
  margin: 0 0 1.5% 0;
}
.column-irregular div p {
  margin: 10px;
}
.mmds-logo {
  margin: auto 24px auto 0;
  vertical-align: baseline;
}



.column-3col {
  display: flex;
  flex-wrap: wrap;
}
.column-3col div {
  width: 100%;
  margin: 0 0 1.5% 0;
}
.column-3col div dl dd {
  padding: 30px;
}



.table-style04 {
  display: block;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.table-style04 table {
  width: 1024px;
}
.table-style04 table caption {
  text-align: left;
}



}



/************************************************************/
/********** Responsive Contents Setting (320-480) ***********/
/************************************************************/

@media screen and ( min-width: 321px ) and ( max-width: 480px ) {



.column-irregular {
  display: flex;
  flex-wrap: wrap;
}
.column-irregular div {
  width: 100%;
  margin: 0 0 1.5% 0;
}
.column-irregular div p {
  margin: 10px;
}
.mmds-logo {
  margin: auto 24px auto 0;
  vertical-align: baseline;
}



.column-3col {
  display: flex;
  flex-wrap: wrap;
}
.column-3col div {
  width: 100%;
  margin: 0 0 1.5% 0;
}
.column-3col div dl dd {
  padding: 30px;
}



.table-style04 {
  display: block;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.table-style04 table {
  width: 1024px;
}
.table-style04 table caption {
  text-align: left;
}



}



/***********************************************************/
/********** Responsive Contents Setting (480-768) **********/
/***********************************************************/

@media screen and ( min-width: 481px ) and ( max-width: 768px ) {



.column-irregular {
  display: flex;
  flex-wrap: wrap;
}
.column-irregular div {
  width: 100%;
  margin: 0 0 1.5% 0;
}
.column-irregular div p {
  margin: 10px;
}
.mmds-logo {
  margin: auto 24px auto 0;
  vertical-align: baseline;
}



.column-3col {
  display: flex;
  flex-wrap: wrap;
}
.column-3col div {
  width: 100%;
  margin: 0 0 1.5% 0;
}
.column-3col div dl dd {
  padding: 30px;
}



.table-style04 {
  display: block;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.table-style04 table {
  width: 1024px;
}
.table-style04 table caption {
  text-align: left;
}



}



/************************************************************/
/********** Responsive Contents Setting (768-1024) **********/
/************************************************************/

@media print, screen and ( min-width: 769px ) and ( max-width: 1024px ) {



.column-irregular {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.column-irregular div {
  margin: 0 0 1.5% 0;
  background-color: #F1F1F1;
}
.column-irregular div:nth-child(1) {
  width: 100%;
}
.column-irregular div:nth-child(2),
.column-irregular div:nth-child(3) {
  width: 48.5%;
}
.column-irregular div p {
  margin: 10px;
}
.mmds-logo {
  margin: auto 24px auto 0;
  vertical-align: baseline;
}



.column-3col {
  display: flex;
  flex-wrap: wrap;
}
.column-3col div {
  width: 100%;
  margin: 0 0 1.5% 0;
}
.column-3col div dl dd {
  padding: 30px;
}



.table-style04 {
  display: block;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.table-style04 table {
  width: 1024px;
}
.table-style04 table caption {
  text-align: left;
}



}



/********************************************************/
/********** Responsive Contents Setting (1024) **********/
/********************************************************/

@media screen and ( min-width: 1025px ) {



.column-irregular {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.column-irregular div {
  margin: 0 0 1.5% 0;
  background-color: #F1F1F1;
}
.column-irregular div:nth-child(1) {
  width: 100%;
}
.column-irregular div:nth-child(2),
.column-irregular div:nth-child(3) {
  width: 48.5%;
}
.column-irregular div p {
  margin: 10px 20px;
}
.mmds-logo {
  margin: auto 24px auto 0;
  vertical-align: baseline;
}



.column-3col {
  display: flex;
  justify-content: space-between;
}
.column-3col div {
  width: 31.5%;
  background-color: #F1F1F1;
}
.column-3col div dl dd {
  padding: 30px;
}



}