@charset "utf-8";

/*--------------------------
main
---------------------------*/

.content_wrap h2 {
  margin-bottom: 5rem;
}

.content_wrap .img_wrap,
.content_wrap .text_wrap {
  width: 50%;
  box-sizing: border-box;
}

.content_wrap ul.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.jrcs .column .img_wrap img,
.em_shelter .column .img_wrap img {
  max-width: 50rem;
  margin: 0 auto;
}

@media print,
screen and (min-width: 768px) {
  .reverse {
    flex-direction: row-reverse;
  }

  .reverse .text_wrap {
    padding-left: 4rem;
  }
}

@media print,
screen and (max-width: 767px) {
  .content_wrap h2 {
    margin-bottom: 3rem;
  }

  .content_wrap .column {
    display: block;
  }

  .content_wrap .img_wrap,
  .content_wrap .text_wrap {
    width: 100%;
    padding: 0 !important;
  }

  .jrcs .text_wrap,
  .em_shelter .text_wrap {
    margin-bottom: 1rem;
  }
}

/*jrcs*/
.jrcs ul.column {
  margin-top: 2rem;
}

.jrcs ul.column li {
  width: 280px;
  padding: 1.5rem;
  box-sizing: border-box;
}

.jrcs ul.column li h3 {
  font-size: 1.8rem;
  text-align: center;
}

.jrcs ul.column li figure {
  margin-bottom: 1rem;
}

.jrcs ul.column li img {
  max-width: 22.7rem;
  margin: 0 auto;
}

@media print,
screen and (max-width: 767px) {
  .jrcs ul.column {
    flex-wrap: wrap;
  }

  .jrcs ul.column li {
    width: 50%;
  }

}

@media print,
screen and (max-width: 480px) {
  .jrcs ul.column li {
    width: 100%;
  }

}

/*mission*/
.mission .text_wrap {
  padding-right: 4rem;
  box-sizing: border-box;
}

.mission .text_wrap p {
  margin-bottom: 2rem;
}

.mission .img_wrap .column {
  margin-top: 2rem;
}

.mission .img_wrap img,
.mission .text_wrap img {
  max-width: 50rem;
  margin: 0 auto;
}

.mission .text_wrap img {
  max-width: 45rem;
}

.mission .content_s img {
  max-width: 24rem;
}

.mission .column:last-child {
  margin-top: 2rem;
}

@media print,
screen and (min-width: 768px) {
  .mission .content_s img {
    max-width: 24rem;
    margin: 0;
  }
}

@media print,
screen and (min-width: 481px) {
  .mission .img_wrap .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .mission .column figure.content_s:first-child {
    padding-right: 2rem;
  }

}

@media print,
screen and (max-width: 480px) {
  .mission .column figure.content_s:first-child {
    margin-bottom: 2rem;
  }

}