@charset "UTF-8";

/* facility.css
-------------------------------------- */
@media all and (max-width: 767px) {
}
.mb20 {
  margin-bottom: 20px;
}
.support_bg {
  width: 100%;
  background: repeating-linear-gradient(
    -50deg,
    #f6f7f7,
    #f6f7f7 20px,
    rgba(0, 120, 195, 0.1) 0,
    rgba(0, 120, 195, 0.1) 40px
  );
}
.support_set {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 60px 0;
}
.support_set > li {
  width: 48.333333%;
  margin: 0 0 40px 0;
  padding: 20px 40px 40px;
  box-sizing: border-box;
  position: relative;
  border: 2px dotted var(--main-color);
  background-image: url(../img/support/support_bg_01.png),
    url(../img/support/support_bg_02.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 10px top, right bottom;
  background-color: #fff;
}
.support_set > li:nth-child(3),
.support_set > li:nth-child(8) {
  width: 100%;
}
.support_detail_set {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.support_detail_set > li {
  width: 48%;
}
.support_set .sub_ttl {
  color: var(--main-color);
  font-size: 1.8rem;
  font-weight: bold;
}
.clr01 {
  color: var(--main-color);
}
.support_set .num {
  font-family: はれのそら明朝, selif;
  font-size: 4.8rem;
  color: #ffffff;
  position: absolute;
  top: 16px;
  left: 24px;
}
.support_set .ttl {
  min-height: 80px;
  width: calc(100% - 70px);
  margin: 0 0 10px 70px;
  padding-top: 24px;
  text-align: left;
  color: var(--main-color);
  font-size: 2.8rem;
  font-weight: bold;
  font-family: はれのそら明朝, selif;
  line-height: 1.4;
}
.support_set .pt0 {
  padding-top: 0px !important;
}
.support_set .ttl span {
  font-size: 2rem;
  display: inline-block;
}
.support_set .target {
  float: right;
  padding: 0 10px;
}
@media all and (max-width: 480px) {
  .support_set .target {
    float: none;
    padding: 0;
    margin: 0 auto 10px !important;
    display: block;
  }
}
.columns {
  -webkit-columns: 2;
  -moz-columns: 2;
  -ms-columns: 2;
  columns: 2 auto;
}
.page_ttl_area img {
  position: absolute;
  top: 25%;
  right: 0;
}
@media all and (max-width: 767px) {
  .support_set > li {
    width: 100%;
    margin: 0 0 40px 0;
    padding: 20px 20px 40px 20px;
    box-sizing: border-box;
    position: relative;
    border: 2px dotted var(--main-color);
    background-image: url(../img/support/support_bg_01.png),
      url(../img/support/support_bg_02.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 10px top, right bottom;
  }
  .support_set .ttl {
    min-height: 80px;
    width: calc(100% - 80px);
    margin: 0 0 10px 80px;
    font-size: 2.2rem;
    padding-top: 20px;
  }
  .support_detail_set > li {
    width: 100%;
  }
}

@media all and (max-width: 1020px) {
  .page_ttl_area img {
    width: 25%;
    top: 40%;
  }
}

@media all and (max-width: 850px) {
  .page_ttl_area img {
    top: 45%;
  }
}

@media all and (max-width: 767px) {
  .page_ttl_area img {
    display: none;
  }
}

.content_area_l {
  margin: 80px auto 0;
}