@charset "UTF-8";
.un_link-access-door .ft-smart-text {
  color: #3d62ad;
}
.un_link-access-door .mirairo-text {
  color: #ee7b36;
}
@media screen and (max-width: 767px) {
  .un_link-access-door_section {
    padding: 60px 0 20px;
    padding-inline: 3vw;
  }
}
.un_link-access-door_section:first-of-type {
  padding-block: 0 7rem;
}
@media screen and (max-width: 767px) {
  .un_link-access-door_section:first-of-type {
    padding-block: 0 2.4rem;
  }
}
.un_link-access-door_section:last-of-type {
  margin-bottom: 60px;
}
.un_link-access-door_section.__bgSmart {
  position: relative;
  background: linear-gradient(180deg, transparent 40px, #dff2fc 40px, #dff2fc 540px, transparent 540px, transparent 100%);
}
.un_link-access-door_section.__bgMirairo {
  position: relative;
  background: linear-gradient(180deg, transparent 40px, #fde8d0 40px, #fde8d0 540px, transparent 540px, transparent 100%);
}
.un_link-access-door_section.__bgSystem {
  position: relative;
  background: #f2f2f2;
}
.un_link-access-door_section .__bgWhite {
  background-color: #fff;
  margin-block: 2.4rem;
  padding: 4rem;
}
@media screen and (max-width: 767px) {
  .un_link-access-door_section .__bgWhite {
    padding: 0rem;
  }
}
.un_link-access-door_intro {
  position: relative;
  margin-bottom: 4.8rem;
  text-align: center;
  font-weight: 700;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
@media screen and (max-width: 767px) {
  .un_link-access-door_intro {
    text-align: left;
  }
}
.un_link-access-door_anchor {
  position: relative;
  border: 6px solid #c8c8c8;
  border-radius: 20px;
  padding: 2.4rem 6.4rem;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .un_link-access-door_anchor {
    padding: 2.4rem;
  }
}
.un_link-access-door_anchor .__title {
  text-align: center;
  font-weight: 900;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 3.8rem;
  line-height: 1.6;
}
.un_link-access-door_anchor .__title .__lower {
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .un_link-access-door_anchor .__title {
    font-size: 2.4rem;
  }
}
.un_link-access-door_anchor__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.2rem;
  margin-block: 1.6rem;
}
.un_link-access-door__inner {
  max-width: 112rem;
  width: 100%;
  margin-inline: auto;
}
.un_link-access-door__inner.__smartkey {
  width: 100%;
  max-width: 100rem;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-areas: "title image" "text image";
  gap: 2.4rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .un_link-access-door__inner.__smartkey {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "title" "text" "image";
  }
}
.un_link-access-door__inner.__smartkey .__title {
  grid-area: title;
  color: #3d62ad;
  align-self: end;
}
.un_link-access-door__inner.__mirairo {
  width: 100%;
  max-width: 100rem;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-areas: "title image" "text image";
  gap: 2.4rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .un_link-access-door__inner.__mirairo {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "title" "text" "image";
  }
}
.un_link-access-door__inner.__mirairo .__title {
  grid-area: title;
  color: #ee7b36;
  align-self: end;
}
.un_link-access-door__inner .__title {
  font-size: 3.2rem;
  font-weight: 900;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.un_link-access-door__inner .__image {
  grid-area: image;
  text-align: center;
}
.un_link-access-door__inner .__text {
  grid-area: text;
  align-self: start;
}
.un_link-access-door .__smartkey .__scene .__title {
  margin-inline: auto;
  width: 100%;
  max-width: 100rem;
  background: #3d62ad;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 2rem;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.un_link-access-door .__scene_inner {
  margin-inline: auto;
  width: 100%;
  max-width: 100rem;
}
.un_link-access-door .__scene_list {
  counter-reset: scene_no 0;
  margin-block: 3.6rem;
  display: grid;
  gap: 5.6rem;
}
.un_link-access-door .__scene_list .__item {
  display: flex;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
}
.un_link-access-door .__scene_list .__item:before {
  counter-increment: scene_no 1;
  content: counter(scene_no);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  background-color: #3d62ad;
  color: #fff;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
  text-align: center;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1;
  margin-top: 0.2em;
}
.un_link-access-door .__scene_list .__cont {
  display: grid;
  gap: 1.6rem;
  width: 100%;
}
.un_link-access-door .__scene_list .__subtitle {
  font-size: 2.6rem;
  font-weight: 700;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.un_link-access-door .__scene_list .__subtitle .__suffix {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .un_link-access-door .__scene_list .__subtitle {
    font-size: 2rem;
    line-height: 1.2;
  }
  .un_link-access-door .__scene_list .__subtitle .__suffix {
    font-size: 1.6rem;
    display: inline-block;
  }
}
.un_link-access-door .__scene_list .__img {
  text-align: center;
}
.un_link-access-door .__example_smartkey {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .un_link-access-door .__example_smartkey {
    grid-template-columns: repeat(1, 1fr);
    gap: 2.4rem;
    width: 115%;
    transform: translateX(-50px);
  }
}
.un_link-access-door .__example_smartkey .__exp_cont {
  border: 2px solid #3d62ad;
  border-radius: 2rem;
  padding: 2.4rem;
  display: grid;
  gap: 1.6rem;
}
.un_link-access-door .__example_smartkey .__exp_cont .__heading {
  color: #3d62ad;
  text-align: center;
  font-size: 2.2rem;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .un_link-access-door .__example_smartkey .__exp_cont .__heading {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .un_link-access-door .__example_smartkey .__exp_cont img {
    width: 80%;
  }
}
.un_link-access-door .__scene_inner.__mirairo {
  display: grid;
  gap: 2.4rem;
}
.un_link-access-door .__scene_inner.__mirairo .__heading {
  font-weight: 900;
  font-size: 3rem;
  text-align: center;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .un_link-access-door .__scene_inner.__mirairo .__heading {
    font-size: 2rem;
  }
}
.un_link-access-door .__scene_inner.__mirairo .__img {
  text-align: center;
}
.un_link-access-door .__scene_inner.__mirairo .__desc {
  text-align: center;
  font-weight: 700;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.un_link-access-door .__scene_inner.__mirairo .__desc .__large {
  font-size: 120%;
}
.un_link-access-door .__scene_inner.__mirairo .__percent {
  display: flex;
  gap: 1.6rem;
  justify-content: center;
  width: 100%;
  max-width: 90rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .un_link-access-door .__scene_inner.__mirairo .__percent {
    display: grid;
  }
}
.un_link-access-door .__scene_inner.__mirairo .__percent .__left {
  font-weight: 900;
  font-size: 3rem;
  text-align: left;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
  line-height: 1.4;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .un_link-access-door .__scene_inner.__mirairo .__percent .__left {
    font-size: 1.8rem;
  }
}
.un_link-access-door .__scene_inner.__mirairo .__percent .__right {
  font-weight: 900;
  font-size: 5rem;
  color: #d21923;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
  line-height: 1;
}
.un_link-access-door .__scene_inner.__mirairo .__percent .__right .__num {
  font-size: 8rem;
}
@media screen and (max-width: 767px) {
  .un_link-access-door .__scene_inner.__mirairo .__percent .__right {
    text-align: center;
  }
}
.un_link-access-door .__scene_inner.__mirairo .__example_mirairo {
  display: grid;
  gap: 2.4rem;
  grid-template-columns: repeat(2, 1fr);
  border-top: 5px solid #d21923;
  max-width: 90rem;
  margin-inline: auto;
  padding-block: 3.2rem;
  padding-inline: 3.2rem;
}
@media screen and (max-width: 767px) {
  .un_link-access-door .__scene_inner.__mirairo .__example_mirairo {
    grid-template-columns: repeat(1, 1fr);
  }
}
.un_link-access-door .__scene_inner.__mirairo .__example_mirairo .__title {
  font-size: 2rem;
  font-weight: 900;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.un_link-access-door .__scene_inner.__mirairo .__example_mirairo .__list {
  margin-block: 1.6rem;
}
.un_link-access-door .__scene_inner.__mirairo .__example_mirairo .__list .__item {
  display: flex;
  gap: 0.2em;
}
.un_link-access-door .__scene_inner.__mirairo .__example_mirairo .__list .__item:before {
  content: attr(data-icon);
}
.un_link-access-door .__arrow {
  text-align: center;
}
.un_link-access-door .__result {
  margin-block: 2.4rem;
}
.un_link-access-door .__result .__catch {
  text-align: center;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.6;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
@media screen and (max-width: 767px) {
  .un_link-access-door .__result .__catch {
    font-size: 2rem;
  }
}
.un_link-access-door .__result .__catch span {
  font-size: 3rem;
  font-weight: 900;
}
.un_link-access-door .__result .__catch span.__text_mirairo {
  color: #ee7b36;
}
.un_link-access-door .__result .__catch span.__text {
  color: #d21923;
}
.un_link-access-door .__result .__movie {
  margin-block: 2.4rem;
  text-align: center;
}
.un_link-access-door .__result .__movie iframe {
  width: 100%;
  max-width: 680px;
  aspect-ratio: 1236/695;
}
.un_link-access-door .__result .__dummy {
  background: #ccc;
  width: 100%;
  aspect-ratio: 600/360;
  max-width: 60rem;
  margin-inline: auto;
}
.un_link-access-door .__scene_mirairo .__title {
  margin-inline: auto;
  width: 100%;
  max-width: 100rem;
  background: #ee7b36;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 2rem;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.un_link-access-door .__scene_mirairo .__scene_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5.6rem;
}
@media screen and (max-width: 767px) {
  .un_link-access-door .__scene_mirairo .__scene_list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.un_link-access-door .__scene_mirairo .__scene_list .__item:before {
  content: "";
  display: none;
}
.un_link-access-door .__scene_mirairo .__scene_list .__cont .__subtitle {
  display: flex;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
}
.un_link-access-door .__scene_mirairo .__scene_list .__cont .__subtitle:before {
  counter-increment: scene_no 1;
  content: counter(scene_no);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  background-color: #ee7b36;
  color: #fff;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
  text-align: center;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1;
  margin-top: 0.2em;
}
.un_link-access-door .__scene_mirairo .__scene_list .__subtitle {
  font-size: 2.2rem;
  font-weight: 700;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.un_link-access-door .__scene_mirairo .__scene_list .__subtitle .__suffix {
  font-size: 2rem;
}
.un_link-access-door .__scene_mirairo .__scene_list .__img {
  text-align: center;
}
.un_link-access-door .un_link-access-door__inner.__system_inner {
  width: 100%;
  max-width: 100rem;
}
.un_link-access-door .__system {
  padding-block: 4rem;
  display: grid;
  gap: 5.4rem;
}
.un_link-access-door .__system .__title {
  font-size: 2.6rem;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 700;
  display: flex;
  gap: 0.2em;
}
.un_link-access-door .__system .__title:before {
  content: attr(data-icon);
}
@media screen and (max-width: 767px) {
  .un_link-access-door .__system .__title {
    font-size: 1.8rem;
  }
}
.un_link-access-door .__system .__small {
  font-size: 1.4rem;
}
.un_link-access-door .__system .__text {
  margin-block: 0.5em;
}
.un_link-access-door .__system .__note {
  display: flex;
  gap: 0.2em;
  font-size: 1.4rem;
}
.un_link-access-door .__system .__note:before {
  content: attr(data-icon);
}
.un_link-access-door .__system .__image {
  margin-block: 2.4rem 0;
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .un_link-access-door .__system .__image {
    width: 96%;
    flex-direction: column;
    align-items: center;
  }
}
.un_link-access-door .__system .__haudi {
  margin-top: 1em;
}
.un_link-access-door .__system .__haudi a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.un_link-access-door .__system .__haudi img {
  display: inline-block;
  width: 10rem;
  margin-left: 1em;
}
.un_link-access-door .__system .__linktext a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.un_link-access-door .__system .__linktext img {
  display: inline-block;
  width: 10rem;
  margin-left: 1em;
}
.un_link-access-door .__system .__price {
  display: flex;
  justify-content: center;
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .un_link-access-door .__system .__price {
    flex-direction: column;
    gap: 1.6rem;
  }
}
.un_link-access-door .__system .__price .__price_inner {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  grid-template-areas: "name desc" ". tax";
}
@media screen and (max-width: 767px) {
  .un_link-access-door .__system .__price .__price_inner {
    grid-template-columns: 1fr;
    grid-template-areas: "name" "desc" "tax";
    justify-items: center;
  }
}
.un_link-access-door .__system .__price .__price_inner .__item_name {
  grid-area: name;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 900;
  font-size: 2.4rem;
  align-self: end;
}
.un_link-access-door .__system .__price .__price_inner .__item_name.__smartkey_text {
  color: #3d62ad;
}
.un_link-access-door .__system .__price .__price_inner .__item_name.__mirairo_text {
  color: #ee7b36;
}
.un_link-access-door .__system .__price .__price_inner .__price_desc {
  grid-area: desc;
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.4;
}
.un_link-access-door .__system .__price .__price_inner .__price_desc span {
  font-weight: 900;
  font-size: 5rem;
  letter-spacing: 0.02em;
}
.un_link-access-door .__system .__price .__price_inner .__price_tax {
  grid-area: tax;
}
.un_link-access-door .__btn_block {
  text-align: center;
}