@charset "UTF-8";
:root {
  /*====== カラー ======*/
  --heimblue: #0075c1;
  --darkblue: #363742;
  --orange: #d85642;
  --gray: #f4f3f3;
  /*====== header高さ ======*/
  --header-h: 0px;
}

/*====== コンテンツ幅 ======*/
main {
  overflow: hidden;
}

.body-txt16 {
  font-size: 4.26vw;
  line-height: 1.8em;
  text-align: justify;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  .body-txt16 {
    font-size: 15px;
  }
}
@media screen and (min-width: 1000px) {
  .body-txt16 {
    font-size: 16px;
  }
}

.note-txt {
  text-align: justify;
  word-break: break-all;
  font-size: 3.73vw;
  line-height: 1.8em;
  text-indent: -1em;
  padding-left: 1em;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 768px) {
  .note-txt {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .note-txt {
    font-size: 12px;
  }
}

div.support-wrap div.support-top-area h1 {
  text-align: center;
  font-size: 6.1vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding: 10vw 0;
}
@media screen and (min-width: 768px) {
  div.support-wrap div.support-top-area h1 {
    font-size: 28px;
    padding: 70px 0 35px;
  }
}
div.support-wrap div.sec-after-wrap {
  padding: 10vw 0;
}
@media screen and (min-width: 768px) {
  div.support-wrap div.sec-after-wrap {
    padding: 90px 0;
  }
}
div.support-wrap div.sec-after-wrap h2 {
  margin-bottom: 10vw;
}
@media screen and (min-width: 768px) {
  div.support-wrap div.sec-after-wrap h2 {
    margin-bottom: 80px;
  }
}
div.support-wrap section.sec-after {
  margin-bottom: 20vw;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after {
    margin-bottom: 105px;
  }
}
div.support-wrap section.sec-after.after01 div.after-box02 {
  width: 93vw;
  overflow-x: scroll;
  margin-top: 10vw;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after01 div.after-box02 {
    overflow: revert;
    width: 100%;
    margin-top: 0;
  }
}
div.support-wrap section.sec-after.after01 div.after-box02 picture {
  display: block;
  width: 280%;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after01 div.after-box02 picture {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after02 div.after-box02-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after02 div.after-box02-inner div.after-img02 {
    width: 45%;
    order: -1;
  }
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after02 div.after-box02-inner div.txt-box {
    width: 50%;
  }
}
div.support-wrap section.sec-after.after02 div.after-box02-inner div.txt-box .txt01 {
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after03 div.after-box02-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
div.support-wrap section.sec-after.after03 div.after-box02-inner div.after-img02 {
  margin-top: 5vw;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after03 div.after-box02-inner div.after-img02 {
    width: 45%;
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after03 div.after-box02-inner div.txt-box {
    width: 50%;
  }
}
div.support-wrap section.sec-after.after03 div.after-box02-inner div.txt-box .txt01 {
  margin-bottom: 1em;
}
div.support-wrap section.sec-after.after03 div.after-box02-inner div.txt-box a {
  margin-top: 2em;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after03 div.after-box02-inner div.txt-box a {
    width: 300px;
  }
}
div.support-wrap section.sec-after.after04 div.after-box02-inner div.after-img02 {
  width: 86vw;
  overflow-x: scroll;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after04 div.after-box02-inner div.after-img02 {
    width: 100%;
    overflow-x: revert;
  }
}
div.support-wrap section.sec-after.after04 div.after-box02-inner div.after-img02 picture {
  display: block;
  width: 200%;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after04 div.after-box02-inner div.after-img02 picture {
    width: 100%;
  }
}
div.support-wrap section.sec-after.after04 div.after-box02-inner p {
  margin-top: 1em;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after04 div.after-box02-inner p {
    margin-top: 0;
    text-align: right;
  }
}
div.support-wrap section.sec-after.after05 div.after-box02-inner {
  margin-bottom: 7vw;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after05 div.after-box02-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 25px;
  }
}
div.support-wrap section.sec-after.after05 div.after-box02-inner p {
  font-size: 4vw;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  margin-top: 0.2em;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after05 div.after-box02-inner p {
    font-size: 14px;
    margin-top: 0.4em;
  }
}
@media screen and (min-width: 1000px) {
  div.support-wrap section.sec-after.after05 div.after-box02-inner p {
    font-size: 15px;
  }
}
div.support-wrap section.sec-after.after05 div.after-box02-inner div.after-img02 {
  margin-bottom: 5vw;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after05 div.after-box02-inner div.after-img02 {
    width: 60%;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after05 div.after-box02-inner div.after-img03 {
    width: 37.6%;
  }
}
div.support-wrap section.sec-after.after05 p.body-txt16 {
  margin-bottom: 1em;
}
div.support-wrap section.sec-after.after06 a {
  margin-top: 2em;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after06 a {
    width: 300px;
  }
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after06 div.after-box02 div.after-box02-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
div.support-wrap section.sec-after.after06 div.after-box02 div.after-box02-inner div.after06-box {
  margin-bottom: 7vw;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after06 div.after-box02 div.after-box02-inner div.after06-box {
    width: 31%;
    margin-bottom: 0;
  }
}
div.support-wrap section.sec-after.after06 div.after-box02 div.after-box02-inner div.after06-box p {
  text-align: center;
  color: #fff;
  line-height: 1.4em;
  background-color: var(--darkblue);
  padding: 0.8em 0;
  font-size: 4.26vw;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after.after06 div.after-box02 div.after-box02-inner div.after06-box p {
    font-size: 1.5vw;
  }
}
@media screen and (min-width: 1000px) {
  div.support-wrap section.sec-after.after06 div.after-box02 div.after-box02-inner div.after06-box p {
    font-size: 14px;
  }
}
div.support-wrap section.sec-after div.sec-after-inner {
  width: 86%;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 1280px) {
  div.support-wrap section.sec-after div.sec-after-inner {
    width: 74%;
  }
}
@media screen and (min-width: 1280px) {
  div.support-wrap section.sec-after div.sec-after-inner {
    max-width: 1200px;
  }
}
div.support-wrap section.sec-after h3 {
  margin-bottom: 8vw;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after h3 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 50px;
  }
}
div.support-wrap section.sec-after h3 .number {
  line-height: 1em;
  display: block;
  font-size: 11.7vw;
  margin-bottom: 0.4em;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after h3 .number {
    transform: translate(0, 0.1em);
    font-size: 73px;
    width: 145px;
    margin-bottom: 0;
  }
}
div.support-wrap section.sec-after h3 .ja {
  background-color: var(--darkblue);
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.2em;
  padding: 0.7em 1em;
  box-sizing: border-box;
  font-size: 20px;
  display: block;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after h3 .ja {
    font-size: 22px;
    width: calc(100% - 145px);
  }
}
@media screen and (min-width: 1000px) {
  div.support-wrap section.sec-after h3 .ja {
    font-size: 25px;
  }
}
div.support-wrap section.sec-after div.after-box01 {
  margin-bottom: 10vw;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after div.after-box01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 75px;
  }
}
div.support-wrap section.sec-after div.after-box01 div.after-img01 {
  margin-bottom: 6vw;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after div.after-box01 div.after-img01 {
    width: 43%;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after div.after-box01 div.after-txtbox01 {
    order: -1;
    width: 52%;
  }
}
div.support-wrap section.sec-after div.after-box01 div.after-txtbox01 .txt01 {
  font-size: 5.3vw;
  line-height: 1.8em;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after div.after-box01 div.after-txtbox01 .txt01 {
    font-size: 20px;
  }
}
@media screen and (min-width: 1000px) {
  div.support-wrap section.sec-after div.after-box01 div.after-txtbox01 .txt01 {
    font-size: 23px;
  }
}
div.support-wrap section.sec-after div.after-box01 div.after-txtbox01 .txt02 {
  margin-bottom: 1em;
}
div.support-wrap section.sec-after div.after-box02.gray {
  background-color: var(--gray);
  box-sizing: border-box;
  padding: 7vw;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after div.after-box02.gray {
    padding: 40px;
  }
}
div.support-wrap section.sec-after div.after-box02 h4 {
  font-size: 5vw;
  font-weight: 400;
  line-height: 1.4em;
  border-bottom: dashed 1px #111;
  padding-bottom: 1em;
  margin-bottom: 1.6em;
}
@media screen and (min-width: 768px) {
  div.support-wrap section.sec-after div.after-box02 h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 1000px) {
  div.support-wrap section.sec-after div.after-box02 h4 {
    font-size: 19px;
  }
}

section.sec-supportlink {
  background-color: var(--gray);
  padding: 10vw 0;
}
@media screen and (min-width: 768px) {
  section.sec-supportlink {
    padding: 20px 0;
  }
}
section.sec-supportlink div.sec-supportlink-inner {
  width: 86%;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 1280px) {
  section.sec-supportlink div.sec-supportlink-inner {
    width: 74%;
  }
}
@media screen and (min-width: 1280px) {
  section.sec-supportlink div.sec-supportlink-inner {
    max-width: 1200px;
  }
}
section.sec-supportlink div.supportlink-box {
  border-bottom: solid 1px #000;
  padding: 7vw 0;
}
@media screen and (min-width: 768px) {
  section.sec-supportlink div.supportlink-box {
    padding: 60px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 33px;
  }
}
section.sec-supportlink div.supportlink-box:last-child {
  border: none;
}
section.sec-supportlink div.supportlink-box div.supportlink-logo {
  margin-bottom: 5vw;
}
@media screen and (min-width: 768px) {
  section.sec-supportlink div.supportlink-box div.supportlink-logo {
    margin-bottom: 0;
    width: 336px;
  }
}
section.sec-supportlink div.supportlink-box p.supportlink-txt {
  font-size: 3.73vw;
  font-weight: 500;
  line-height: 1.8em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  section.sec-supportlink div.supportlink-box p.supportlink-txt {
    font-size: 20px;
    width: 100%;
  }
}
section.sec-supportlink div.supportlink-box p.supportlink-txt-l {
  text-align: center;
  color: #0a51a1;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 8.52vw;
  line-height: 1.2em;
  margin: 3vw 0 5vw;
}
@media screen and (min-width: 768px) {
  section.sec-supportlink div.supportlink-box p.supportlink-txt-l {
    font-size: 35px;
    margin: 0;
    width: 336px;
  }
}
@media screen and (min-width: 768px) {
  section.sec-supportlink div.supportlink-box a {
    width: 232px;
  }
}

section.sec-consultation {
  padding: 10vw 0;
}
@media screen and (min-width: 768px) {
  section.sec-consultation {
    padding: 85px 0;
  }
}
section.sec-consultation div.sec-consultation-inner {
  width: 86%;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 1280px) {
  section.sec-consultation div.sec-consultation-inner {
    width: 74%;
  }
}
@media screen and (min-width: 1280px) {
  section.sec-consultation div.sec-consultation-inner {
    max-width: 1200px;
  }
}
section.sec-consultation h3 {
  text-align: center;
  margin-bottom: 7vw;
}
@media screen and (min-width: 768px) {
  section.sec-consultation h3 {
    margin-bottom: 50px;
  }
}
section.sec-consultation h3 .txt01 {
  display: inline-block;
  position: relative;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  section.sec-consultation h3 .txt01 {
    font-size: 13px;
  }
}
section.sec-consultation h3 .txt01::after, section.sec-consultation h3 .txt01::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 1px;
  height: 2em;
  background-color: #111;
}
section.sec-consultation h3 .txt01::after {
  bottom: 0;
  left: -1.2em;
  transform: rotate(-45deg);
}
section.sec-consultation h3 .txt01::before {
  bottom: 0;
  right: -0.9em;
  transform: rotate(45deg);
}
section.sec-consultation h3 .txt02 {
  display: block;
  font-size: 5vw;
  font-weight: 500;
  margin-top: 0.8em;
}
@media screen and (min-width: 768px) {
  section.sec-consultation h3 .txt02 {
    font-size: 25px;
  }
}
section.sec-consultation div.consultation-cont {
  background-size: cover;
  box-sizing: border-box;
  padding: 5vw;
  margin-bottom: 10vw;
}
@media screen and (min-width: 768px) {
  section.sec-consultation div.consultation-cont {
    padding: 42px 50px;
    margin-bottom: 57px;
  }
}
@media screen and (min-width: 1000px) {
  section.sec-consultation div.consultation-cont {
    padding: 42px 110px;
  }
}
section.sec-consultation div.consultation-cont.consultation01 {
  background-image: url(../../img/page/support/consultation-bg01_sp.png);
}
@media screen and (min-width: 768px) {
  section.sec-consultation div.consultation-cont.consultation01 {
    background-image: url(../../img/page/support/consultation-bg01_pc.png);
  }
}
section.sec-consultation div.consultation-cont.consultation02 {
  background-image: url(../../img/page/support/consultation-bg02_sp.png);
}
@media screen and (min-width: 768px) {
  section.sec-consultation div.consultation-cont.consultation02 {
    background-image: url(../../img/page/support/consultation-bg02_pc.png);
  }
}
section.sec-consultation div.consultation-cont.consultation03 {
  background-image: url(../../img/page/support/consultation-bg03_sp.png);
}
@media screen and (min-width: 768px) {
  section.sec-consultation div.consultation-cont.consultation03 {
    background-image: url(../../img/page/support/consultation-bg03_pc.png);
  }
}
section.sec-consultation div.consultation-cont p.consultation-txt01 {
  text-align: center;
  color: #fff;
  font-size: 3.6vw;
  font-weight: 500;
  line-height: 1.8em;
  margin-bottom: 5vw;
}
@media screen and (min-width: 768px) {
  section.sec-consultation div.consultation-cont p.consultation-txt01 {
    font-size: 2vw;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1000px) {
  section.sec-consultation div.consultation-cont p.consultation-txt01 {
    font-size: 20px;
  }
}
section.sec-consultation div.consultation-cont div.consultation-cont-inner {
  background-color: rgba(255, 255, 255, 0.85);
  padding: 7vw 10vw;
}
@media screen and (min-width: 768px) {
  section.sec-consultation div.consultation-cont div.consultation-cont-inner {
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -moz-column-gap: 25px;
         column-gap: 25px;
    align-items: flex-start;
  }
}
section.sec-consultation div.consultation-cont div.consultation-cont-inner h4 {
  font-size: 4.8vw;
  font-weight: 500;
  text-align: center;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  section.sec-consultation div.consultation-cont div.consultation-cont-inner h4 {
    width: 100%;
    font-size: 23px;
    margin-bottom: 1em;
  }
}
section.sec-consultation div.consultation-cont div.consultation-cont-inner a.tel-txt {
  display: block;
  text-align: center;
  font-size: 7.2vw;
  line-height: 1em;
  margin-bottom: 4vw;
}
@media screen and (min-width: 768px) {
  section.sec-consultation div.consultation-cont div.consultation-cont-inner a.tel-txt {
    font-size: 32px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1000px) {
  section.sec-consultation div.consultation-cont div.consultation-cont-inner a.tel-txt {
    font-size: 44px;
  }
}
section.sec-consultation div.consultation-cont div.consultation-cont-inner a.tel-txt .small {
  font-size: 0.6em;
}
@media screen and (min-width: 768px) {
  section.sec-consultation div.consultation-cont div.consultation-cont-inner a.base-btn {
    width: 250px;
  }
}
@media screen and (min-width: 1000px) {
  section.sec-consultation div.consultation-cont div.consultation-cont-inner a.base-btn {
    width: 300px;
  }
}

section.sec-site {
  padding-bottom: 10vw;
}
@media screen and (min-width: 768px) {
  section.sec-site {
    padding-bottom: 50px;
  }
}
section.sec-site div.sec-site-inner {
  width: 86%;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 1280px) {
  section.sec-site div.sec-site-inner {
    width: 74%;
  }
}
@media screen and (min-width: 1280px) {
  section.sec-site div.sec-site-inner {
    max-width: 1200px;
  }
}
section.sec-site h4 {
  text-align: center;
  position: relative;
  font-size: 4.26vw;
  line-height: 1.2em;
  width: 50%;
  margin: 0 auto 2em;
}
@media screen and (min-width: 768px) {
  section.sec-site h4 {
    font-size: 15px;
    width: 152px;
    margin: 0 auto 3em;
  }
}
section.sec-site h4::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  width: 100%;
  height: 1px;
  background: #000;
  z-index: -1;
}
section.sec-site h4 span {
  display: inline-block;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 1em;
}
section.sec-site ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5%;
}
section.sec-site ul li {
  margin-bottom: 5%;
}
section.sec-site ul li.size01 {
  width: 60%;
}
@media screen and (min-width: 768px) {
  section.sec-site ul li.size01 {
    width: 30%;
  }
}
section.sec-site ul li.size02 {
  width: 35%;
}
@media screen and (min-width: 768px) {
  section.sec-site ul li.size02 {
    width: 18%;
  }
}/*# sourceMappingURL=support.css.map */