@charset "UTF-8";
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/noto-sans-jp-v56-japanese_latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/noto-sans-jp-v56-japanese_latin-600.woff2") format("woff2");
}
/*
* 更新用 style
* 緊急・外部操作等で一時的に上書きする場合に使用
* 記述されたものは原則scssに差分を吸収し、コンパイルしたものを再アップする
*/
body {
  white-space-collapse: discard;
}
.products .editor-area .btn + .btn {
  margin-left: auto;
}

.mainvisual .news-list-item .news-flex {
  display: flex;
  align-items: center;
}

.mainvisual .txt-list-item .post-ttl {
  margin-top: 0;
}

@media screen and (max-width: 479px) {
  .mainvisual .rounded-max {
    border-radius: 0;
  }

  .mainvisual .txt-list-item .post-ttl {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 480px) {
  .news .newsSlider {
    padding: 0;
  }

  .mainvisual .news-list-item .news-flex {
    padding: 0 1em;
  }
}

@media screen and (min-width: 768px) {
  .mainvisual .news-list-item .news-flex {
    gap: 0.5em 1em;
  }

  .mainvisual .txt-list-item .post-ttl {
    max-width: 100%;
  }
}

.news-list-item a {
  padding: 0 !important;
  display: inline-block;
  width: auto;
}

.archive .txt-list-item.news-list-item {
  display: inline-flex;
  gap: 0.5em 1em;
}

.archive .txt-list-item.news-list-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1.6rem 0;
}

.news-list-item .txt-link {
  text-decoration: underline;
  text-underline-offset: 0.1em;
  text-decoration-thickness: 1px;
}

.grecaptcha-badge {
  visibility: hidden;
}

.lineup-list .lineup-list-item .pr-ttl .font-en,
.lineup-list .lineup-list-item .pr-ttl .ttl-caps {
  text-shadow: none;
}

.lineup .xlife .pr-list-item {
  background: linear-gradient(210deg, #96b7be 27%, #cde0e5 39%, #b0cbce 57%);
}

.lineup .xlife .thumb {
  background: none;
}

/* 追記　main-header */
.nav-menu-item {
  text-transform: inherit;
}

/* 追記　products */
.eol-products {
  padding: 2em 0 1em;
  position: relative;
  z-index: 2;
}

.eol-products .sub-ttl {
  margin: 0.5em auto;
  padding-inline: 1.6rem;
}

.eol-products ul {
  list-style: none;
  padding: 0;
}

.eol-products .lineup-list .lineup-list-item .pr-list {
  place-content: center;
}

.eol-products .pr-list .pr-list-item {
  aspect-ratio: 446 / 520;
}

/* 追記　end */
.end .eol-products {
  margin-top: -2em;
}

/* 追記　note 5 */
.note-5 .mainvisual {
  padding-top: 1080px;
  background-color: #163253;
  background-image: url(../img/products/note-5/mv-sp-02.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 110% auto;
}

.note-5 .mainvisual .inner {
  flex-direction: column;
}

.note-5 .mainvisual::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(25, 43, 74)), to(rgba(43, 82, 152, 0)));
  background: linear-gradient(to bottom, rgb(25, 43, 74), rgb(43, 82, 152, 0));
}

.note-5 .bg-color {
  background-color: #163253;
  padding-bottom: clamp(3.2rem, 2.111rem + 3.404vw, 5.6rem);
}

.note-5 .bg_beige {
  background-color: #fefbf6;
}

.note-5 .bg-grd {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(25, 43, 74)), to(rgb(43, 82, 152)));
  background: linear-gradient(to top, rgb(25, 43, 74), rgb(43, 82, 152));
}

.note-5 .feature::before {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(70%, rgb(22, 50, 83)), to(rgba(22, 50, 83, 0)));
  background: linear-gradient(0deg, rgb(22, 50, 83) 70%, rgba(22, 50, 83, 0) 100%);
}

.note-5 .list-item-rens .img:first-child {
  padding: 5% 2em;
  width: 90%;
}

.note-5 .list-item-rens .img.vertical {
  padding: 5%;
}

.note-5 .list-item-design .img:first-child {
  padding: 3em 10% 3em;
}

.note-5 .list-item-rens .img.vertical,
.note-5 .list-item-design .img:first-child {
  max-height: 375px;
}

.copy-flex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 1em;
}

@media screen and (min-width: 480px) {
  .note-5 .mainvisual {
    padding-top: 1120px;
    background-size: 100% auto;
  }

  .note-5 .list-item-rens .img:first-child {
    width: 60%;
  }
}

@media screen and (min-width: 768px) {
  .lineup .xlife .pr-list-item {
    background: linear-gradient(220deg, #d6e4e7 40%, #d6e4e7 74%, #9cb9c2 82%);
  }

  .lineup .xlife .pr-list-item a::after {
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, #9cb9c2 0%, #d6e4e7 60%, rgb(212 228 232 / 0%) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }

  .lineup .xlife .pr-list-item a {
    z-index: 3;
  }

  .note-5 .mainvisual {
    padding-top: 1280px;
  }

  .note-5 .list-item-rens .img:first-child {
    width: 38%;
    padding: 0 0 5%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .note-5 .list-item-rens .img.vertical {
    padding: 1.5em 0;
  }
}

@media screen and (min-width: 1024px) {
  /* .lineup .xlife .pr-list-item {
    background: linear-gradient(220deg, #d6e4e7 40%, #d6e4e7 74%, #9cb9c2 82%);
  } */
  .lineup .xlife .pr-list-item a::after {
    width: 70%;
    background: linear-gradient(90deg, #9cb9c2 0%, #d6e4e7 70%, rgb(212 228 232 / 0%) 100%);
  }

  .note-5 .mainvisual {
    padding: clamp(3.2rem, 2.111rem + 3.404vw, 5.6rem) 0 0;
    background-image: url(../img/products/note-5/mv-pc-02.jpg);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
  }

  .copy-flex {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-end;
  }
}

@media screen and (min-width: 1025px) {
  .lineup .xlife .pr-list-item,
  .lineup .xlife .pr-list-item a::after {
    background: none;
  }
}

@media screen and (min-width: 1280px) {
}

/*  */
/* 240411 追記 TOP ------------------- */
::-webkit-full-page-media,
:future,
:root .top .products .pr-list .pr-list-item {
  padding: 1.5em;
}

::-webkit-full-page-media,
:future,
:root .top .products .pr-list .pr-list-item::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: calc(520 / 446 * 100%);
}

::-webkit-full-page-media,
:future,
:root .top .products .pr-list .pr-list-item .pr-ttl {
  position: absolute;
  top: 1.5em;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

/* 240411 追記 製品一覧　------------------- */
::-webkit-full-page-media,
:future,
:root .lineup-list .pr-list .pr-list-item:not(:only-child) a::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: calc(520 / 446 * 100%);
}

::-webkit-full-page-media,
:future,
:root .lineup .xlife .pr-list-item {
  display: block;
  min-height: inherit;
  height: 400px;
}

@media screen and (min-width: 768px) {
  ::-webkit-full-page-media,
  :future,
  :root .lineup .xlife .pr-list-item {
    height: 400px;
  }
}

/* 240411 追記 製品詳細 ------------------- */
/* ::-webkit-full-page-media,
:future,
:root .img-box .img {
  height: 380px;
} */

.feature-list-item .img a {
  display: block;
}

.feature-list-item .cols-3-img.img {
  width: 100%;
  max-height: inherit;
  aspect-ratio: unset;
}

.feature-list .feature-list-item {
  max-width: 600px;
}

@media screen and (min-width: 768px) {
  .feature-list .feature-list-item {
    max-width: none;
  }

  .feature-list-item .cols-3-img.img {
    width: 33.3333333333%;
  }

  ::-webkit-full-page-media,
  :future,
  :root .cols-3.has-txt .img {
    width: 50%;
  }

  ::-webkit-full-page-media,
  :future,
  :root .cols-3.has-txt .img.txt {
    width: 60%;
  }

  ::-webkit-full-page-media,
  :future,
  :root .cols-3.has-txt .img {
    height: 320px;
  }
}

@media screen and (min-width: 1024px) {
  ::-webkit-full-page-media,
  :future,
  :root .cols-3.has-txt .img.txt {
    width: 40%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-bottom: 2em;
  }

  ::-webkit-full-page-media,
  :future,
  :root .cols-3.has-txt .img {
    width: 30%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  ::-webkit-full-page-media,
  :future,
  :root .cols-3.has-txt .img:last-of-type {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  ::-webkit-full-page-media,
  :future,
  :root .cols-3.has-txt .img {
    height: 400px;
  }

  ::-webkit-full-page-media,
  :future,
  :root .cols-3.has-txt .img img {
    width: auto;
    height: 100%;
  }

  ::-webkit-full-page-media,
  :future,
  :root .d3-feature.cols-3.has-txt .img.txt {
    order: 1;
    padding-bottom: 3em;
    width: 34%;
    padding-left: 5em;
  }

  ::-webkit-full-page-media,
  :future,
  :root .d3-feature.cols-3.has-txt .img:nth-of-type(2) {
    width: 23%;
    margin: 0;
    padding: 0;
  }

  ::-webkit-full-page-media,
  :future,
  :root .d3-feature.cols-3.has-txt .img:last-of-type {
    width: 43%;
    padding-right: 0;
    margin-right: 0;
  }

  .eol-products .lineup-list .lineup-list-item {
    justify-content: center;
    padding-right: calc((100% - 1280px) / 2);
    padding-left: calc((100% - 1280px) / 2);
  }

  /* note 5 追記 */
  .products .mainvisual::before {
    content: none;
  }

  .note-5 .mainvisual .inner {
    padding-right: 0;
    padding-left: calc(540px - clamp(1.6rem, 0.511rem + 3.404vw, 4rem) * 2);
  }
}

/* 202510 追記 start ------------------- */
.pr-list .pr-list-item.note5 .thumb img {
  -o-object-position: 24% bottom;
  object-position: 24% bottom;
}

@media screen and (min-width: 480px) {
  .lineup-list .bebird .note5 .pr-ttl {
    top: 25%;
    right: 2.25em;
  }

  .lineup-list .bebird .note5 .type {
    bottom: 2em;
    right: 2.4rem;
  }
}

@media screen and (min-width: 768px) {
  .pr-list .pr-list-item.note5 {
    min-height: 32rem;
  }

  .pr-list .pr-list-item.note5 .thumb {
    background: linear-gradient(120deg, #5d7d9f 25%, #112a4e 50%, #070c16 82%);
  }

  .pr-list .pr-list-item.note5 .thumb img {
    -o-object-position: left bottom;
    object-position: left bottom;
    object-fit: contain;
  }
}

@media screen and (min-width: 1025px) {
  .lineup .bebird .note5 {
    aspect-ratio: 906 / 440;
  }
}
/* 202510 追記 end ------------------- */

/* 202601 追記 start ------------------- */
#js-nav-toggle {
  touch-action: manipulation; /* ダブルタップズームを抑制し、クリックの反応を速くする */
  cursor: pointer; /* これがないとiOSでクリックイベントが発生しない場合がある */
}

.news .txt-list-item .postdate {
  min-width: 75px;
}
.top .mainvisual {
  position: relative;
  z-index: 5;
}
.top .mainvisual .pr-logo .logo-item.logo-item-bebird {
  width: 65%;
}
.pr-list .pr-list-item.qe-1 {
  background: #d8d8d8;
}
.pr-list .pr-list-item.qe-1 .thumb {
  height: 85%;
  top: auto;
  bottom: 0;
}
.pr-list .pr-list-item.qe-1 img {
  object-position: right 25% bottom 0;
}
.pr-list .pr-list-item.note6 img {
  object-position: right center;
}
.lineup-list .lineup-list-item .qe-1 .pr-ttl,
.lineup-list .lineup-list-item .note6 .pr-ttl {
  right: auto;
  left: 1.6em;
}

.eol-products .eol-logo {
  margin-bottom: 2em;
  max-width: 260px;
}
.top .products {
  padding-top: 0;
  background: #c1cad7;
  background: linear-gradient(to bottom, #eff1f7 0%, #eff1f7 50%, #c1cad7 50%, #c1cad7 100%);
}
.top .products::after {
  content: none;
}
.products-top {
  position: relative;
  padding-top: 6em;
  color: #363b58;
}
.products-top::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/top/bg-products_2.jpg) no-repeat center top / auto calc(100% + 70px);
  /* background: linear-gradient(to bottom, #abb2bd 0%, #abb2bd 90%, #c3cad7 90%, #c3cad7 100%); */
  width: 100%;
  height: 120%;
  z-index: 2;
}

.products .main-img {
  width: 50%;
  position: relative;
  aspect-ratio: 443/837;
  transform: translateX(-20%);
  pointer-events: none;
}

.sub.note-6 .bg-color {
  background: #bcd1e0;
}
.lineup .main-ttl.color-navy {
  color: #363b58;
}
.sub.note-6 hr {
  width: 80%;
  border-color: #363b58;
  margin: 2.5em auto;
  padding: 0;
  border-top: 1px solid #363b58;
  border-bottom: none;
}
/* .feature-list .feature-list-item.is-in, */
.sub.note-6 .icon-list.is-in {
  clip-path: polygon(-5% -5%, 105% -5%, 105% 105%, -5% 105%);
}
.sub.note-6 .mainvisual {
  background: #bcd1e0 url(../img/products/note-6/mv-sp_2.png) no-repeat left bottom / contain;
}
.sub.note-6 .mainvisual::before {
  background: linear-gradient(180deg, #bcd1e0 0%, rgba(188, 209, 224, 0.8) 80%, rgba(188, 209, 224, 0) 100%);
}
.sub.note-6 .feature::before {
  background: linear-gradient(0deg, #bcd1e0 70%, rgba(188, 209, 224, 0) 100%);
}
.sub.note-6 .icon-list .icon-list-item.other {
  margin-top: -0.5rem;
}
.note-6 .feature-list .feature-list-item.item-share {
  background: #d8d2d0 url(../img/products/note-6/img-share-bg.png) no-repeat left bottom / 100% auto;
  padding: 1.5em;
  display: grid;
  gap: 1.5em 2em;
  place-content: center;
  padding-bottom: calc(3 / 5 * 100%);
}
.note-6 .item-head {
  background: #efeff1 url(../img/products/note-6/img-head-bg.png) no-repeat right -5px bottom / 300px auto;
  width: 100%;
  padding: 8% 8% 10em;
}

.note-6 .item-head__txt {
  width: 53%;
  max-width: 280px;
}
.note-6 .list-head {
  display: grid;
  grid-template-columns: 40% 60%;
  gap: 0;
  background: #fff;
  align-items: flex-end;
  gap: 0.75em 0.5em;
}
.note-6 .list-head li:first-child {
  grid-row: 1/5;
}
.note-6 .feature-list .feature-list-item.item-pinset {
  background: #fcfbf9 url(../img/products/note-6/img-pinset-bg.png) no-repeat right bottom / 95% auto;
  padding: 8% 8% calc(3 / 5 * 100%);
}
.note-6 .item-wifi {
  background: #e9e9e9;
  padding: 8%;
}
.note-6 .item-rense {
  padding: 5% 5% calc(1 / 1 * 100%);
  background: #d9d7d9 url(../img/products/note-6/img-rense-bg.png) no-repeat right bottom / 200% auto;
  gap: 0.5em;
}
.note-6 .item-pinset__pic {
  width: 77%;
  margin: 0 auto;
}
.note-6 .item-share__txt {
  width: 80%;
  margin: 0 auto;
}
.note-6 .item-wifi__txt {
  width: 85%;
  margin: 0 auto;
}
.lg-only {
  display: none;
}
.md-visible {
  display: none;
}
.eol-products .lineup-list .lineup-list-item {
  justify-content: center;
}

@media screen and (min-width: 480px) {
  .lg-only {
    display: block;
  }
  .xs-only {
    display: none;
  }
  .lineup-list .lineup-list-item .logo > .caps br {
    display: block;
  }
  .pr-list .pr-list-item.qe-1 .thumb {
    height: 100%;
  }
  .lineup-list .lineup-list-item .qe-1 .pr-ttl,
  .lineup-list .lineup-list-item .note6 .pr-ttl {
    left: 1em;
    top: 2em;
    width: 240px;
  }
  .lineup-list .lineup-list-item .qe-1 .type,
  .lineup-list .lineup-list-item .note6 .type {
    right: auto;
    left: 2.4rem;
    bottom: 2em;
  }
  .products .main-img {
    width: 47%;
    left: 5%;
    margin-top: -40vw;
  }
  .sub.note-6 .mainvisual {
    background-size: 100% auto;
    background-position: center bottom;
  }
  .sub.note-6 .mainvisual {
    padding-bottom: 30%;
  }
  .sub.note-6 .icon-list .icon-list-item.other {
    width: 12rem;
  }
  .note-6 .item-head {
    background-size: auto 15em;
  }
}
@media screen and (min-width: 768px) {
  .top .mainvisual .pr-logo .logo-item:first-of-type {
    width: 34.3%;
  }
  .md-visible {
    display: block;
  }
  .md-hidden {
    display: none;
  }

  .top .mainvisual .pr-logo .logo-item.logo-item-bebird {
    width: 30%;
  }
  .top .mainvisual .pr-logo {
    gap: 1.5em 1.5em;
    justify-content: space-evenly;
  }
  .top .mainvisual .pr-logo .logo-item {
    margin: 0 !important;
    padding: 0.5em 0 !important;
  }
  .top .mainvisual .pr-logo .logo-item:last-of-type {
    width: 20%;
  }

  .products .main-img {
    position: absolute;
    margin: 0;
    top: auto;
    bottom: 0;
    width: 32%;
    max-width: 385px;
  }
  .sub.note-6 .icon-list .icon-list-item.other .icon {
    margin-right: -2em;
    margin-top: -0.5em;
    width: 118px;
  }
  .note-6 .feature-list .feature-list-item.item-share {
    grid-template-columns: 55% 40%;
    padding: 1.5em 5%;
    gap: 1em 2em;
    background-size: 65% auto;
  }
  .note-6 .item-share__txt {
    grid-column: 1 / 3;
    width: 40%;
    margin: 0 auto;
  }
  .note-6 .item-share__pic {
    grid-column: 2 / 3;
  }
  .note-6 .item-head__txt {
    width: 25%;
  }
  .note-6 .item-head {
    aspect-ratio: 1200 / 450;
    display: flex;
    align-items: center;
    padding: 0 5% 0;
    background-size: auto 110%;
  }
  .note-6 .list-head {
    grid-template-columns: 15% repeat(2, 1fr);
  }
  .note-6 .list-head li:first-child {
    grid-row: 1/3;
  }
  .note-6 .feature-list .feature-list-item.item-pinset {
    padding: 4%;
    background-size: 65% auto;
  }
  .note-6 .item-pinset__pic {
    width: 35%;
    max-width: 400px;
    margin: 0;
  }
  .note-6 .item-wifi {
    padding: 1.5em;
    align-items: center;
    justify-content: space-around;
  }
  .note-6 .item-wifi__txt {
    width: 40%;
    margin: 0;
  }
  .note-6 .item-wifi__pic {
    width: 40%;
    margin-right: 4em;
  }
  .note-6 .item-rense {
    padding: 1.5em 1em 1em;
  }
  .note-6 .item-rense__txt {
    width: 70%;
    padding-left: 0.5em;
  }
  .note-6 .item-rense__pic {
    width: 45%;
  }
  .note-6 .item-rense {
    background-size: 100% auto;
  }
}
@media screen and (min-width: 1024px) {
  .top .mainvisual .pr-logo {
    max-width: 560px;
  }
  .lineup .qipower .logo,
  .lineup .bebird .logo {
    aspect-ratio: 446 / 440;
  }
  .products .main-img {
    width: 30%;
    bottom: -60px;
    left: 50%;
    transform: translateX(-170%);
    max-width: 450px;
  }
  .lineup-list .lineup-list-item .qe-1 .pr-ttl,
  .lineup-list .lineup-list-item .note6 .pr-ttl {
    left: 1.5em;
    top: 3.5em;
  }
  .lineup-list .lineup-list-item .qe-1 .type,
  .lineup-list .lineup-list-item .note6 .type {
    left: 3em;
    bottom: 2.5em;
  }

  .eol-products .lineup-list .lineup-list-item .pr-list {
    place-content: flex-start;
  }
  .eol-products .eol-logo {
    width: 20%;
    flex-shrink: 0;
    padding-inline: 1em;
  }
  .eol-products .lineup-list .lineup-list-item {
    flex-wrap: nowrap;
  }
  .lineup-list .lineup-list-item .pr-list {
    flex-grow: 1;
  }
  .eol-products .lineup-list .lineup-list-item {
    gap: 0 1em;
  }

  .sub.note-6 .mainvisual {
    background-image: url(../img/products/note-6/mv-pc_2.png);
    background-size: auto 100%;
    background-position: center bottom;
    padding-bottom: 0;
  }
  .products.note-6 .mainvisual .inner {
    padding-left: 0;
  }
  .sub.note-6 .feature::before {
    top: -5em;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1080px) {
  .products.note-6 .mainvisual .inner {
    padding-right: 33%;
  }
}

/*タブレット・SP時の設定 */
@media (max-width: 1023px) {
  .qe-1 .mainvisual {
    background-image: url(../img/products/qe-1/mv-sp_2.jpg);
  }
  .is-active .toggle-line:last-of-type {
    top: 0.6rem;
    bottom: auto;
  }
}
@media (max-width: 767px) {
  .list-head li:nth-of-type(1) {
    order: 1;
  }
  .list-head li:nth-of-type(2) {
    order: 2;
  }
  .list-head li:nth-of-type(3) {
    order: 4;
  }
  .list-head li:nth-of-type(4) {
    order: 3;
  }
  .list-head li:nth-of-type(5) {
    order: 5;
  }
  .note-6 .feature-list-item .cols-2 > .img:has(.md-hidden) {
    width: 100%;
    max-height: max-content;
    aspect-ratio: auto;
  }
}
/* 202601 追記 end ------------------- */