@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&family=Noto+Serif+JP:wght@400;500;700&display=swap");
.usr_header {
  background-color: #fff;
  color: #000000;
}
.usr_header .usr_inner {
  display: block;
}
.usr_header .usr_inner h1 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 220px;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .usr_header .usr_inner h1 {
    padding-left: 4vw;
    width: 168px;
  }
}
.usr_header h1 {
  margin: 0;
  position: relative;
}
.usr_header img {
  padding: 14px 0 14px;
  max-width: 220px;
}

.usr_inner {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 860px) {
  .usr_inner {
    padding: 0 4vw;
  }
}

.usr_body {
  color: #4D4D4D;
  overflow-x: hidden;
  border-top: 10px solid #037cff;
  /* border-bottom: 60px solid #037cff; */
}

.usr_body img {
  max-width: 100%;
}
.usr_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}
.usr_main {
  margin: 55px 0 70px;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 767px) {
  .usr_main {
    margin: 20px 0;
  }
}
.usr_wrapper {
  background-color: #fff;
  padding: 53px 38px 28px;
}
@media screen and (max-width: 767px) {
  .usr_wrapper {
    padding: 20px 4vw 20px;
  }
}
.usr_heading {
  text-align: center;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .usr_heading {
    margin-left: -4vw;
    margin-right: -4vw;
    font-size: min(3.06vw, 21px);
  }
}
.usr_headingImg {
  margin-bottom: 67px;
}
@media screen and (max-width: 767px) {
  .usr_headingImg {
    margin-bottom: 27px;
  }
}
.usr_row {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.usr_col {
  position: relative;
  flex-shrink: 0;
  flex-basis: calc((100% - 30px) / 2);
  font-size: 1rem;
  font-weight: normal;
  line-height: 2.375;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .usr_col {
    font-size: min(2.666vw, 20px);
    line-height: 1.9;
  }
}
.usr_donpen {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 120px;
}
@media screen and (max-width: 767px) {
  .usr_donpen {
    width: 100px;
  }
}
.usr_ttl {
  margin-right: 28px;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .usr_ttl {
    margin-bottom: 26px;
    margin-left: -4vw;
  }
}
.usr_cont01 {
  margin-bottom: 46px;
}
@media screen and (max-width: 767px) {
  .usr_cont01 {
    margin-bottom: 25px;
    flex-direction: column;
    row-gap: 38px;
  }
}
.usr_cont01 .usr_donpen {
  bottom: -36px;
}
@media screen and (max-width: 767px) {
  .usr_cont01 .usr_donpen {
    left: -4vw;
    bottom: -27px;
  }
}
.usr_cont02 {
  margin-bottom: 38px;
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .usr_cont02 {
    margin-bottom: 20px;
    row-gap: 43px;
    flex-direction: column-reverse;
  }
}
.usr_cont02 .usr_donpen {
  left: auto;
  right: 0;
  bottom: -65px;
}
@media screen and (max-width: 767px) {
  .usr_cont02 .usr_donpen {
    right: -4vw;
    bottom: -25px;
  }
}
.usr_cont03 {
  margin-bottom: 110px;
}
@media screen and (max-width: 767px) {
  .usr_cont03 {
    margin-bottom: 30px;
    flex-direction: column;
    row-gap: 103px;
  }
}
.usr_cont03 .usr_donpen {
  bottom: -92px;
}
@media screen and (max-width: 767px) {
  .usr_cont03 .usr_donpen {
    left: -4vw;
    bottom: -79px;
  }
}
.usr_cont03 .usr_circle {
  width: 186px;
  height: 186px;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateY(50%);
}
@media screen and (max-width: 767px) {
  .usr_cont03 .usr_circle {
    width: 155px;
    height: 155px;
  }
}
.usr_cont04 {
  margin-bottom: 90px;
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .usr_cont04 {
    margin-bottom: 44px;
    flex-direction: column-reverse;
    row-gap: 44px;
  }
}
.usr_cont04 .usr_donpen {
  left: auto;
  right: 0;
  bottom: -61px;
}
@media screen and (max-width: 767px) {
  .usr_cont04 .usr_donpen {
    right: -4vw;
    bottom: 32px;
  }
}
.usr_cont05 {
  margin-bottom: 26px;
}
@media screen and (max-width: 767px) {
  .usr_cont05 {
    margin-bottom: 10px;
  }
}
.usr_logos {
  margin: 0 30px 32px;
}
@media screen and (max-width: 767px) {
  .usr_logos {
    margin: 0 0 20px;
  }
}
.usr_footer {
  font-size: 12px;
  text-align: center;
  color: #fff;
  padding: 20px 0;
  background-color: #037CFF;
}
@media screen and (max-width: 480px) {
  .usr_footer {
    padding: 10px 0;
  }
}