@media screen and (min-width: 801px) {
  .pcview {
    display: block;
  }
}
@media screen and (max-width: 800px) {
  .pcview {
    display: none;
  }
}

@media screen and (min-width: 801px) {
  .spview {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .spview {
    display: block;
  }
}

img {
  width: 100%;
  height: auto;
}

p {
  font-family: "Hiragino Sans", sans-serif;
  font-feature-settings: "palt";
  color: #333;
}

a {
  color: #001583;
  text-decoration: underline;
  transition: all 0.3s;
}
a:hover {
  color: #5866B4;
}

.txtblue {
  color: #0048B4;
}

.highlight {
  background: linear-gradient(transparent 60%, #ffffff 60%);
}

.titlearea {
  text-align: center;
}
.titlearea h3 {
  font-family: "Roboto", sans-serif;
  color: #0048B4;
  font-size: 45px;
  line-height: 53px;
  margin-bottom: 15px;
  font-weight: 500;
}
.titlearea p {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  font-size: 16px;
  line-height: 23px;
  font-weight: 600;
}

.button_regular {
  display: block;
  background: #333;
  border-radius: 5px;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  font-weight: 600;
  font-size: 16px;
  line-height: 23px;
  text-align: center;
  padding: 11px 0;
  width: 160px;
  height: 45px;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s;
}
.button_regular:hover {
  background: #4F4F4F;
  color: #ffffff;
}

.header {
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__companylogo img {
  height: 60px;
  width: auto;
}

.keyvisual {
  background-image: url(../img/kv_bg.png);
  background-color: #EBEBEB;
  background-repeat: repeat-x;
  background-size: cover;
  background-position: bottom;
  position: relative;
  overflow-x: clip;
}
.keyvisual__img {
  position: absolute;
  bottom: 97px;
  left: 49.5%;
  max-width: 837px;
  height: auto;
}
@media screen and (max-width: 800px) {
  .keyvisual__img {
    width: 563px;
    height: auto;
    top: unset;
    bottom: 36px;
    left: 18.5%;
  }
}
.keyvisual__wrap {
  position: relative;
  max-width: 1280px;
  height: 630px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .keyvisual__wrap {
    height: 590px;
    max-width: unset;
  }
}
.keyvisual__wrap__text {
  position: absolute;
  top: 137px;
  left: 120px;
  color: #ffffff;
}
@media screen and (max-width: 800px) {
  .keyvisual__wrap__text {
    top: 52px;
    left: 50%;
    transform: translateX(-50%);
    width: 320px;
  }
}
.keyvisual__wrap__text h1 {
  font-size: 55px;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  font-weight: 600;
  line-height: 80px;
  margin-bottom: 20px;
}
@media screen and (max-width: 800px) {
  .keyvisual__wrap__text h1 {
    font-size: 34px;
    line-height: 49px;
  }
}
.keyvisual__wrap__text p {
  font-size: 20px;
  color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  font-weight: 600;
  line-height: 29px;
  margin-bottom: 15px;
}
@media screen and (max-width: 800px) {
  .keyvisual__wrap__text p {
    font-size: 16px;
    line-height: 23px;
  }
}
.keyvisual__wrap__text__btn {
  width: 318px;
}
@media screen and (max-width: 800px) {
  .keyvisual__wrap__text__btn {
    width: 200px;
  }
}
.keyvisual__wrap__text__btn__catch {
  position: relative;
  padding: 8px 15px;
  background: #D53636;
  border-radius: 40px;
  text-align: center;
  display: inline-block;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
}
.keyvisual__wrap__text__btn__catch p {
  margin-bottom: 0;
  line-height: 17px;
  font-size: 12px;
}
.keyvisual__wrap__text__btn__catch::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10.4px 6px 0 6px;
  border-color: #D53636 transparent transparent transparent;
  bottom: -7px;
}
.keyvisual__wrap__text__btn-contact {
  display: block;
  background: #ffffff;
  padding: 15px 40px;
  text-align: center;
  border-radius: 5px;
  text-decoration: none;
  transition: all 0.3s;
}
@media screen and (max-width: 800px) {
  .keyvisual__wrap__text__btn-contact {
    padding: 15px 28px 17px;
  }
}
.keyvisual__wrap__text__btn-contact:hover {
  background: #D7E7FF;
}
.keyvisual__wrap__text__btn-contact p {
  color: #0048B4;
  margin-bottom: 0;
  line-height: 110%;
}
.keyvisual__wrap__3col {
  display: flex;
  position: absolute;
  bottom: 20px;
  left: 50%;
  gap: 10px;
  transform: translateX(-50%);
}
@media screen and (max-width: 800px) {
  .keyvisual__wrap__3col {
    gap: 5px;
  }
}
@media screen and (max-width: 800px) {
  .keyvisual__wrap__3col li img {
    width: 130px;
    height: auto;
  }
}

.detail {
  background-color: #EBEBEB;
  padding: 20px 0 123px;
}
@media screen and (max-width: 800px) {
  .detail {
    padding-bottom: 0;
  }
}
.detail__headline {
  margin: 0 auto 35px;
}
@media screen and (max-width: 800px) {
  .detail__headline {
    width: 90.6%;
  }
}
.detail__headline h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  color: #333;
  font-size: 30px;
  font-weight: 600;
  line-height: 180%;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .detail__headline h2 {
    font-size: 20px;
  }
}
.detail__3col {
  display: flex;
  justify-content: center;
  gap: 35px;
  width: 67.3%;
  max-width: 862px;
  margin: 0 auto 35px;
}
@media screen and (max-width: 930px) {
  .detail__3col {
    display: block;
    width: 70%;
    margin: 0 auto 35px;
  }
}
.detail__3col__item {
  text-align: center;
}
@media screen and (max-width: 930px) {
  .detail__3col__item {
    margin-bottom: 35px;
  }
}
.detail__3col__item:nth-child(odd) {
  margin-top: 50px;
}
.detail__3col__item__balloon {
  position: relative;
  width: 264px;
  margin: 0 auto 10px;
}
.detail__3col__item__balloon p {
  width: 100%;
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  line-height: 25px;
  font-weight: 600;
  text-align: center;
}
.detail__3col__item__balloon p.f {
  top: 16%;
}
.detail__3col__item-person {
  display: block;
  margin: 0 auto 10px;
  width: 59%;
  max-width: 156px;
}
.detail__3col__item-arrow {
  display: block;
  margin: 0 auto 10px;
  width: 40px;
}
.detail__3col__item__text {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  font-size: 18px;
  line-height: 25px;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.detail__feature {
  width: 87.5%;
  margin: 0 auto;
  max-width: 1120px;
  background: #ffffff;
  border-radius: 20px;
  padding: 40px 0;
}
@media screen and (max-width: 800px) {
  .detail__feature {
    width: 100%;
    border-radius: unset;
    padding: 20px 17.5px;
  }
}
.detail__feature__desc {
  font-size: 20px;
  line-height: 29px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 30px;
}
@media screen and (max-width: 800px) {
  .detail__feature__desc {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.05em;
  }
}
.detail__feature__2col {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 0 50px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .detail__feature__2col {
    display: block;
    padding: unset;
  }
}
.detail__feature__2col__item {
  position: relative;
}
.detail__feature__2col__item:first-child {
  margin-bottom: 20px;
}
.detail__feature__2col__item__catch {
  position: absolute;
}
.detail__feature__2col__item__catch p {
  background: #0048B4;
  color: #ffffff;
  font-size: 15px;
  line-height: 22px;
  padding: 5px 30px;
  font-weight: 600;
}
@media screen and (max-width: 800px) {
  .detail__feature__2col__item__catch p {
    font-size: 12px;
    line-height: 18px;
    padding: 3px 24px;
  }
}
.detail__feature__2col__item img {
  outline: 4px solid #0048B4;
  outline-offset: -4px;
}

.merit {
  padding: 80px 0;
}
@media screen and (max-width: 800px) {
  .merit {
    padding: 40px 0;
  }
}
.merit__headline {
  margin-bottom: 60px;
}
.merit__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  max-width: 1020px;
  width: 79.6%;
  margin: 0 auto;
  gap: 20px;
}
@media screen and (max-width: 930px) {
  .merit__wrap.pcview {
    display: none;
  }
}
.merit__wrap.spview {
  width: 90.6%;
  gap: 8px;
  flex-wrap: wrap;
}
@media screen and (min-width: 931px) {
  .merit__wrap.spview {
    display: none;
  }
}
.merit__wrap.spview .merit__wrap__item {
  width: 48%;
  height: 125.3px;
  margin-bottom: 38px;
  background: linear-gradient(180deg, #202021 0%, #00114D 100%);
  padding: 3px;
  border-radius: 10px;
  border: unset;
}
.merit__wrap.spview .merit__wrap__item:last-child {
  margin-bottom: 0;
}
.merit__wrap.spview .merit__wrap__item-border {
  background-color: #ffffff;
  height: 100%;
  border-radius: 7px;
}
.merit__wrap.spview .merit__wrap__item-circle {
  top: -25%;
}
.merit__wrap.spview .merit__wrap__item__text {
  top: 52%;
  font-size: 16px;
  line-height: 23px;
}
.merit__wrap__item {
  height: 125px;
  width: 20%;
  text-align: center;
  border: 4px solid #0048B4;
  border-radius: 10px;
  position: relative;
}
.merit__wrap__item-circle {
  position: absolute;
  width: 60px;
  height: auto;
  left: 50%;
  transform: translateX(-50%);
  top: -30%;
}
.merit__wrap__item__text {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  position: relative;
  top: 55%;
  transform: translateY(-50%);
}

.price {
  background: #EBEBEB;
  padding: 80px 0;
}
@media screen and (max-width: 800px) {
  .price {
    padding: 40px 0;
  }
}
.price__headline {
  margin-bottom: 40px;
}
.price__content {
  width: 79.7%;
  max-width: 1020px;
  margin: 0 auto;
}
@media screen and (max-width: 930px) {
  .price__content {
    width: 90.6%;
  }
}
.price__content__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 930px) {
  .price__content__wrap {
    flex-direction: column;
  }
}
.price__content__wrap__item.menu {
  background: #ffffff;
  padding: 20px 0;
  text-align: center;
  border-radius: 10px;
  width: 280px;
}
.price__content__wrap__item.menu:last-child {
  background: linear-gradient(180deg, #202021 0%, #00114D 100%);
  border-radius: 10px;
  padding: 5px;
}
.price__content__wrap__item.menu:last-child .price__content__wrap__item__inner {
  background: #ffffff;
  border-radius: 5px;
  padding: 15px 0;
}
.price__content__wrap__item.menu p {
  font-size: 20px;
  line-height: 29px;
  font-weight: 600;
}
.price__content__wrap__item.menu p .txtred {
  color: #D53636;
}
.price__content__wrap__item.menu p .fee {
  font-family: "Roboto", sans-serif;
  font-size: 45px;
  line-height: 53px;
}
.price__content__wrap__item.menu p .gap8 {
  margin-right: 8px;
}
.price__content__wrap__item.menu p .gap4 {
  margin-right: 8px;
}
.price__content__wrap__item.symbol {
  background: #333;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.price__content__wrap__item.symbol p {
  line-height: 50px;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
}
.price__content-caution {
  font-family: "Hiragino Sans", sans-serif;
  font-feature-settings: "palt";
  font-weight: 300;
  font-size: 14px;
  line-height: 180%;
  margin-bottom: 20px;
}
.price__table {
  width: 79.7%;
  max-width: 1020px;
  margin: 0 auto;
}
@media screen and (max-width: 930px) {
  .price__table {
    width: 90.6%;
  }
}
.price__table table {
  font-family: "Hiragino Sans", sans-serif;
  font-feature-settings: "palt";
  border: 1px solid #BDBDBD;
}
.price__table table tbody tr {
  font-size: 14px;
  line-height: 180%;
  border: 1px solid #BDBDBD;
  letter-spacing: 0.105rem;
}
.price__table table tbody tr th {
  color: #ffffff;
  background: #828282;
  font-weight: 600;
  width: 300px;
  padding: 5px 10px;
}
@media screen and (max-width: 930px) {
  .price__table table tbody tr th {
    width: 34%;
    max-width: 116px;
  }
}
.price__table table tbody tr td {
  color: #333;
  background: #ffffff;
  font-weight: 300;
  padding: 5px 10px;
}

.campaign {
  background: url(../img/freecampaign.png), linear-gradient(180deg, #202021 0%, #00114D 100%);
  background-repeat: no-repeat;
  background-position: center -27px, center;
  background-size: 1303px 133px, cover;
  padding: 40px 0;
}
@media screen and (max-width: 800px) {
  .campaign {
    background-size: 744px 77px, cover;
  }
}
.campaign__wrap {
  width: 57.8%;
  max-width: 740px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .campaign__wrap {
    width: 90%;
    max-width: 340px;
  }
}

.flow {
  background: #EBEBEB;
  padding: 40px 0;
}
.flow__wrap {
  width: 57.8%;
  max-width: 740px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .flow__wrap {
    width: 90%;
  }
}
.flow__wrap__headline {
  margin-bottom: 40px;
}
.flow__wrap__content-firstitem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: 15px 43px 15px 20px;
  border-radius: 10px;
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 800px) {
  .flow__wrap__content-firstitem {
    padding: 15px;
  }
}
.flow__wrap__content-firstitem::after {
  content: "";
  width: 2px;
  height: 20px;
  background: #d9d9d9;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
}
.flow__wrap__content__item {
  background: #ffffff;
  padding: 15px 20px;
  border-radius: 10px;
  margin-bottom: 40px;
  display: flex;
  gap: 20px;
  position: relative;
}
@media screen and (max-width: 800px) {
  .flow__wrap__content__item {
    padding: 15px;
    gap: 10px;
  }
}
.flow__wrap__content__item:first-child {
  margin-bottom: unset;
  padding: unset;
}
.flow__wrap__content__item:first-child::after {
  display: none;
}
.flow__wrap__content__item::after {
  content: "";
  width: 2px;
  height: 20px;
  background: #d9d9d9;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
}
.flow__wrap__content__item:last-child {
  margin-bottom: 0;
}
.flow__wrap__content__item:last-child::after {
  display: none;
}
.flow__wrap__content__item-circle img {
  width: 70px;
  height: 70px;
}
@media screen and (max-width: 800px) {
  .flow__wrap__content__item-circle img {
    width: 50px;
    height: 50px;
  }
}
.flow__wrap__content__item__text h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.05em;
  margin-bottom: 10px;
}
@media screen and (max-width: 800px) {
  .flow__wrap__content__item__text h4 {
    font-size: 18px;
  }
}
.flow__wrap__content__item__text p {
  font-family: "Hiragino Sans", sans-serif;
  font-feature-settings: "palt";
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 800px) {
  .flow__wrap__content__item__text p {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 800px) {
  .flow__wrap__content-btn.pcview {
    display: none;
  }
}
@media screen and (min-width: 801px) {
  .flow__wrap__content-btn.spview {
    display: none;
  }
}

.faq {
  background: #ffffff;
  padding: 40px 0;
}
.faq__wrap {
  width: 57.8%;
  max-width: 740px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .faq__wrap {
    width: 90%;
  }
}
.faq__headline {
  margin-bottom: 40px;
}
.faq__content__item {
  background: #EBEBEB;
  border-radius: 10px;
  padding: 15px 20px;
  margin-bottom: 20px;
}
.faq__content__item-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .faq__content__item-question {
    gap: 5px;
  }
}
.faq__content__item-question h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  font-weight: 600;
  font-size: 18px;
  line-height: 160%;
  letter-spacing: -0.04em;
  display: block;
  width: 100%;
}
.faq__content__item-question-arrow {
  width: 24px;
  height: 24px;
  background-image: url(../img/keyboard_arrow_down.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.faq__content__item-question-arrow.up {
  background-image: url(../img/keyboard_arrow_up.png);
}
.faq__content__item-question img {
  width: 24px;
  height: 24px;
}
.faq__content__item-answer {
  font-family: "Hiragino Sans", sans-serif;
  font-feature-settings: "palt";
  font-size: 16px;
  font-weight: 300;
  line-height: 160%;
  letter-spacing: -0.05em;
  margin-top: 10px;
  display: none;
}
.faq__content__item-answer p {
  margin-bottom: 1rem;
}
.faq__content__item-answer p .bold {
  font-weight: 600;
}
.faq__content__item-answer p .small {
  font-size: 12px;
}
.faq__content__item-answer p.cap {
  margin-bottom: 10px;
}
.faq__content__item-answer table {
  width: 280px;
  border: 0.5px solid #828282;
  margin-bottom: 10px;
}
.faq__content__item-answer table thead {
  background: #f2f2f2;
}
.faq__content__item-answer table thead tr {
  background: #f2f2f2;
}
.faq__content__item-answer table thead tr th {
  font-family: "Hiragino Sans", sans-serif;
  font-feature-settings: "palt";
  font-size: 14px;
  line-height: 180%;
  padding: 5px 10px;
  text-align: center;
}
.faq__content__item-answer table thead tr th:first-child {
  text-align: unset;
}
.faq__content__item-answer table tbody tr {
  background: #ffffff;
  border-top: 0.5px solid #828282;
}
.faq__content__item-answer table tbody tr td {
  font-family: "Hiragino Sans", sans-serif;
  font-feature-settings: "palt";
  font-weight: 300;
  font-size: 14px;
  padding: 5px 10px;
  text-align: center;
}
.faq__content__item-answer table tbody tr td:first-child {
  width: 100px;
  text-align: unset;
}
.faq__content__item-answer-area {
  background: #ffffff;
  padding: 10px;
}
.faq__content__item-answer-area ul li {
  margin-bottom: 1rem;
}
.faq__content__item-answer-area ul li:last-child {
  margin-bottom: unset;
}
.faq__content__item-answer-area ul li p {
  font-family: "Hiragino Sans", sans-serif;
  font-feature-settings: "palt";
  font-weight: 600;
  font-size: 14px;
  margin-bottom: unset;
  line-height: 160%;
  letter-spacing: -0.05em;
}
.faq__content__item-answer-area ul li a {
  font-family: "Hiragino Sans", sans-serif;
  font-feature-settings: "palt";
  font-weight: 300;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: -0.05em;
}

.sidebutton {
  position: fixed;
  top: 30px;
  right: 0;
  z-index: 5;
  display: none;
}
.sidebutton__wrap {
  background: #333;
  border-radius: 5px 0 0 5px;
  padding: 23px 7px 15px;
  display: flex;
  text-decoration: none;
  transition: all 0.3s;
}
.sidebutton__wrap:hover {
  background: #828282;
}
.sidebutton__wrap p {
  writing-mode: vertical-lr;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  font-weight: 600;
  color: #ffffff;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 800px) {
  .sidebutton__wrap p {
    font-size: 16px;
  }
}
.sidebutton__wrap p.firstline {
  color: #D53636;
  font-size: 12px;
  line-height: 13px;
}
@media screen and (max-width: 800px) {
  .sidebutton__wrap p.firstline {
    font-size: 10px;
    line-height: 12px;
  }
}
.sidebutton__wrap p.firstline span {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
  font-family: "Roboto", sans-serif;
}
.sidebutton__wrap p.secondline {
  padding: 0 0.4rem;
}
@media screen and (max-width: 800px) {
  .sidebutton__wrap p.secondline {
    padding: 0 0.2rem;
  }
}

.footer {
  background: linear-gradient(180deg, #202021 0%, #00114D 100%);
  padding-top: 40px;
}
.footer__wrap {
  width: 71.8%;
  max-width: 920px;
  margin: 0 auto;
  padding: 30px 30px 70px;
}
@media screen and (max-width: 800px) {
  .footer__wrap {
    width: 90%;
    padding: unset;
    padding-bottom: 40px;
  }
}
.footer__cta {
  text-align: center;
}
.footer__cta__headline {
  position: relative;
  margin-bottom: 40px;
}
.footer__cta__headline h3 {
  font-family: "Hiragino Sans", sans-serif;
  font-feature-settings: "palt";
  font-weight: 700;
  font-size: 26px;
  line-height: 160%;
  color: #ffffff;
}
@media screen and (max-width: 800px) {
  .footer__cta__headline h3 {
    margin-top: 24px;
  }
}
.footer__cta__headline h3 .yellow {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #FFF500;
  font-size: 36px;
}
@media screen and (min-width: 801px) {
  .footer__cta__headline h3 .yellow {
    margin-right: 13px;
  }
}
.footer__cta__headline h3 .larger {
  font-size: 55px;
}
.footer__cta__headline::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #ffffff;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.footer__cta__col3 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  max-width: 557px;
  margin: 0 auto 6px;
}
@media screen and (max-width: 800px) {
  .footer__cta__col3 {
    gap: 4px;
    max-width: 340px;
    margin-bottom: 26px;
  }
}
.footer__cta__col3__item {
  position: relative;
}
.footer__cta__col3__item p {
  position: absolute;
  width: 100%;
  color: #ffffff;
  top: 25%;
  left: 50%;
  transform: translate(-50%);
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
}
@media screen and (max-width: 800px) {
  .footer__cta__col3__item p {
    font-size: 8.65px;
  }
}
.footer__cta__col3__item:last-child p {
  top: 12.5%;
}
.footer__cta__announce p {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  font-weight: 600;
  font-size: 16px;
  line-height: 160%;
  color: #ffffff;
  margin-bottom: 28px;
}
.footer__cta__contact {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 800px) {
  .footer__cta__contact {
    flex-direction: column;
  }
}
.footer__cta__contact__btn {
  background: #AAE3F9;
  width: 100%;
  border-radius: 10px;
  padding: 23px 0;
  text-decoration: none;
  transition: all 0.3s;
}
.footer__cta__contact__btn:hover {
  background: #E2F7FF;
}
@media screen and (max-width: 800px) {
  .footer__cta__contact__btn {
    padding: 20px 0;
  }
}
@media screen and (max-width: 800px) {
  .footer__cta__contact__btn {
    width: 83%;
    margin: 0 auto;
  }
}
.footer__cta__contact__btn p {
  display: inline-block;
  vertical-align: middle;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
.footer__cta__contact__btn p.mean {
  color: #ffffff;
  background: #0048B4;
  padding: 2px 5px;
  font-size: 15px;
  line-height: 19px;
  border-radius: 2px;
}
.footer__cta__contact__btn p.address {
  color: #333;
  font-size: 24px;
  line-height: 28px;
}
.footer__cta__contact__btn:first-child p.mean {
	font-family: "Hiragino Sans", sans-serif;
	font-feature-settings: "palt";
	font-weight: 500;
}
.footer__cta__contact__btn:first-child p.address {
  font-size: 19px;
  line-height: 22px;
}
.footer__cta__caution {
  font-family: "Hiragino Sans", sans-serif;
  font-feature-settings: "palt";
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 4px;
  line-height: 21px;
  letter-spacing: 0.08rem;
}
.footer__cta__caution p {
  color: #ffffff;
}
@media screen and (max-width: 800px) {
  .footer__cta__caution p {
    text-align: left;
  }
}
.footer__backtotop {
  background: #4F4F4F;
  text-align: center;
  padding: 16px 0;
}
.footer__backtotop a {
  font-size: 19px;
  color: #ffffff;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  transition: all 0.3s;
}
.footer__backtotop a:hover {
  opacity: 0.7;
}
.footer__backtotop a::after {
  content: "";
  display: inline-block;
  background-image: url(../img/expand_less.png);
  background-size: contain;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-left: 5px;
}
.footer__copyright {
  background: #333;
  height: 60px;
  text-align: center;
}
.footer__copyright p {
  color: #ffffff;
  font-family: "Hiragino Sans", sans-serif;
  font-feature-settings: "palt";
  font-weight: 300;
  font-size: 14px;
  line-height: 60px;
}/*# sourceMappingURL=style.css.map */