@charset "UTF-8";
.mainVisual__container {
  margin: 0 auto;
  background: #1c1c1c;
}
.mainVisual__title {
  max-width: 1280px;
  margin: 0 auto;
}

.campaign {
  padding: 64px 16px;
}
@media screen and (max-width: 750px) {
  .campaign {
    padding: 40px 16px;
  }
}
.campaign__container {
  max-width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .campaign__container {
    max-width: 375px;
  }
}
.campaign__title {
  font-size: 3.6rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .campaign__title {
    font-size: 2.8rem;
  }
}
.campaign__title + * {
  margin-top: 40px;
}
.campaign__period {
  color: #2455AA;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .campaign__period {
    font-size: 2.2rem;
  }
}
.campaign__banner {
  max-width: 600px;
  margin: 48px auto 0;
}
.campaign__attention {
  max-width: 600px;
  margin: 32px auto 0;
  padding: 16px;
  border: solid 1px #CCCCCC;
  border-radius: 8px;
}
.campaign__heading {
  font-weight: 700;
}
.campaign__list {
  margin-top: 16px;
}
.campaign__list--dot {
  margin-left: 1em;
}
.campaign__item, .campaign__item--dot {
  padding-left: 1em;
  font-size: 1.2rem;
  text-indent: -1em;
}
.campaign__item::before, .campaign__item--dot::before {
  content: "※";
}
.campaign__item--dot::before {
  content: "・";
}

.entry {
  padding: 64px 16px;
}
@media screen and (max-width: 750px) {
  .entry {
    padding: 40px 16px;
  }
}
.entry {
  background: #F7F7F7;
}
.entry__container {
  max-width: 550px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .entry__container {
    max-width: 375px;
  }
}
.entry__title {
  font-size: 3.6rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .entry__title {
    font-size: 2.8rem;
  }
}
.entry__title + * {
  margin-top: 40px;
}
.entry__text {
  font-size: 1.2rem;
}
.entry__button--anchor {
  margin: 24px auto 0;
}
.entry__sub {
  margin-top: 16px;
  font-size: 1.2rem;
  font-weight: 800;
  text-align: center;
  color: #FF5C5C;
}
.entry__link {
  position: relative;
  display: block;
  max-width: 384px;
  margin: 24px auto 0;
  padding: 10px 0;
  border-radius: 8px;
  background: #3895ff;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}
.entry__link:hover {
  opacity: 0.7;
  text-decoration: none;
}
.entry__link:visited {
  color: #ffffff;
}
.entry__link::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 24px;
  width: 12px;
  height: 12px;
  border-top: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 750px) {
  .entry__link:hover {
    opacity: 0.7;
    text-decoration: underline;
  }
}
.entry__link--main {
  display: block;
  font-size: 2rem;
}
.entry__link--sub {
  display: block;
  font-size: 1.2rem;
}
.entry__link.js-hide {
  background: #909090;
  color: #bbbbbb;
  pointer-events: none;
  cursor: default;
}
.entry__link.js-hide:hover {
  opacity: 1;
}
.entry__link.js-hide::after {
  border-color: #bbbbbb;
}
.entry__link--anchor {
  position: relative;
  display: block;
  max-width: 309px;
  margin: 24px auto 0;
  padding: 8px 32px 8px 16px;
  background: #ffffff;
  border: solid 2px #3895ff;
  border-radius: 8px;
  color: #3895ff;
  font-weight: 700;
  text-align: center;
}
.entry__link--anchor:hover {
  text-decoration: underline;
}
.entry__link--anchor:visited {
  color: #3895ff;
}
.entry__link--anchor::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 45%;
  right: 16px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #3895ff;
  border-right: 2px solid #3895ff;
  -webkit-transform: translateY(-45%) rotate(135deg);
  transform: translateY(-45%) rotate(135deg);
}
.entry__list {
  margin-top: 24px;
  font-size: 1.2rem;
}
.entry__subTitle {
  margin-top: 32px;
  font-weight: 700;
  text-align: center;
}

/* チェックボックス */
.checkbox {
  max-width: 220px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 24px auto 0;
  cursor: pointer;
}
.checkbox:hover {
  text-decoration: underline;
}
.checkbox__icon, .stickyOrico__checkbox__icon {
  position: relative;
  width: 24px;
  height: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-right: 13px;
  background: #FFFFFF;
  border: solid 2px #808080;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
  cursor: pointer;
}
.checkbox__icon::before, .stickyOrico__checkbox__icon::before {
  content: "";
  opacity: 0;
  position: absolute;
  top: 7px;
  left: 3px;
  display: block;
  width: 14px;
  height: 10px;
  border-top: 3px solid #3895ff;
  border-right: 3px solid #3895ff;
  -webkit-transform: translateY(-45%) rotate(135deg);
  transform: translateY(-45%) rotate(135deg);
}
.checkbox__icon:checked, .stickyOrico__checkbox__icon:checked {
  border-color: #3895ff;
}
.checkbox__icon:checked::before, .stickyOrico__checkbox__icon:checked::before {
  opacity: 1;
}

.insurance {
  padding: 64px 16px;
}
@media screen and (max-width: 750px) {
  .insurance {
    padding: 40px 16px;
  }
}
.insurance__container {
  max-width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .insurance__container {
    max-width: 375px;
  }
}
.insurance__title {
  font-size: 3.6rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .insurance__title {
    font-size: 2.8rem;
  }
}
.insurance__title + * {
  margin-top: 40px;
}
.insurance__text {
  text-align: center;
}
.insurance__subTitle {
  margin-top: 48px;
  font-weight: 700;
  text-align: center;
}
.insurance__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 56px 0;
}
@media screen and (max-width: 750px) {
  .insurance__list {
    display: block;
    margin-top: 40px;
  }
}
.insurance__item {
  width: calc((100% - 112px) / 3);
  max-width: 270px;
  text-align: center;
}
.insurance__item:not(:first-of-type) {
  margin-left: 16px;
}
@media screen and (max-width: 750px) {
  .insurance__item {
    width: auto;
    max-width: 100%;
  }
  .insurance__item:not(:first-of-type) {
    margin: 24px 0 0;
  }
}
.insurance__photo {
  margin: 0 auto;
}
.insurance__heading {
  margin-top: 32px;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .insurance__heading {
    margin-top: 16px;
  }
}
.insurance__table {
  max-width: 600px;
  margin: 40px auto 0;
}

.benefit {
  padding: 64px 16px;
}
@media screen and (max-width: 750px) {
  .benefit {
    padding: 40px 16px;
  }
}
.benefit {
  background: #F7F7F7;
}
.benefit__container {
  max-width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .benefit__container {
    max-width: 375px;
  }
}
.benefit__label {
  max-width: 420px;
  margin: 0 auto 8px;
  padding: 8px;
  background: #DDEAFE;
  border-radius: 30px;
  color: #2455AA;
  font-weight: 700;
  text-align: center;
}
.benefit__title {
  font-size: 3.6rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .benefit__title {
    font-size: 2.8rem;
  }
}
.benefit__title + * {
  margin-top: 40px;
}
.benefit__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 48px;
  grid-row-gap: 32px;
}
@media screen and (max-width: 750px) {
  .benefit__list {
    display: block;
  }
}
.benefit__item {
  display: grid;
  grid-gap: 0;
  grid-row: span 4;
  grid-template-rows: subgrid;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 32px 24px;
  border-radius: 16px;
  background: #fff;
  -webkit-box-shadow: 3px 5px 30px 5px rgba(0, 0, 0, 0.0431372549);
          box-shadow: 3px 5px 30px 5px rgba(0, 0, 0, 0.0431372549);
}
@media screen and (max-width: 750px) {
  .benefit__item:not(:first-of-type) {
    margin-top: 24px;
  }
}
.benefit__heading {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.1;
}
.benefit__text {
  margin: 24px 0;
}
.benefit__text--link {
  color: #3895ff;
  text-decoration: underline;
}
.benefit__text--link:visited {
  color: #3895ff;
}
.benefit__text--link:hover {
  text-decoration: none;
}
.benefit__detail {
  text-align: center;
}
.benefit__link {
  color: #3895ff;
  text-decoration: underline;
}
.benefit__link:visited {
  color: #3895ff;
}
.benefit__link:hover {
  text-decoration: none;
}

.flow {
  padding: 64px 16px;
}
@media screen and (max-width: 750px) {
  .flow {
    padding: 40px 16px;
  }
}
.flow__container {
  max-width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .flow__container {
    max-width: 375px;
  }
}
.flow__title {
  font-size: 3.6rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .flow__title {
    font-size: 2.8rem;
  }
}
.flow__title + * {
  margin-top: 40px;
}
.flow__list {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 750px) {
  .flow__list {
    display: block;
  }
}
.flow__item {
  display: grid;
  grid-gap: 0;
  grid-row: span 4;
  grid-template-rows: subgrid;
}
@media screen and (max-width: 750px) {
  .flow__item:not(:first-child) {
    margin-top: 40px;
  }
}
.flow__label, .flow__label--customer, .flow__label--orico {
  width: 62px;
  margin: 0 auto;
  padding: 2px 8px;
  border-radius: 3px;
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
}
.flow__label--orico {
  background: #FF954C;
}
.flow__label--customer {
  background: #FF5C5C;
}
.flow__heading {
  margin-top: 8px;
  font-weight: 700;
  text-align: center;
}
.flow__photo {
  max-width: 160px;
  margin: 16px auto 0;
}
.flow__text {
  margin-top: 24px;
}
@media screen and (max-width: 750px) {
  .flow__text {
    text-align: center;
  }
}

.required {
  padding: 64px 16px;
}
@media screen and (max-width: 750px) {
  .required {
    padding: 40px 16px;
  }
}
.required {
  background: #F7F7F7;
}
.required__container {
  max-width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .required__container {
    max-width: 375px;
  }
}
.required__title {
  font-size: 3.6rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .required__title {
    font-size: 2.8rem;
  }
}
.required__title + * {
  margin-top: 40px;
}
.required__list {
  max-width: 620px;
  margin: 40px auto 0;
}

.information {
  padding: 64px 16px;
}
@media screen and (max-width: 750px) {
  .information {
    padding: 40px 16px;
  }
}
.information__container {
  max-width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .information__container {
    max-width: 375px;
  }
}
.information__title {
  font-size: 3.6rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .information__title {
    font-size: 2.8rem;
  }
}
.information__title + * {
  margin-top: 40px;
}
.information__table {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.user {
  padding: 64px 16px;
}
@media screen and (max-width: 750px) {
  .user {
    padding: 40px 16px;
  }
}
.user__container {
  max-width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .user__container {
    max-width: 375px;
  }
}
.user__title {
  font-size: 3.6rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .user__title {
    font-size: 2.8rem;
  }
}
.user__title + * {
  margin-top: 40px;
}
.user__subTitle {
  margin-top: 32px;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
}
.user__list {
  max-width: 500px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 32px auto 0;
}
.user__item {
  width: calc((100% - 28px) / 2);
  margin-bottom: 24px;
}
.user__link {
  display: block;
  padding: 16px 8px;
  border-radius: 8px;
  background: #3895ff;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}
.user__link:hover {
  opacity: 0.7;
  text-decoration: none;
}
.user__link:visited {
  color: #ffffff;
}
@media screen and (max-width: 750px) {
  .user__link {
    font-size: 1.4rem;
  }
}
.user__text {
  margin-top: 16px;
  text-align: center;
}

.inquiry {
  padding: 64px 16px;
}
@media screen and (max-width: 750px) {
  .inquiry {
    padding: 40px 16px;
  }
}
.inquiry {
  background: #F7F7F7;
}
.inquiry__container {
  max-width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .inquiry__container {
    max-width: 375px;
  }
}
.inquiry__title {
  font-size: 3.6rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .inquiry__title {
    font-size: 2.8rem;
  }
}
.inquiry__title + * {
  margin-top: 40px;
}
.inquiry__tel {
  margin-top: 16px;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
}
.inquiry__link {
  color: #242323;
  text-align: center;
}
.inquiry__link:visited {
  color: #242323;
}
.inquiry__link:hover {
  text-decoration: underline;
}
.inquiry__text {
  text-align: center;
}
.inquiry__text--annotation {
  margin-top: 16px;
  text-align: center;
}
.inquiry__annotation {
  color: #606060;
  font-size: 1.2rem;
}

.stickyOrico {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background: rgba(51, 50, 50, 0.9);
  opacity: 0.95;
}
.stickyOrico__container {
  max-width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .stickyOrico__container {
    max-width: 375px;
  }
}
.stickyOrico__container {
  padding: 8px;
}
.stickyOrico__checkbox {
  max-width: 220px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  color: #ffffff;
  cursor: pointer;
}
.stickyOrico__checkbox:hover {
  text-decoration: underline;
}
.stickyOrico__link {
  position: relative;
  display: block;
  max-width: 384px;
  margin: 8px auto 0;
  padding: 10px 0;
  border-radius: 8px;
  background: #3895ff;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}
.stickyOrico__link:hover {
  opacity: 0.7;
  text-decoration: none;
}
.stickyOrico__link:visited {
  color: #ffffff;
}
.stickyOrico__link::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 24px;
  width: 12px;
  height: 12px;
  border-top: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 750px) {
  .stickyOrico__link:hover {
    opacity: 0.7;
    text-decoration: underline;
  }
}
.stickyOrico__link--main {
  display: block;
  font-size: 2rem;
}
.stickyOrico__link--sub {
  display: block;
  font-size: 1.2rem;
}
.stickyOrico__link.js-hide {
  background: #909090;
  color: #bbbbbb;
  pointer-events: none;
  cursor: default;
}
.stickyOrico__link.js-hide:hover {
  opacity: 1;
}
.stickyOrico__link.js-hide::after {
  border-color: #bbbbbb;
}