@charset "utf-8";
/* CSS Document */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

activity

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --- title --- */
.title_area {
  background-image: url(/media_library/welfare/images/activity/act_main.png);
}

/* --- seminar ---*/
#container #main_article_area #seminar .bg_gray_box dl {
  font-size: 1.4rem;
}
#container #main_article_area #seminar .bg_gray_box dt {
  margin-bottom: 5px;

}
#container #main_article_area #seminar .bg_gray_box dd {
  margin-bottom: 10px;

}
#container #main_article_area #seminar .bg_gray_box dd ul {
  display: flex;
  align-items: center;

}
#container #main_article_area #seminar .bg_gray_box dd li {
  font-size: 1.4rem;
  font-weight: bold;
  background: #33bfe2;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  width: 140px;
  margin-right: 10px;
  line-height: 30px;
}

#container #main_article_area #seminar .bg_gray_box dd li:last-child {
  margin-right: 0;
}

/* --- web ---*/
#container #main_article_area #web .nm_link_btn {
  width: 50%;
}
#container #main_article_area #web .nm_link_btn a {
  background-position: 355px center;
  margin-bottom: 0;
}
#container #main_article_area #web .nm_link_btn:first-child {
  float: left;
}
#container #main_article_area #web .nm_link_btn:first-child a {
  background-color: #58cdc6;
}
#container #main_article_area #web .nm_link_btn:last-child {
  float: right;
}
#container #main_article_area #web .nm_link_btn:last-child a {
background-color:#589acd;
}
/* --- s-bast --- */
#container #main_article_area #s-bast .nm_link_btn a {
  background-color: #f79800;
}

@media screen and (max-width:750px) {
  #container #main_article_area #seminar.cont_box .bg_gray_box .fL,
  #container #main_article_area #seminar.cont_box .bg_gray_box .fR {
    float: none !important;
    
  }
  #container #main_article_area #seminar.cont_box .bg_gray_box .fR {
    text-align: center;
    margin-bottom: 10px;
  }
 #container #main_article_area #web.cont_box .act_web_btn .fL,
  #container #main_article_area #web.cont_box .act_web_btn .fR {
    float: none !important;
    margin-bottom: 10px;
    width: 100%;
    
  }
  
}