@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");

/* --------------------------------------------------------------------------
  ROOT FONT SIZE
-------------------------------------------------------------------------- */
html,
body {
  -webkit-text-size-adjust: 100%;
  word-break: break-all;
}

@media all and (max-width: 819px) {
  html,
  body {
    overflow-x: hidden;
  }
}

/* --------------------------------------------------------------------------
  FONT FAMILY
-------------------------------------------------------------------------- */
body,
button,
input,
optgroup,
select,
textarea {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: var(--color-black);
}

/* --------------------------------------------------------------------------
  共通レイアウト
-------------------------------------------------------------------------- */

body {
  background-color: #f8f1df;
  background-image: url(/site_norlevo/img/common/bg_body.svg);
  background-size: calc(1400 / var(--font-size) * 1rem) auto;
  background-position: top center;
  background-repeat: repeat-x;
  background-attachment: fixed;
}

main {
  background-color: #f8f1df;
}

main,
footer {
  background-color: var(--color-white);
}

@media all and (min-width: 820px), print {
  header,
  .header-nav-menu,
  main,
  footer {
    max-width: calc(820 / var(--font-size) * 1rem);
    margin-inline: auto;
  }
  main,
  footer {
    box-shadow: 0px calc(4 / var(--font-size) * 1rem) calc(71 / var(--font-size) * 1rem) 0px rgba(0, 0, 0, 0.09);
  }
}

@media all and (max-width: 819px) {
  main {
  }
}

sup {
  line-height: 1;
  font-size: 70%;
}

/* -----------------------------
  アンカーリンク
----------------------------- */
@media all and (min-width: 820px), print {
  * {
    scroll-margin-top: calc(90 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 819px) {
  * {
    scroll-margin-top: calc(120 / var(--font-size) * 1rem);
  }
}
/* -----------------------------
  ヘッダー
----------------------------- */
@media all and (max-width: 819px) {
  .l-header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right:0;
    margin:0 auto;
    z-index: 5000;
  }
  .l-header__body {
    background-color: var(--color-white);
    padding: calc(14 / var(--font-size) * 1rem) calc(14.5 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem) calc(14.5 / var(--font-size) * 1rem);
    border-radius: 0 0 calc(23 / var(--font-size) * 1rem) calc(23 / var(--font-size) * 1rem);
    box-shadow: 0px calc(4 / var(--font-size) * 1rem) calc(14 / var(--font-size) * 1rem) 0px rgba(203, 195, 172, 0.2);
  }
  .l-header__bottom {
    margin-top: calc(14 / var(--font-size) * 1rem);
  }
  .l-header .header-menu {
    display: flex;
    justify-content: center;
    gap: calc(8 / var(--font-size) * 1rem);
  }
  .l-header .header-menu__button {
    max-width: calc(110 / var(--font-size) * 1rem);
    width: 100%;
    height: calc(35 / var(--font-size) * 1rem);
  }
  .l-header .header-menu__button .c-button__link {
    border-width: calc(1 / var(--font-size) * 1rem);
  }
  .l-header .header-menu__button .c-button__label {
    font-size: calc(10 / var(--font-size) * 1rem);
  }
  .l-header .header-menu__button.--consultation .c-button__link,
  .l-header .header-menu__button.--about .c-button__link {
    padding-left: calc(16 / var(--font-size) * 1rem);
    padding-right: 0;
  }

  .l-header .header-menu__button.--consultation .c-button__icon {
    background-image: url(/site_norlevo/img/common/ico_consultation.svg);
    background-color: transparent;
    width: calc(18 / var(--font-size) * 1rem);
    height: calc(16 / var(--font-size) * 1rem);
  }
  .l-header .header-menu__button.--about .c-button__icon {
    background-image: url(/site_norlevo/img/common/ico_about.svg);
    background-color: transparent;
    width: calc(11 / var(--font-size) * 1rem);
    height: calc(16 / var(--font-size) * 1rem);
  }
  .header-logo {
    max-width: calc(96 / var(--font-size) * 1rem);
    width: 100%;
    position: relative;
    z-index:100;
    margin-left: calc(5 / var(--font-size) * 1rem);
  }

  .header-menu-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(66 / var(--font-size) * 1rem);
    height: calc(55 / var(--font-size) * 1rem);
    position: absolute;
    top: 0;
    right: 0;
    z-index:100;
    margin: 0 auto;
    border-radius: 0 0 0 calc(15 / var(--font-size) * 1rem);
    background-color: var(--main-color);
  }
  .header-menu-button i {
    display: block;
    width: calc(44 / var(--font-size) * 1rem);
    height: calc(1 / var(--font-size) * 1rem);
    position: absolute;
    top: calc(26 / var(--font-size) * 1rem);
    left: 50%;
    background-color: var(--color-black);
    transition: 0.3s ease;
    margin: 0 auto;
  }
  .header-menu-button i:first-child {
    top: calc(22 / var(--font-size) * 1rem);
    transform: translate3d(-50%, -50%, 0);
  }
  .header-menu-button i:nth-child(2) {
    top: calc(30 / var(--font-size) * 1rem);
    transform: translate3d(-50%, -50%, 0);
  }
  .is-header-menu-opened .header-menu-button i:first-child {
    top: calc(26 / var(--font-size) * 1rem);
    transform: translate3d(-50%, -50%, 0) rotate(15deg);
  }
  .is-header-menu-opened .header-menu-button i:nth-child(2) {
    top: calc(26 / var(--font-size) * 1rem);
    transform: translate3d(-50%, -50%, 0) rotate(-15deg);
  }

  .header-nav-menu{
    background-color: #F4EEDE;
    display: block;
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left:0;
    z-index:-1;
    transition:0.5s ease;
    transform: translateY(calc(-100% - calc(115 / var(--font-size) * 1rem)));
  }
  .header-nav-menu__inner{
    padding:calc(102 / var(--font-size) * 1rem) calc(30 / var(--font-size) * 1rem) calc(13 / var(--font-size) * 1rem) calc(30 / var(--font-size) * 1rem);
    height:100%;
    overflow-y:auto;
  }
  .header-nav-menu-list{
    padding-bottom: calc(18 / var(--font-size) * 1rem);
    border-bottom: calc(1 / var(--font-size) * 1rem) solid var(--color-btn-02);
  }
  .header-nav-menu-list__item.--current .header-nav-menu-list__item__link{
    color:var(--color-btn-02);
  }
  .header-nav-menu-list__item__link{
    padding:calc(12 / var(--font-size) * 1rem) calc(22 / var(--font-size) * 1rem) calc(12 / var(--font-size) * 1rem) calc(0 / var(--font-size) * 1rem);
    font-size:calc(var(--text-size-s) / var(--font-size) * 1rem);
    font-weight: 600;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    position: relative;
  }
  .header-nav-menu-list__item__link:after{
    content:"";
    background-image: url(/site_norlevo/img/common/ico_yazirusi.svg);
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    display: block;
    width:calc(14 / var(--font-size) * 1rem);
    height:calc(12 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    margin:auto 0;
  }

  .header-nav-menu-list__item:first-child{
    border-bottom: calc(1 / var(--font-size) * 1rem) solid var(--color-btn-02);
    margin-bottom: calc(18 / var(--font-size) * 1rem);
  }
  .header-nav-menu-list__item.--blank .header-nav-menu-list__item__link:after{
    background-image: url(/site_norlevo/img/common/ico_blank_c.svg);
    width:calc(13 / var(--font-size) * 1rem);
    height:calc(13 / var(--font-size) * 1rem);
  }

  .is-header-menu-opened .header-nav-menu{
    transform: translateY(0);
    z-index:10;
  }
}
@media all and (min-width: 820px), print {
  .l-header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right:0;
    margin:0 auto;
    z-index: 5000;
  }
  .l-header__body {
    background-color: var(--color-white);
    padding: calc(17 / var(--font-size) * 1rem) calc(25 / var(--font-size) * 1rem) calc(18 / var(--font-size) * 1rem) calc(25 / var(--font-size) * 1rem);
    border-radius: 0 0 calc(23 / var(--font-size) * 1rem) calc(23 / var(--font-size) * 1rem);
    box-shadow: 0px calc(4 / var(--font-size) * 1rem) calc(14 / var(--font-size) * 1rem) 0px rgba(203, 195, 172, 0.2);
  }
  .l-header__bottom {
    position: absolute;
    top: calc(12 / var(--font-size) * 1rem);
    right: calc(68 / var(--font-size) * 1rem);
    width: calc(375 / var(--font-size) * 1rem);
  }
  .l-header .header-menu {
    display: flex;
    justify-content: center;
    gap: calc(8 / var(--font-size) * 1rem);
  }
  .l-header .header-menu__button {
    max-width: calc(110 / var(--font-size) * 1rem);
    width: 100%;
    height: calc(35 / var(--font-size) * 1rem);
  }
  .l-header .header-menu__button .c-button__link {
    border-width: calc(1 / var(--font-size) * 1rem);
  }
  .l-header .header-menu__button .c-button__label {
    font-size: calc(10 / var(--font-size) * 1rem);
  }
  .l-header .header-menu__button.--consultation .c-button__link,
  .l-header .header-menu__button.--about .c-button__link {
    padding-left: calc(16 / var(--font-size) * 1rem);
    padding-right: 0;
  }

  .l-header .header-menu__button.--consultation .c-button__icon {
    background-image: url(/site_norlevo/img/common/ico_consultation.svg);
    background-color: transparent;
    width: calc(18 / var(--font-size) * 1rem);
    height: calc(16 / var(--font-size) * 1rem);
  }
  .l-header .header-menu__button.--about .c-button__icon {
    background-image: url(/site_norlevo/img/common/ico_about.svg);
    background-color: transparent;
    width: calc(11 / var(--font-size) * 1rem);
    height: calc(16 / var(--font-size) * 1rem);
  }
  .header-logo {
    max-width: calc(96 / var(--font-size) * 1rem);
    width: 100%;
    position: relative;
    z-index:100;
    margin-left: calc(5 / var(--font-size) * 1rem);
  }

  .header-menu-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(66 / var(--font-size) * 1rem);
    height: calc(55 / var(--font-size) * 1rem);
    position: absolute;
    top: 0;
    right: 0;
    z-index:100;
    margin: 0 auto;
    border-radius: 0 0 0 calc(15 / var(--font-size) * 1rem);
    background-color: var(--main-color);
  }
  .header-menu-button i {
    display: block;
    width: calc(44 / var(--font-size) * 1rem);
    height: calc(1 / var(--font-size) * 1rem);
    position: absolute;
    top: calc(26 / var(--font-size) * 1rem);
    left: 50%;
    background-color: var(--color-black);
    transition: 0.3s ease;
    margin: 0 auto;
  }
  .header-menu-button i:first-child {
    top: calc(22 / var(--font-size) * 1rem);
    transform: translate3d(-50%, -50%, 0);
  }
  .header-menu-button i:nth-child(2) {
    top: calc(30 / var(--font-size) * 1rem);
    transform: translate3d(-50%, -50%, 0);
  }
  .is-header-menu-opened .header-menu-button i:first-child {
    top: calc(26 / var(--font-size) * 1rem);
    transform: translate3d(-50%, -50%, 0) rotate(15deg);
  }
  .is-header-menu-opened .header-menu-button i:nth-child(2) {
    top: calc(26 / var(--font-size) * 1rem);
    transform: translate3d(-50%, -50%, 0) rotate(-15deg);
  }

  .l-header__body {
    padding: calc(17 / var(--font-size) * 1rem) calc(25 / var(--font-size) * 1rem) calc(18 / var(--font-size) * 1rem) calc(25 / var(--font-size) * 1rem);
  }
  .l-header__bottom {
    margin-top: 0;
    position: absolute;
    top: calc(12 / var(--font-size) * 1rem);
    right: calc(68 / var(--font-size) * 1rem);
    width: calc(375 / var(--font-size) * 1rem);
  }

  .header-nav-menu{
    background-color: #F4EEDE;
    display: block;
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left:0;
    right:0;
    z-index:-1;
    transition:0.5s ease;
    transform: translateY(calc(-100% - calc(115 / var(--font-size) * 1rem)));
    margin:0 auto;
  }
  .header-nav-menu__inner{
    padding:calc(102 / var(--font-size) * 1rem) calc(30 / var(--font-size) * 1rem) calc(13 / var(--font-size) * 1rem) calc(30 / var(--font-size) * 1rem);
    height:100%;
    overflow-y:auto;
  }
  .header-nav-menu-list{
    padding-bottom: calc(18 / var(--font-size) * 1rem);
    border-bottom: calc(1 / var(--font-size) * 1rem) solid var(--color-btn-02);
  }
  .header-nav-menu-list__item.--current .header-nav-menu-list__item__link{
    color:var(--color-btn-02);
  }
  .header-nav-menu-list__item__link{
    padding:calc(12 / var(--font-size) * 1rem) calc(22 / var(--font-size) * 1rem) calc(12 / var(--font-size) * 1rem) calc(0 / var(--font-size) * 1rem);
    font-size:calc(var(--text-size-s) / var(--font-size) * 1rem);
    font-weight: 600;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    position: relative;
    transition:0.3s ease;
  }
  .header-nav-menu-list__item__link:after{
    content:"";
    background-image: url(/site_norlevo/img/common/ico_yazirusi.svg);
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    display: block;
    width:calc(14 / var(--font-size) * 1rem);
    height:calc(12 / var(--font-size) * 1rem);
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    margin:auto 0;
  }
  .header-nav-menu-list__item__link:hover{
    opacity:0.7;
  }

  .header-nav-menu-list__item:first-child{
    border-bottom: calc(1 / var(--font-size) * 1rem) solid var(--color-btn-02);
    margin-bottom: calc(18 / var(--font-size) * 1rem);
  }
  .header-nav-menu-list__item.--blank .header-nav-menu-list__item__link:after{
    background-image: url(/site_norlevo/img/common/ico_blank_c.svg);
    width:calc(13 / var(--font-size) * 1rem);
    height:calc(13 / var(--font-size) * 1rem);
  }

  .is-header-menu-opened .header-nav-menu{
    transform: translateY(0);
    z-index:10;
  }
}

/* -----------------------------
  フッター
----------------------------- */
.l-footer__body {
  background-color: var(--color-bg-gray-02);
}
.l-footer__top {
  padding: calc(32 / var(--font-size) * 1rem) calc(47.5 / var(--font-size) * 1rem);
  background-color: var(--color-btn-02);
}
.l-footer .footer-button {
  max-width: calc(280 / var(--font-size) * 1rem);
  height: calc(44 / var(--font-size) * 1rem);
  margin-left: auto;
  margin-right: auto;
}
.l-footer .footer-button .c-button__link {
  padding-right: calc(10 / var(--font-size) * 1rem);
}
.l-footer__sitemap {
  padding: calc(35 / var(--font-size) * 1rem) calc(40 / var(--font-size) * 1rem);
}
.footer-logo {
  max-width: calc(212 / var(--font-size) * 1rem);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.sitemap-list {
  display: flex;
  flex-wrap: wrap;
  max-width: calc(285 / var(--font-size) * 1rem);
  margin-inline: auto;
  gap: calc(20 / var(--font-size) * 1rem);
  margin-top: calc(35 / var(--font-size) * 1rem);
}
.sitemap-list__item {
  width: calc(90% / 2 - calc(10 / var(--font-size) * 1rem));
}
.sitemap-list__item__link {
  font-size: calc(13 / var(--font-size) * 1rem) !important;
  font-weight: 500 !important;
  border: 0 !important;
  padding: 0 !important;
  color: var(--color-black) !important;
}
.sitemap-list__item__link:hover{
  background-color: unset !important;
}
.sitemap-list__item.--max-width {
  width: 100%;
}

.l-footer__bottom {
  padding: calc(0 / var(--font-size) * 1rem) calc(40 / var(--font-size) * 1rem) calc(35 / var(--font-size) * 1rem) calc(40 / var(--font-size) * 1rem);
}
.site-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(20 / var(--font-size) * 1rem);
}
.site-list__item {
  max-width: calc(180 / var(--font-size) * 1rem);
  width: 100%;
}

.l-footer__copyright {
  padding: calc(5 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem) calc(5 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem);
  background-color: var(--color-btn-02);
}
.is-floating-on .l-footer__copyright {
  padding-bottom: calc(75 / var(--font-size) * 1rem);
}
#copyright {
  font-size: calc(var(--text-size-xxs) / var(--font-size) * 1rem);
  font-weight: 500;
  color: var(--color-white);
  text-align: center;
}
@media all and (min-width: 820px), print {
  .l-footer__body {
    background-color: var(--color-bg-gray-02);
  }
  .l-footer__top {
    padding: calc(32 / var(--font-size) * 1rem) calc(47.5 / var(--font-size) * 1rem);
    background-color: var(--color-btn-02);
  }
  .l-footer .footer-button {
    max-width: calc(280 / var(--font-size) * 1rem);
    height: calc(44 / var(--font-size) * 1rem);
    margin-left: auto;
    margin-right: auto;
  }
  .l-footer .footer-button .c-button__link {
    padding-right: calc(10 / var(--font-size) * 1rem);
  }
  .l-footer__sitemap {
    padding: calc(35 / var(--font-size) * 1rem) calc(40 / var(--font-size) * 1rem);
  }
  .footer-logo {
    max-width: calc(212 / var(--font-size) * 1rem);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .sitemap-list {
    display: flex;
    flex-wrap: wrap;
    max-width: calc(285 / var(--font-size) * 1rem);
    margin-inline: auto;
    gap: calc(20 / var(--font-size) * 1rem);
    margin-top: calc(35 / var(--font-size) * 1rem);
  }
  .sitemap-list__item {
    width: calc(90% / 2 - calc(10 / var(--font-size) * 1rem));
  }
  .sitemap-list__item__link {
    font-size: calc(13 / var(--font-size) * 1rem) !important;
    font-weight: 500 !important;
    border: 0 !important;
    padding: 0 !important;
    color: var(--color-black) !important;
    transition:0.3s ease;
  }
  .sitemap-list__item__link:hover{
    background-color: unset !important;
    opacity:0.7;
  }
  .sitemap-list__item.--max-width {
    width: 100%;
  }

  .l-footer__bottom {
    padding: calc(0 / var(--font-size) * 1rem) calc(40 / var(--font-size) * 1rem) calc(35 / var(--font-size) * 1rem) calc(40 / var(--font-size) * 1rem);
  }
  .site-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(20 / var(--font-size) * 1rem);
  }
  .site-list__item {
    max-width: calc(180 / var(--font-size) * 1rem);
    width: 100%;
  }

  .l-footer__copyright {
    padding: calc(5 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem) calc(5 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem);
    background-color: var(--color-btn-02);
  }
  .is-floating-on .l-footer__copyright {
    padding-bottom: calc(75 / var(--font-size) * 1rem);
  }
  #copyright {
    font-size: calc(var(--text-size-xxs) / var(--font-size) * 1rem);
    font-weight: 500;
    color: var(--color-white);
    text-align: center;
  }
}

/* -----------------------------
  フローティング
----------------------------- */

@media all and (max-width: 819px) {
  .l-floating-area{
    position: fixed;
    left:0;
    bottom:0;
    width:100%;
    z-index:1000;
    opacity:0;
    visibility: hidden;
    transition:0.3s ease;
  }
  .is-floating-on .l-floating-area{
    visibility: visible;
    opacity:1;
  }
  .l-floating-area__inner{
    position: relative;
  }
  .l-floating-area__inner::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
    border-radius:calc(16 / var(--font-size) * 1rem) calc(16 / var(--font-size) * 1rem) 0 0;
    opacity: 0.8;
  }
  .l-floating-area__body{
    padding:calc(12 / var(--font-size) * 1rem) calc(17 / var(--font-size) * 1rem);
  }
  .l-floating-area .floating-button-list {
    display: flex;
    justify-content: center;
    gap: calc(8 / var(--font-size) * 1rem);
  }
  .l-floating-area .floating-button-list__button {
    max-width: calc(165 / var(--font-size) * 1rem);
    width: 100%;
    height: calc(46 / var(--font-size) * 1rem);
  }
  .l-floating-area .floating-button-list__button .c-button__link {
    border-width: calc(1 / var(--font-size) * 1rem);
  }
  .l-floating-area .floating-button-list__button .c-button__label {
    font-size: calc(10 / var(--font-size) * 1rem);
  }
  .l-floating-area .floating-button-list__button.--store .c-button__link{
    padding-left: calc(16 / var(--font-size) * 1rem);
    padding-right: 0;
  }
  .l-floating-area .floating-button-list__button.--check .c-button__link {
    padding-left: calc(16 / var(--font-size) * 1rem);
    padding-right: calc(16 / var(--font-size) * 1rem);
  }
  .l-floating-area .floating-button-list__button.--check .c-button__label span{
    line-height: 1.4;
  }

  .l-floating-area .floating-button-list__button.--store .c-button__icon {
    background-image: url(/site_norlevo/img/common/ico_zoom.svg);
    background-color: transparent;
    max-width: calc(13 / var(--font-size) * 1rem);
    height: calc(13 / var(--font-size) * 1rem);
    left: calc(22 / var(--font-size) * 1rem);
  }
}

@media all and (min-width: 820px), print {
  .l-floating-area{
    position: fixed;
    left:0;
    bottom:0;
    width:100%;
    z-index:1000;
    opacity:0;
    visibility: hidden;
    transition:0.3s ease;
  }
  .is-floating-on .l-floating-area{
    visibility: visible;
    opacity:1;
  }
  .l-floating-area__inner{
    position: relative;
  }
  .l-floating-area__inner::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
    border-radius:calc(16 / var(--font-size) * 1rem) calc(16 / var(--font-size) * 1rem) 0 0;
    opacity: 0.8;
  }
  .l-floating-area__body{
    padding:calc(12 / var(--font-size) * 1rem) calc(17 / var(--font-size) * 1rem);
  }
  .l-floating-area .floating-button-list {
    display: flex;
    justify-content: center;
    gap: calc(8 / var(--font-size) * 1rem);
  }
  .l-floating-area .floating-button-list__button {
    max-width: calc(165 / var(--font-size) * 1rem);
    width: 100%;
    height: calc(46 / var(--font-size) * 1rem);
  }
  .l-floating-area .floating-button-list__button .c-button__link {
    border-width: calc(1 / var(--font-size) * 1rem);
  }
  .l-floating-area .floating-button-list__button .c-button__label {
    font-size: calc(10 / var(--font-size) * 1rem);
  }
  .l-floating-area .floating-button-list__button.--store .c-button__link{
    padding-left: calc(16 / var(--font-size) * 1rem);
    padding-right: 0;
  }
  .l-floating-area .floating-button-list__button.--check .c-button__link {
    padding-left: calc(16 / var(--font-size) * 1rem);
    padding-right: calc(16 / var(--font-size) * 1rem);
  }
  .l-floating-area .floating-button-list__button.--check .c-button__label span{
    line-height: 1.4;
  }

  .l-floating-area .floating-button-list__button.--store .c-button__icon {
    background-image: url(/site_norlevo/img/common/ico_zoom.svg);
    background-color: transparent;
    max-width: calc(13 / var(--font-size) * 1rem);
    height: calc(13 / var(--font-size) * 1rem);
    left: calc(22 / var(--font-size) * 1rem);
  }
}

/* -----------------------------
  共通レイアウトーセクション
----------------------------- */
.l-container {
  background-color: var(--color-white);
}
.l-container__inner{
  padding-inline: calc(15 / var(--font-size) * 1rem);
}
.l-container__body{
  max-width: calc(345 / var(--font-size) * 1rem);
  margin-inline: auto;
}
.l-section__inner {
  padding: calc(0 / var(--font-size) * 1rem) calc(15 / 375 * 100vw);
}
.l-section__body{
  max-width: calc(345 / var(--font-size) * 1rem);
  margin-inline: auto;
}

@media all and (min-width: 820px), print {
  .l-container {
    background-color: var(--color-white);
  }
  .l-container__inner{
    padding-inline: calc(15 / var(--font-size) * 1rem);
  }
  .l-container__body{
    max-width: calc(345 / var(--font-size) * 1rem);
    margin-inline: auto;
  }
  .l-section__inner {
    padding: calc(0 / var(--font-size) * 1rem) calc(142 / var(--font-size) * 1rem);
  }
  .l-section__body{
    max-width: calc(345 / var(--font-size) * 1rem);
    margin-inline: auto;
  }
}

/* -----------------------------
  共通レイアウトー各セクション内のブロック
----------------------------- */
.l-block {
}
* + .l-block {
  margin-top: calc(32 / var(--font-size) * 1rem);
}
.l-block + .l-block {
  margin-top: calc(32 / var(--font-size) * 1rem);
}
.l-block__body {
}

.l-unit {
}
* + .l-unit {
  margin-top: calc(15 / var(--font-size) * 1rem);
}
.l-unit + .l-unit {
  margin-top: calc(15 / var(--font-size) * 1rem);
}
.l-unit__body {
}

@media all and (min-width: 820px), print {
  .l-block {
  }
  * + .l-block {
    margin-top: calc(35 / var(--font-size) * 1rem);
  }
  .l-block + .l-block {
    margin-top: calc(35 / var(--font-size) * 1rem);
  }
  .l-block__body {
  }

  .l-unit {
  }
  * + .l-unit {
    margin-top: calc(15 / var(--font-size) * 1rem);
  }
  .l-unit + .l-unit {
    margin-top: calc(15 / var(--font-size) * 1rem);
  }
  .l-unit__body {
  }
}

/* -----------------------------
  共通レイアウトーコンテナ
----------------------------- */
.l-hero {
  background-color: var(--color-bg-beige);
}
.l-hero__inner{
  padding: calc(129 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem) calc(30 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem);
}
.l-hero__body {
  max-width: calc(345 / var(--font-size) * 1rem);
  margin-inline: auto;
  position: relative;
}
.l-hero__block{
  padding-left: calc(15 / var(--font-size) * 1rem);
}
.l-hero__block__image {
  display: block;
  position: absolute;
  bottom: calc(-30 / var(--font-size) * 1rem);
  right: calc(5 / var(--font-size) * 1rem);
}
.l-hero__block__bottom {
  margin-top: calc(18 / var(--font-size) * 1rem);
}
.l-hero.--type-photo{
  background-color: transparent;
  position: relative;
}
.l-hero.--type-photo::before{
  content: "";
  position: absolute;
  background-color: var(--color-bg-beige);
  width: 100%;
  height: calc(100% - calc(89 / var(--font-size) * 1rem));
}
.l-hero.--type-photo .l-hero__inner{
  padding-bottom: 0;
}
.l-hero.--type-photo .l-hero__block__bottom {
   margin-top: calc(24 / var(--font-size) * 1rem);
}
.l-hero.--type-photo .l-hero__block{
  padding-inline: calc(15 / var(--font-size) * 1rem);
}

@media all and (min-width: 820px), print {
  .l-hero {
    background-color: var(--color-bg-beige);
  }
  .l-hero__inner{
    padding: calc(92 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem) calc(30 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem);
  }
  .l-hero__body {
    max-width: calc(345 / var(--font-size) * 1rem);
    margin-inline: auto;
    position: relative;
  }
  .l-hero__block{
    padding-left: calc(15 / var(--font-size) * 1rem);
  }
  .l-hero__block__image {
    display: block;
    position: absolute;
    bottom: calc(-30 / var(--font-size) * 1rem);
    right: calc(5 / var(--font-size) * 1rem);
  }
  .l-hero__block__bottom {
    margin-top: calc(18 / var(--font-size) * 1rem);
  }
  .l-hero.--type-photo{
    background-color: transparent;
    position: relative;
  }
  .l-hero.--type-photo::before{
    content: "";
    position: absolute;
    background-color: var(--color-bg-beige);
    width: 100%;
    height: calc(100% - calc(89 / var(--font-size) * 1rem));
  }
  .l-hero.--type-photo .l-hero__inner{
    padding-bottom: 0;
  }
  .l-hero.--type-photo .l-hero__block__bottom {
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .l-hero.--type-photo .l-hero__block{
    padding-inline: calc(15 / var(--font-size) * 1rem);
  }
}