.wsb-l {
display: flex !important;
justify-content: flex-start !important;
width: max-content !important;
max-width: 100% !important;
}
.wsb .txtArea {
max-width: 100% !important;
}
.wsb-l1 .avaArea {
    background: #F5F5F6;
    margin-right: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wsb-l1 .avaArea {
    margin-right: 0px !important;
}
.wsb-l1 .txtArea{
	max-width: 100％ !important;
border: none !important;
background: #F5F5F6 !important;
}
.wsb-l1 .txtArea::before{
display:none;
}
.wsb-l1 .txtArea::after{
display:none;
}
.wsb .txtArea {
    border-radius: 0px !important;
    box-shadow: none !important;
	padding: 10px 16px 10px 10px !important;
}
.wsb .avaImg img {
    margin: 0 0 0 0.5em !important;
    border-radius: 100px !important;
}

/*===================================
	sec_rec（.rec_slider）
===================================*/
#article_content {
	padding-bottom: 80px;
}
.rec_slider {
  background: #edf4fe;
  padding: 60px 0; }

.rec_slider .ttl_box {
  color: #004e98;
  border-bottom: solid 4px #004e98; }

.rec_slider .ttl_box .ttl_en {
  font-size: 21px;
  font-style: italic; }

.rec_slider .ttl_box h2,
.rec_slider .ttl_box .h2 {
  padding-bottom: 0;
  font-size: 42px;
  font-weight: bold;
  border-bottom: none; }

.rec_slider .ttl_box .ttl_boxR a {
  position: relative;
  margin-right: 14px;
  color: #004e98;
  font-size: 1.2rem;
  font-weight: bold; }

.rec_slider .ttl_box .ttl_boxR a::after {
  background-color: #004e98;
  bottom: 0;
  content: '';
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  transition: .5s all;
  width: 0; }

.rec_slider .ttl_box .ttl_boxR a:hover::after {
  width: 100%; }

.rec_slider_list {
  display: flex;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 3rem; }

.rec_slider_list .slick-list {
  padding-bottom: 10px; }

.rec_slider_list .col {
  width: 25%;
  padding: 0 .5rem; }

.rec_slider_list .card {
  border: 0;
  box-shadow: 0 4px 5px rgba(0, 78, 152, 0.1);
  height: 100%; }

.rec_slider_list .card a {
  height: 100%; }

.rec_slider_list .card a:hover .card_img_cover {
  position: relative;
  overflow: hidden;
  transition-duration: 0.3s; }

.rec_slider_list .card a:hover .card_img_cover img.card-top-img {
  transform: scale(1.1);
  transition-duration: 0.3s; }

.rec_slider_list .card a:hover .card_img_cover::after {
  content: "";
  background-color: #004E98;
  opacity: .40;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.rec_slider_list .card .card-body {
  line-height: 1.8;
  padding: 1rem 1rem; }

.rec_slider_list .card .kyuryo {
  color: #ef5a00;
  font-size: 1rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

.rec_slider_list .card .kinmuchi {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

.rec_slider_list .card .kinmuchi i {
  color: #004e98; }

.rec_slider_list .card h5,
.rec_slider_list .card .h5 {
  color: #004e98;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.rec_slider_list .card .syokusyu {
  /*	margin: .5rem 0 0;*/
  padding: .5rem 0 0; }

.rec_slider_list .card .syokusyu span {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #42b3c0;
  border-radius: 4px;
  padding: .2em .5em;
  margin: 0; }

.rec_slider_list .card .cardbott {
  font-size: 14px;
  line-height: 1.1;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-left: 1.2em;
  position: relative;
  /*	height: 2.3em;*/ }

.rec_slider_list .card .cardbott::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f1ad";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1em; }

.rec_slider_list .card .card-footer {
  font-size: 14px;
  background-color: #FFFFFF;
  /*	margin-top: auto;*/
  /*高さおかしくなる*/ }

.rec_slider_list .card .card-footer .row {
  justify-content: flex-start;
  align-items: flex-start; }

.rec_slider .slick-prev {
  width: 40px;
  height: 40px;
  left: -60px; }

.rec_slider .slick-prev::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f137";
  color: #004e98;
  opacity: 1;
  font-size: 1.8rem; }

.rec_slider .slick-next {
  width: 40px;
  height: 40px;
  right: -60px; }

.rec_slider .slick-next::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f138";
  color: #004e98;
  opacity: 1;
  font-size: 1.8rem; }

.rec_slider_list .slick-dots li button:before {
  content: "";
  background-color: #004e98;
  width: 20px;
  height: 6px; }

.rec_slider_list .slick-dots {
  padding: 20px 0;
  margin: 0 0 0 10%;
  width: 80%; }

@media (max-width: 767px) {
  #sec_rec .slick-dots li {
    width: 14px; }

  #sec_rec .slick-dots li button {
    width: 14px; }

  .rec_slider {
    padding: 40px 0 0; }

  .rec_slider .ttl_box .ttl_en {
    font-size: 18px; }

  .rec_slider .ttl_box h2,
  .rec_slider .ttl_box .h2 {
    font-size: 2rem; }

  .rec_slider .ttl_box .ttl_boxR a {
    margin-right: 0;
    font-size: 1rem; }

  .rec_slider_list {
    width: 100%; }

  .rec_slider_list .col {
    width: 50%; }

  .rec_slider_list .card .kyuryo,
  .rec_slider_list .card .kinmuchi,
  .rec_slider_list .card .syokusyu span {
    font-size: 12px; }

  .rec_slider_list .card h5,
  .rec_slider_list .card .h5 {
    font-size: 14px;
    line-height: 1.5; }

  .rec_slider .slick-prev {
    width: 40px;
    height: 40px;
    top: calc(100% - 20px);
    left: 0; }

  .rec_slider .slick-next {
    width: 40px;
    height: 40px;
    top: calc(100% - 20px);
    right: 0; }

  .rec_slider_list .slick-dots {
    bottom: -18px; } }