@charset "utf-8";


.sub_main .page_type02{
  display: inline-block;
  background: #111;
  color: #fff;
  margin: 0 .5em;
  padding: .25em 2em .25em .75em;
  font-weight: bold;
  line-height: 1.6;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
  position: relative;
}
.sub_main .page_type02::after{
  content: "";
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent transparent #fff;
border-width: 5px 0px 5px 6px;
position: absolute;
top: 50%;
right: .5em;
transform: translateY(-50%);
}


#features li{
  color: #fff;
  text-align: center;
  text-shadow: 0em 0.1em 0.1em rgba(0, 0, 0, 0.4);
  background-image: radial-gradient(ellipse at center, #002a7a 0%, #003a7c 100%);
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-height: 100px;
  padding: 1em;
  box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 1.5em;
}






#lecturer li{
  text-shadow: 0em 0.1em 0.1em rgba(0, 0, 0, 0.4);
  min-height: 300px;
  color: #fff;
  padding: 1.5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-size: cover;
  background-position: center;
}

#lecturer li:nth-of-type(1){
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%), url(../images/realization-jp/youngwoman.jpg);
}
#lecturer li:nth-of-type(2){
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%), url(../images/realization-jp/youngman.jpg);
}
#lecturer li:nth-of-type(3){
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%), url(../images/realization-jp/femalejapaneseteacher.jpg);
}







#participants li{
  text-shadow: 0em 0.1em 0.1em rgba(0, 0, 0, 0.4);
  height: 300px;
  color: #fff;
  min-height: 300px;
  padding-right: 20px !important;
  padding-left: 20px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-size: cover; 
}

#participants li:nth-of-type(1){
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%), url(../images/realization-jp/studentreview02.jpg);
}
#participants li:nth-of-type(2){
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%), url(../images/realization-jp/studentreview03.jpg);
}
#participants li:nth-of-type(3){
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%), url(../images/realization-jp/studentreview.jpg);
}



#flow li{
  text-align: center;
  color: #fff;
  text-shadow: 0em 0.1em 0.1em rgba(0, 0, 0, 0.4);
  background-color: #0C71C3;
  border-radius: 4px 4px 4px 4px;
  overflow: hidden;
  min-height: 200px;
  padding-top: 12px !important;
  padding-right: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 12px !important;
  box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  justify-content: center
}


#guide li{
  text-align: center;
  border-radius: 4px 4px 4px 4px;
  overflow: hidden;
  min-height: 70px;
  box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
  display: flex;
  flex-direction: column;
  justify-content: center
}


.et_pb_divider_0 {
  width: 80%
}

.et_pb_divider_0:before {
  border-top-color: rgba(255, 255, 255, 0.4)
}

.et_pb_divider_0.et_pb_module {
  margin-left: auto !important;
  margin-right: auto !important
}

@media only screen and (min-width:981px) {
  .et_pb_divider_0 {
    display: none !important
  }
}


@media only screen and (min-width:768px) and (max-width:980px) {
  .et_pb_divider_0 {
    display: none !important
  }
}



div.et_pb_section.et_pb_section_2 {
  background-image: initial !important
}


.et_pb_code_0,
.et_pb_code_1 {
  box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3)
}




.et_pb_code_2 {
  padding-bottom: 25px
}


.online-table,
.class-table {
  border-collapse: collapse;
  border-spacing: 0;
}

.online-table td,
.class-table td {
  border-color: black;
  border-style: solid;
  border-width: 1px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  overflow: hidden;
  padding: 10px 5px;
  word-break: normal;
}

.online-table th,
.class-table th {
  border-color: black;
  border-style: solid;
  border-width: 1px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
  padding: 10px 5px;
  word-break: normal;
}

.online-table .online-table-cell,
.class-table .class-table-cell {
  border-color: rgba(40, 40, 40, 0.3);
  text-align: center;
  vertical-align: middle
}


@media (max-width: 599px){


#achievement_list .column05>li{
        width: calc(100% / 2 - 3%);
        margin: 3% 1.5%;
}



}







@media (max-width:980px) {
  .flip_img.column05 > li { width: calc(100% / 3 - 3%); margin: 1.5%;}
  .flip_img img { width: auto; max-width: 80%;}
}