@charset "UTF-8";
/*========================================
フォント
========================================*/
input[type="text"], input[type="email"], textarea {
  -webkit-appearance: none;
  appearance: none; }

::placeholder {
  color: #afafaf; }

@keyframes fadeIn {
  100% {
    opacity: 1;
    display: block; } }
@keyframes fadeOut {
  100% {
    background: none; } }
.fadeIn {
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  zoom: 1;
  transition: 1s; }

.fadeIn.inview {
  filter: alpha(opacity=1);
  -ms-filter: "alpha(opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  z-index: 1;
  transition-delay: 0.2s; }

/******************************************************************************
 * RESET
*******************************************************************************/
h1, h2, h3, h4, h5, h6,
a, abbr, acronym, address, applet, article, aside, audio,
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed,
fieldset, figcaption, figure, form, footer,
header, hgroup, h1, h2, h3, h4, h5, h6, html,
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby,
s, samp, section, main, small, span, strike, strong, sub, summary, sup,
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,
u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: initial;
  font-family: var(--basefont);
  font: inherit;
  vertical-align: baseline;
  background: transparent; }

*:focus {
  outline: none; }

html {
  font-size: 62.5%;
  font-family: var(--basefont); }
  html figure {
    margin: 0; }

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  html {
    font-size: calc(10 * (100vw / 1280)); } }
@media screen and (min-width: 561px) and (max-width: 768px) {
  html {
    font-size: calc(10 * (100vw / 768)); } }
@media screen and (max-width: 375px) {
  html {
    font-size: calc(10 * (100vw / 375)); } }
body {
  width: 100%;
  font-size: 1rem;
  position: relative;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  /* Webkit系 (Chrome, Safari) */
  -moz-osx-font-smoothing: grayscale;
  /* macOS Firefox */
  text-rendering: optimizeLegibility;
  /* 可読性を向上 */ }
  body b {
    font-weight: bold; }

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, main {
  display: block; }

#sp-nav,
.sp-only {
  display: none; }
  @media (max-width: 768px) {
    #sp-nav,
    .sp-only {
      display: block; } }

@media (max-width: 768px) {
  .pc-only {
    display: none; } }

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  border: none;
  image-rendering: -webkit-optimize-contrast; }

a {
  color: #000;
  text-decoration: none; }

a, button, .archivenavbox ul.list span.txt, .archivenavbox ul.list > li.itemlist .item, .stockists--title, input.wpcf7-submit {
  transition: .2s ease-in; }

a:hover, button:hover, .archivenavbox ul.list span.txt:hover, .archivenavbox ul.list > li.itemlist .item:hover, .stockists--title:hover, input.wpcf7-submit:hover {
  text-decoration: none;
  /* color: #626262; */
  opacity: .5; }

li {
  list-style: none; }

.anchor-txt {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 103; }

.inner {
  max-width: 123rem;
  width: 90vw;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  box-sizing: border-box; }
  @media (max-width: 768px) {
    .inner {
      max-width: none;
      width: auto;
      padding-left: 2rem;
      padding-right: 2rem; } }

body.nav-open {
  overflow: hidden; }

button {
  color: inherit;
  /* 親要素の色を継承 */
  -webkit-appearance: none;
  /* Safariのデフォルトスタイルを無効化 */
  appearance: none;
  background: none;
  /* 必要に応じて背景もリセット */
  border: none;
  /* ボーダーも必要に応じて */ }

/******************************************************************************
common
*******************************************************************************/
:root {
  --basefont:"Roboto","Zen Kaku Gothic New", sans-serif;
  --enfont: "Roboto", sans-serif;
  --fontbold:700;
  --fontnomal:400;
  --fontnomal500:500;
  --maincolor:#0053B7;
  --browncolor:#A96626;
  --bgcolor:#F2F2F2; }

/******************************************************************************
#gbtn
*******************************************************************************/
.gnavi {
  width: 5.4rem;
  height: 1rem;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: relative;
  cursor: pointer; }
  @media (max-width: 768px) {
    .gnavi {
      width: 3.4rem;
      height: 0.8rem; } }
  .gnavi:before, .gnavi:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #1E1E1E;
    left: 0; }
  .gnavi:before {
    top: 0; }
  .gnavi:after {
    bottom: 0; }

/******************************************************************************
#headerbox
*******************************************************************************/
#headerbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: max(10rem,90px);
  border-bottom: 1px solid #E6E5E5;
  position: sticky;
  left: 0;
  top: 0;
  background-color: white;
  z-index: 999;
  box-sizing: border-box; }
  @media (max-width: 1023px) {
    #headerbox {
      height: 7rem; } }
  #headerbox .gnavi {
    margin-right: 4rem;
    position: absolute;
    right: 0; }
    @media (max-width: 768px) {
      #headerbox .gnavi {
        margin-right: 2rem; } }
  #headerbox .logo {
    position: relative;
    text-align: center; }
    @media (max-width: 1023px) {
      #headerbox .logo img {
        width: 9rem; } }

.topcapbox {
  display: flex;
  flex-wrap: wrap; }
  .topcapbox .cap {
    width: 100%; }
    .topcapbox .cap:not(:first-of-type) {
      max-width: calc(100% /2); }
      @media (max-width: 768px) {
        .topcapbox .cap:not(:first-of-type) {
          max-width: 100%; } }

.toptextbox {
  padding: 20rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #E6E5E5;
  gap: 5.3rem;
  font-weight: 500;
  font-size: max(3.6rem,34px);
  line-height: 100%;
  letter-spacing: .1rem; }
  @media (max-width: 768px) {
    .toptextbox {
      padding: 5.225rem 0; } }
  @media (max-width: 768px) {
    .toptextbox {
      gap: 1.4rem;
      font-size: 1.4rem; } }
  .toptextbox .cap {
    width: 100%;
    max-width: 9rem; }
    @media (max-width: 768px) {
      .toptextbox .cap {
        max-width: 2.4rem;
        height: 6.5rem; }
        .toptextbox .cap img {
          width: 100%;
          height: 100%; } }

.toptextcontents {
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-size: max(1.8rem,16px);
  line-height: 300%;
  letter-spacing: .1em;
  padding: 20rem 0; }
  @media (max-width: 768px) {
    .toptextcontents {
      padding: 6rem 2rem 6rem 4rem;
      font-size: 1.3rem; } }

.moviebox {
  width: 100%;
  padding-bottom: 10rem;
  border-bottom: 1px solid #E6E5E5;
  padding-left: 8.8888888889vw;
  padding-right: 8.8888888889vw;
  box-sizing: border-box; }
  @media (max-width: 768px) {
    .moviebox {
      padding-bottom: 6rem;
      padding-left: 0;
      padding-right: 0; } }
  .moviebox .box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    cursor: pointer;
    transition: all .5s; }
    .moviebox .box.playing {
      opacity: 0; }
    .moviebox .box .icon {
      display: block;
      margin-bottom: 1.9rem; }
      @media (max-width: 768px) {
        .moviebox .box .icon {
          width: 6rem;
          margin-bottom: 0; } }
    .moviebox .box .txt {
      font-family: var(--enfont);
      font-weight: 500;
      font-size: max(1.5rem,13px);
      line-height: 100%;
      letter-spacing: .1em;
      text-align: center;
      color: white; }
  .moviebox .bg {
    position: relative;
    margin: auto;
    max-height: 60rem;
    aspect-ratio: 16 / 9;
    overflow: hidden; }
    @media (max-width: 1023px) {
      .moviebox .bg {
        padding-left: 2rem;
        padding-right: 2rem;
        aspect-ratio: 334/188; } }
    @media (max-width: 768px) {
      .moviebox .bg {
        padding: 0 2rem;
        height: 18.8rem; } }
    .moviebox .bg video.object-common {
      width: 100%;
      height: auto;
      max-height: 100%;
      object-fit: contain;
      display: block; }

/******************************************************************************
.contents
*******************************************************************************/
.contents--title {
  text-align: center;
  font-family: var(--enfont);
  font-weight: 400;
  font-size: max(3.6rem,34px);
  margin-bottom: 10rem;
  letter-spacing: 0.5rem; }
  @media (max-width: 768px) {
    .contents--title {
      margin-bottom: 5rem;
      font-size: 2.4rem; } }

/******************************************************************************
.archivenavbox
*******************************************************************************/
.archivenavbox {
  margin-bottom: 6rem; }
  .archivenavbox ul.list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4.8rem;
    font-family: var(--enfont);
    font-weight: 400;
    font-size: max(1.6rem,14px);
    line-height: 100%;
    letter-spacing: .1em; }
    @media (max-width: 768px) {
      .archivenavbox ul.list {
        font-size: 1.4rem;
        gap: 3rem; } }
    .archivenavbox ul.list > li:not(.itemlist) a {
      position: relative;
      padding-bottom: 0;
      transition: .5s; }
      .archivenavbox ul.list > li:not(.itemlist) a:after {
        content: "";
        width: 100%;
        height: 1px;
        background-color: black;
        position: absolute;
        left: 0;
        bottom: 0;
        opacity: 0;
        transition: .5s; }
      .archivenavbox ul.list > li:not(.itemlist) a:hover {
        padding-bottom: 1rem; }
        .archivenavbox ul.list > li:not(.itemlist) a:hover:after {
          opacity: 1; }
    .archivenavbox ul.list > li.itemlist {
      position: relative;
      padding-right: 1.8rem; }
      .archivenavbox ul.list > li.itemlist:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1.2rem;
        height: 0.7rem;
        background: url(../images/common/icon-arrow-bottom.svg) no-repeat center center/contain;
        transition: .5s; }
      .archivenavbox ul.list > li.itemlist .item {
        position: relative;
        z-index: 105;
        cursor: pointer; }
      .archivenavbox ul.list > li.itemlist .subbox {
        position: absolute;
        left: 0;
        top: 0;
        /* width: 100%; */
        z-index: 104; }
        .archivenavbox ul.list > li.itemlist .subbox ul {
          /* max-height: 0; */
          overflow: hidden;
          background-color: white;
          box-shadow: 0px 0px 4px 0px #00000040;
          box-sizing: border-box;
          padding: 2rem 2.9rem 1.9rem 1.9rem;
          border-radius: 0.8rem;
          font-family: var(--enfont);
          font-weight: 400;
          font-size: max(1.4rem,12px);
          line-height: 1;
          letter-spacing: .1em;
          text-align: left;
          transition: .5s;
          opacity: 0; }
          .archivenavbox ul.list > li.itemlist .subbox ul li {
            white-space: nowrap; }
            .archivenavbox ul.list > li.itemlist .subbox ul li:not(:last-child) {
              margin-bottom: 1rem; }
      .archivenavbox ul.list > li.itemlist:hover .subbox ul {
        overflow: initial;
        min-height: 12.4rem;
        margin-top: 3rem;
        opacity: 1; }
    .archivenavbox ul.list span.txt {
      cursor: pointer; }

.innercontents {
  box-sizing: border-box;
  padding-left: 3rem;
  padding-right: 3rem;
  max-width: 118.5rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 1023px) {
    .innercontents {
      padding-left: 2rem;
      padding-right: 2rem;
      max-width: none;
      width: auto; } }

/******************************************************************************
.collection
*******************************************************************************/
.collection--index {
  padding: 10rem 0;
  padding-left: 8.8888888889vw;
  padding-right: 8.8888888889vw; }
  @media (max-width: 1023px) {
    .collection--index {
      padding: 6rem 2rem; } }
  .collection--index--lastbox {
    border-bottom: 1px solid #E6E5E5; }
  .collection--index .list {
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem; }
    @media (max-width: 768px) {
      .collection--index .list {
        gap: 2.5rem 1.5rem;
        justify-content: space-between; } }
  .collection--index .subtitle {
    font-family: var(--enfont);
    font-weight: 400;
    font-size: max(2.4rem,22px);
    line-height: 100%;
    letter-spacing: .1em;
    text-align: center;
    margin-bottom: 6rem; }
    @media (max-width: 768px) {
      .collection--index .subtitle {
        font-size: 1.8rem;
        margin-bottom: 4rem; } }
.collection--box {
  text-align: center; }
  .collection--box:not(:last-of-type) {
    margin-bottom: 20rem; }
    @media (max-width: 768px) {
      .collection--box:not(:last-of-type) {
        margin-bottom: 8.2rem; } }
.collection .moretxt, .collection button.moretxt {
  display: inline-block;
  text-align: center;
  margin-top: 6rem;
  font-family: var(--enfont);
  font-weight: 400;
  font-size: max(1.6rem,14px);
  line-height: 1;
  letter-spacing: .1em;
  position: relative;
  cursor: pointer;
  background: none;
  border: none; }
  @media (max-width: 768px) {
    .collection .moretxt, .collection button.moretxt {
      margin-top: 4rem;
      font-size: 1.4rem; } }
  .collection .moretxt:after, .collection .moretxt:before, .collection button.moretxt:after, .collection button.moretxt:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -2.5rem;
    width: 1.6rem;
    height: 0.9rem;
    background: url(../images/common/icon-arrow-bottom.svg) no-repeat center center/contain;
    transition: .2s ease-out; }
    @media (max-width: 768px) {
      .collection .moretxt:after, .collection .moretxt:before, .collection button.moretxt:after, .collection button.moretxt:before {
        bottom: -1.5rem; } }
  .collection .moretxt:before, .collection button.moretxt:before {
    background-position: center -0.9rem;
    transition: .2s ease-out; }
  .collection .moretxt:hover:before, .collection button.moretxt:hover:before {
    background-position: center top; }
  .collection .moretxt:hover:after, .collection button.moretxt:hover:after {
    /* bottom: rem(-30); */
    background-position: center 0.9rem; }
.collection--list {
  position: relative;
  width: 100%;
  max-width: calc((100% - 2.4rem *4) / 5);
  overflow: hidden; }
  @media (max-width: 768px) {
    .collection--list {
      max-width: calc((100% - 1.5rem) / 2); } }
  .collection--list:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity .5s ease; }
  .collection--list .leadtxt {
    font-weight: 500;
    font-size: max(1.3rem,11px);
    line-height: 1.6;
    letter-spacing: .1em;
    position: absolute;
    z-index: 2;
    width: calc(100%  - 2rem);
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%) translateY(1.5rem);
    color: white;
    opacity: 0;
    transition: .5s;
    text-align: left; }
    @media (max-width: 768px) {
      .collection--list .leadtxt {
        position: inherit;
        left: auto;
        transform: none;
        bottom: auto;
        opacity: 1;
        color: #1E1E1E;
        font-weight: 400; } }
  @media (max-width: 768px) {
    .collection--list .cap {
      margin-bottom: 1.2rem; } }
  .collection--list .cap img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    transition: .5s; }
  .collection--list:hover:after {
    opacity: 1; }
  .collection--list:hover .cap img {
    transform: scale(1.2); }
  .collection--list:hover .leadtxt {
    opacity: 1;
    transform: translateX(-50%) translateY(0); }

/******************************************************************************
.brand
*******************************************************************************/
.brand--index {
  padding: 10rem 0; }
  @media (max-width: 768px) {
    .brand--index {
      padding: 6rem 0; } }
.brand--list {
  position: relative;
  border-bottom: 1px solid #E6E5E5;
  padding-bottom: 10rem;
  font-weight: 400;
  font-size: max(1.6rem,14px);
  line-height: 1.8;
  letter-spacing: 0.16em; }
  @media (max-width: 768px) {
    .brand--list {
      padding-bottom: 4rem; } }
  .brand--list:not(:last-child) {
    margin-bottom: 10rem; }
    @media (max-width: 768px) {
      .brand--list:not(:last-child) {
        margin-bottom: 4rem; } }
  @media (max-width: 768px) {
    .brand--list .box {
      display: flex;
      align-items: center;
      /* gap: rem(57); */
      margin-bottom: 6rem; } }
  .brand--list .cap {
    width: 100%;
    max-width: 35.2083333333vw; }
    @media (max-width: 1023px) {
      .brand--list .cap {
        max-width: 31.25vw; } }
    @media (max-width: 768px) {
      .brand--list .cap {
        max-width: 50%; } }
  .brand--list--contents {
    position: absolute;
    left: 43.8888888889vw; }
    @media (max-width: 1023px) {
      .brand--list--contents {
        left: 34.7222222222vw; } }
    .brand--list--contents.logo {
      top: 8.125vw; }
      @media (max-width: 1023px) {
        .brand--list--contents.logo {
          top: 2rem; } }
      @media (max-width: 768px) {
        .brand--list--contents.logo {
          top: auto;
          left: auto;
          position: inherit;
          margin-left: auto;
          margin-right: auto;
          max-width: 30%; } }
      @media (max-width: 768px) {
        .brand--list--contents.logo.logo-bh {
          max-width: 35%; } }
    .brand--list--contents.textbox {
      top: 14.4444444444vw; }
      @media (max-width: 1023px) {
        .brand--list--contents.textbox {
          top: 8rem; } }
      @media (max-width: 768px) {
        .brand--list--contents.textbox {
          top: auto;
          position: inherit;
          left: auto; } }
  .brand--list .textbox {
    width: 100%;
    max-width: 68rem; }
    @media (max-width: 1023px) {
      .brand--list .textbox {
        max-width: 62.5vw; } }
    @media (max-width: 768px) {
      .brand--list .textbox {
        max-width: none;
        padding: 0 2rem;
        box-sizing: border-box; } }
    .brand--list .textbox .title {
      position: relative;
      padding-bottom: 2.7083333333vw;
      margin-bottom: 4.1666666667vw; }
      @media (max-width: 768px) {
        .brand--list .textbox .title {
          text-align: center;
          padding-bottom: 3rem;
          margin-bottom: 6rem; } }
      .brand--list .textbox .title:after {
        content: "";
        width: 5rem;
        height: 1px;
        background-color: #1E1E1E;
        left: 0;
        position: absolute;
        bottom: 0; }
        @media (max-width: 768px) {
          .brand--list .textbox .title:after {
            left: 50%;
            transform: translateX(-50%); } }
      .brand--list .textbox .title span {
        display: block; }
      .brand--list .textbox .title .text {
        font-weight: 500;
        font-size: max(3.6rem,34px);
        line-height: 1;
        letter-spacing: .1em;
        display: block;
        margin-bottom: 2.6rem; }
        @media (max-width: 1023px) {
          .brand--list .textbox .title .text {
            font-size: 2.5rem; } }
        @media (max-width: 768px) {
          .brand--list .textbox .title .text {
            font-size: 2rem;
            margin-bottom: 2rem; } }
      .brand--list .textbox .title .subtxt {
        font-weight: 500;
        font-size: max(1.6rem,14px);
        line-height: 1;
        letter-spacing: .1em;
        display: block; }
        @media (max-width: 768px) {
          .brand--list .textbox .title .subtxt {
            font-size: 1.2rem; } }
    .brand--list .textbox .txt {
      margin-bottom: 3.4722222222vw; }
      @media (max-width: 768px) {
        .brand--list .textbox .txt {
          margin-bottom: 4rem;
          line-height: 2.4; } }
  @media (max-width: 1023px) {
    .brand--list {
      font-size: 1.4rem; } }
  @media (max-width: 768px) {
    .brand--list {
      font-size: 1.2rem; } }

.linktxt {
  position: relative;
  padding-left: 1.8rem; }
  .linktxt:before, .linktxt:after {
    content: "";
    width: 1.2rem;
    height: 0.8rem;
    background: url(../images/common/icon-arrow.svg) no-repeat center center/contain;
    display: inline-block;
    top: calc(50% - 6px);
    margin-top: 0.2rem;
    left: 0;
    position: absolute;
    transition: .2s ease-in; }
    @media (max-width: 1023px) {
      .linktxt:before, .linktxt:after {
        /* margin-top: 0; */ } }
  .linktxt:after {
    background-position: -1.2rem top;
    transition: .2s ease-out; }
  .linktxt--sp {
    display: none; }
    @media (max-width: 1023px) {
      .linktxt--sp {
        display: inline-block; } }
  @media (max-width: 1023px) {
    .linktxt--pc {
      display: none; } }
  .linktxt:hover:before {
    background-position: 1.2rem top; }
  .linktxt:hover:after {
    background-position: left top; }

a:hover .linktxt:before {
  background-position: 1.2rem top; }
a:hover .linktxt:after {
  background-position: left top; }

.linktxt--prev:before, .linktxt--prev:after {
  transform: rotate(180deg); }

.linktxt--next:before, .linktxt--next:after {
  left: auto;
  right: 0; }

.link-blank {
  position: relative;
  padding-right: 2rem; }
  @media (max-width: 768px) {
    .link-blank {
      padding-right: 1.5rem; } }
  .link-blank:after, .link-blank:before {
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url(../images/common/icon_blank.svg) no-repeat;
    background-size: 16px 16px;
    background-position: top left;
    content: '';
    display: block;
    top: 4px;
    right: 0;
    transition: .2s ease-in;
    position: absolute; }
    @media (max-width: 768px) {
      .link-blank:after, .link-blank:before {
        top: 3px;
        width: 12px;
        height: 12px;
        background-size: 12px 12px; } }
  .link-blank:before {
    background-position: -16px 16px; }
  .link-blank:hover:before {
    background-position: top left; }
  .link-blank:hover:after {
    background-position: 16px -16px; }

.link-blank-s {
  position: relative;
  padding-right: 1.5rem; }
  @media (max-width: 768px) {
    .link-blank-s {
      padding-right: 1.2rem; } }
  .link-blank-s:after, .link-blank-s:before {
    width: 12px;
    height: 12px;
    overflow: hidden;
    background: url(../images/common/icon_blank.svg) no-repeat;
    background-size: 12px 12px;
    background-position: top left;
    content: '';
    display: block;
    top: 4px;
    right: 0;
    transition: .2s ease-in;
    position: absolute; }
    @media (max-width: 768px) {
      .link-blank-s:after, .link-blank-s:before {
        top: 2px;
        width: 10px;
        height: 10px;
        background-size: 10px 10px; } }
  .link-blank-s:before {
    background-position: -12px 12px; }
  .link-blank-s:hover:before {
    background-position: top left; }
  .link-blank-s:hover:after {
    background-position: 12px -12px; }

/******************************************************************************
.story
*******************************************************************************/
.story--index {
  padding: 10rem 0 20rem;
  padding-left: 8.8888888889vw;
  padding-right: 8.8888888889vw; }
  @media (max-width: 768px) {
    .story--index {
      padding: 0 2rem 10rem; } }
  .story--index .list {
    display: flex;
    justify-content: center;
    gap: 2.4rem; }
    @media (max-width: 768px) {
      .story--index .list {
        display: block; } }
    .story--index .list .box {
      position: relative;
      width: 100%;
      max-width: calc((100% - 2.4rem *2) / 3);
      overflow: hidden; }
      @media (max-width: 768px) {
        .story--index .list .box {
          max-width: none; }
          .story--index .list .box:not(:last-child) {
            margin-bottom: 2rem; } }
      .story--index .list .box .cap img {
        transition: .5s; }
        @media (max-width: 768px) {
          .story--index .list .box .cap img {
            aspect-ratio: 1; } }
      .story--index .list .box .titlebox {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 4.2rem;
        z-index: 2;
        color: white;
        text-align: center; }
        .story--index .list .box .titlebox h3 {
          font-weight: 300;
          font-size: max(1.8rem,16px);
          margin-bottom: 2.6rem;
          letter-spacing: .1em; }
          @media (max-width: 768px) {
            .story--index .list .box .titlebox h3 {
              font-size: 1.6rem; } }
        .story--index .list .box .titlebox .more-wrap {
          display: inline-block;
          position: relative; }
          .story--index .list .box .titlebox .more-wrap .more-inner {
            width: fit-content;
            height: 14px;
            display: inline-block;
            overflow-y: hidden; }
            .story--index .list .box .titlebox .more-wrap .more-inner .more {
              position: relative;
              bottom: 0;
              font-family: var(--enfont);
              font-weight: 400;
              font-size: max(1.3rem,12px);
              /* border-bottom: 1px solid white;
              padding-bottom: rem(10); */
              letter-spacing: .1em;
              transition: .2s ease-in; }
              @media (max-width: 768px) {
                .story--index .list .box .titlebox .more-wrap .more-inner .more {
                  font-size: 1.3rem; } }
          .story--index .list .box .titlebox .more-wrap:after {
            position: absolute;
            bottom: -1rem;
            right: 0;
            width: 100%;
            height: 1px;
            background: #fff;
            display: inline-block;
            content: ''; }
      .story--index .list .box:hover img {
        transform: scale(1.1); }
      .story--index .list .box:hover .titlebox .more-wrap .more-inner .more {
        bottom: 14px; }

/******************************************************************************
#footerbox
*******************************************************************************/
#footerbox {
  background-color: var(--browncolor);
  padding: 12rem 0 4rem; }
  @media (max-width: 768px) {
    #footerbox {
      padding: 10rem 0 4rem; } }
  #footerbox .instagram {
    margin-bottom: 4rem; }
  #footerbox .box {
    text-align: center;
    margin-bottom: 8rem; }
    @media (max-width: 768px) {
      #footerbox .box {
        margin-bottom: 4rem; } }
  #footerbox .logo {
    position: relative;
    display: inline-block;
    text-align: center;
    margin-bottom: 3.8rem; }
    #footerbox .logo .icon, #footerbox .logo .item {
      display: block;
      margin-left: auto;
      margin-right: auto; }
    @media (max-width: 768px) {
      #footerbox .logo .item {
        max-width: 12rem; } }
    #footerbox .logo .icon {
      margin-bottom: 4rem; }
      @media (max-width: 768px) {
        #footerbox .logo .icon {
          width: 2.9rem;
          margin-bottom: 2.4rem; } }
  #footerbox .copy {
    display: block;
    text-align: center;
    font-family: var(--enfont);
    font-weight: 400;
    font-size: max(1.1rem,10px);
    color: white; }
    @media (max-width: 768px) {
      #footerbox .copy {
        font-size: 1.1rem; } }
  #footerbox .othernav {
    padding-right: 4rem; }
    @media (max-width: 768px) {
      #footerbox .othernav {
        padding-right: 0; } }
    #footerbox .othernav ul {
      justify-content: flex-end; }
      @media (max-width: 768px) {
        #footerbox .othernav ul {
          justify-content: center; } }
    #footerbox .othernav a {
      color: white; }

.othernav ul {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: max(1.2rem,10px);
  line-height: 1;
  gap: 4rem; }
  @media (max-width: 768px) {
    .othernav ul {
      font-size: 1.1rem; } }
  .othernav ul li {
    position: relative; }
    .othernav ul li:nth-child(1):before {
      /* position: absolute;
      right: rem(-20);
      width: 1px;
      height: rem(8);
      background-color: white;
      top: 50%;
      transform: translateY(-50%);
      	content: "";*/ }

/******************************************************************************
.pagecontents
*******************************************************************************/
.pagecontents {
  padding-top: 10rem;
  padding-bottom: 20rem; }
  @media (max-width: 768px) {
    .pagecontents {
      padding-top: 6rem;
      padding-bottom: 10rem; } }
  .pagecontents .pagehead {
    text-align: center;
    font-weight: 400;
    font-size: max(1.8rem,16px);
    line-height: 1.8;
    letter-spacing: 0.1em; }
    @media (max-width: 768px) {
      .pagecontents .pagehead {
        font-size: 1.4rem; } }
    .pagecontents .pagehead .lead {
      padding-top: 6rem; }
      @media (max-width: 1023px) {
        .pagecontents .pagehead .lead {
          padding-top: 4rem; } }
    .pagecontents .pagehead .title {
      font-family: var(--basefont);
      font-weight: 500;
      font-size: max(3.6rem,34px);
      line-height: 1;
      letter-spacing: .1em;
      position: relative;
      padding-bottom: 6rem; }
      @media (max-width: 768px) {
        .pagecontents .pagehead .title {
          font-size: 2.4rem;
          padding-bottom: 4rem; } }
      .pagecontents .pagehead .title:after {
        content: "";
        width: 5rem;
        height: 1px;
        background-color: #1E1E1E;
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0; }
        @media (max-width: 768px) {
          .pagecontents .pagehead .title:after {
            width: 4rem; } }
  .pagecontents--reason {
    padding-left: 15.9027777778vw;
    padding-right: 15.9027777778vw;
    font-weight: 400;
    font-size: max(1.6rem,14px);
    line-height: 2.2;
    letter-spacing: .1rem; }
    @media (max-width: 1023px) {
      .pagecontents--reason {
        padding: 6rem 2rem;
        font-size: 1.2rem;
        line-height: 2.4; } }
    .pagecontents--reason .pagehead {
      margin-bottom: 6rem;
      text-align: left; }
      @media (max-width: 1023px) {
        .pagecontents--reason .pagehead {
          margin-bottom: 2rem; } }
      .pagecontents--reason .pagehead .title {
        padding-bottom: 0; }
        @media (max-width: 1023px) {
          .pagecontents--reason .pagehead .title {
            font-size: 2.1rem;
            line-height: 2; } }
        .pagecontents--reason .pagehead .title:after {
          content: none; }
    .pagecontents--reason .capbox {
      margin-bottom: 10rem; }
      @media (max-width: 1023px) {
        .pagecontents--reason .capbox {
          margin-bottom: 6rem; } }
      .pagecontents--reason .capbox img {
        width: 100%; }
    .pagecontents--reason .textbox {
      margin-bottom: 10rem; }
      @media (max-width: 1023px) {
        .pagecontents--reason .textbox {
          margin-bottom: 6rem; } }
      .pagecontents--reason .textbox p:not(:last-of-type) {
        margin-bottom: 3rem; }
      .pagecontents--reason .textbox p strong {
        font-weight: bold; }

/******************************************************************************
.reason
*******************************************************************************/
@media (max-width: 1023px) {
  #page-reason {
    padding-bottom: 8rem; } }

.reason {
  padding-top: 10rem; }
  .reason .box {
    border-top: 1px solid #E6E5E5;
    padding-top: 10rem; }
    @media (max-width: 1023px) {
      .reason .box {
        padding-top: 6rem; } }
  .reason--listbox {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4.4rem; }
    @media (max-width: 1023px) {
      .reason--listbox {
        display: block; }
        .reason--listbox .headbox {
          margin-bottom: 3rem; } }
    .reason--listbox:not(:last-of-type) {
      margin-bottom: 10rem;
      border-bottom: 1px solid #E6E5E5;
      padding-bottom: 10rem; }
      @media (max-width: 1023px) {
        .reason--listbox:not(:last-of-type) {
          padding-bottom: 4rem;
          margin-bottom: 6rem; } }
    .reason--listbox .title {
      font-weight: 500;
      font-size: max(3.6rem,34px);
      line-height: 1.6;
      margin-bottom: 4rem;
      /* white-space: nowrap;	*/
      width: 100%;
      max-width: 36rem; }
      @media (max-width: 1023px) {
        .reason--listbox .title {
          font-size: 2rem;
          line-height: 2;
          max-width: none;
          margin-bottom: 2rem; } }
      @media (max-width: 768px) {
        .reason--listbox .title {
          /* font-family:"Noto Sans JP", sans-serif; */ } }
    .reason--listbox .linktxt {
      font-weight: 500;
      font-size: max(1.5rem,13px); }
      @media (max-width: 1023px) {
        .reason--listbox .linktxt {
          font-size: 1.4rem; } }
    .reason--listbox .cap {
      width: 100%;
      max-width: calc(100% - 4rem - 36rem);
      position: relative; }
      @media (max-width: 1023px) {
        .reason--listbox .cap {
          max-width: none; } }
      .reason--listbox .cap img {
        aspect-ratio: 781 / 512;
        object-fit: cover;
        width: 100%; }
        @media (max-width: 1023px) {
          .reason--listbox .cap img {
            aspect-ratio: 335 / 188; } }

/******************************************************************************
page-company
*******************************************************************************/
#page-recruit .pagehead,
#page-company .pagehead {
  margin-bottom: 6rem; }
  @media (max-width: 768px) {
    #page-recruit .pagehead,
    #page-company .pagehead {
      margin-bottom: 4rem; } }
#page-recruit .cap,
#page-company .cap {
  margin-bottom: 10rem; }
  @media (max-width: 768px) {
    #page-recruit .cap,
    #page-company .cap {
      margin-bottom: 6rem; } }
@media (max-width: 768px) {
  #page-recruit .company,
  #page-company .company {
    padding: 0; } }
#page-recruit .company--list,
#page-company .company--list {
  display: flex;
  justify-content: flex-start;
  gap: 19.3rem; }
  @media (max-width: 768px) {
    #page-recruit .company--list,
    #page-company .company--list {
      display: block;
      padding-left: 2rem;
      padding-right: 2rem; } }
  #page-recruit .company--list.item,
  #page-company .company--list.item {
    gap: 13.6rem; }
    #page-recruit .company--list.item .titlebox,
    #page-company .company--list.item .titlebox {
      width: 17rem;
      white-space: nowrap; }
      #page-recruit .company--list.item .titlebox .text,
      #page-company .company--list.item .titlebox .text {
        line-height: 1.8;
        margin-bottom: 0; }
    #page-recruit .company--list.item li .title,
    #page-company .company--list.item li .title {
      width: 12rem; }
  #page-recruit .company--list.bottom,
  #page-company .company--list.bottom {
    display: block; }
    #page-recruit .company--list.bottom .lead,
    #page-company .company--list.bottom .lead {
      font-size: max(1.6rem,14px);
      line-height: 2.4;
      letter-spacing: .1em;
      margin-bottom: 4rem; }
  #page-recruit .company--list:not(:last-of-type),
  #page-company .company--list:not(:last-of-type) {
    padding-bottom: 10.9rem;
    margin-bottom: 10rem;
    border-bottom: 1px solid #E6E5E5; }
    @media (max-width: 768px) {
      #page-recruit .company--list:not(:last-of-type),
      #page-company .company--list:not(:last-of-type) {
        padding-bottom: 6rem;
        margin-bottom: 6rem; } }
  #page-recruit .company--list .titlebox,
  #page-company .company--list .titlebox {
    width: 12rem; }
    #page-recruit .company--list .titlebox .box,
    #page-company .company--list .titlebox .box {
      position: sticky;
      top: max(19rem,180px); }
    @media (max-width: 768px) {
      #page-recruit .company--list .titlebox,
      #page-company .company--list .titlebox {
        width: auto;
        margin-bottom: 8rem; } }
    #page-recruit .company--list .titlebox .text, #page-recruit .company--list .titlebox .txt,
    #page-company .company--list .titlebox .text,
    #page-company .company--list .titlebox .txt {
      display: block; }
    #page-recruit .company--list .titlebox .text,
    #page-company .company--list .titlebox .text {
      font-weight: 500;
      font-size: max(2.4rem,22px);
      line-height: 1;
      letter-spacing: .1rem;
      margin-bottom: 1.7rem; }
      @media (max-width: 768px) {
        #page-recruit .company--list .titlebox .text,
        #page-company .company--list .titlebox .text {
          font-size: 1.8rem;
          margin-bottom: 1.5rem; } }
    #page-recruit .company--list .titlebox .txt,
    #page-company .company--list .titlebox .txt {
      font-family: var(--enfont);
      font-weight: 400;
      font-size: max(1.5rem,13px);
      line-height: 1;
      letter-spacing: .1rem; }
      @media (max-width: 768px) {
        #page-recruit .company--list .titlebox .txt,
        #page-company .company--list .titlebox .txt {
          font-size: 1.3rem; } }
  #page-recruit .company--list--box,
  #page-company .company--list--box {
    font-weight: 400;
    font-size: max(1.6rem,14px);
    line-height: 2.2;
    letter-spacing: .1rem; }
    @media (max-width: 768px) {
      #page-recruit .company--list--box,
      #page-company .company--list--box {
        font-size: 1.2rem; } }
    #page-recruit .company--list--box li,
    #page-company .company--list--box li {
      display: flex;
      align-items: flex-start;
      gap: 10rem; }
      @media (max-width: 768px) {
        #page-recruit .company--list--box li,
        #page-company .company--list--box li {
          display: block; } }
      #page-recruit .company--list--box li a,
      #page-company .company--list--box li a {
        text-decoration: underline; }
      #page-recruit .company--list--box li:not(:last-child),
      #page-company .company--list--box li:not(:last-child) {
        margin-bottom: 5rem; }
        @media (max-width: 768px) {
          #page-recruit .company--list--box li:not(:last-child),
          #page-company .company--list--box li:not(:last-child) {
            border-bottom: 1px solid #E6E5E5;
            padding-bottom: 2rem;
            margin-bottom: 2rem; } }
      #page-recruit .company--list--box li .title,
      #page-company .company--list--box li .title {
        font-weight: 600;
        width: 8rem; }
        @media (max-width: 768px) {
          #page-recruit .company--list--box li .title,
          #page-company .company--list--box li .title {
            width: auto; } }
      #page-recruit .company--list--box li .txt,
      #page-company .company--list--box li .txt {
        flex-grow: 1;
        width: calc(100% - 12rem - 10rem); }
        @media (max-width: 768px) {
          #page-recruit .company--list--box li .txt,
          #page-company .company--list--box li .txt {
            width: auto; } }

/******************************************************************************
#page-recruit
*******************************************************************************/
#page-recruit .textlink {
  padding-top: 10rem; }
  @media (max-width: 768px) {
    #page-recruit .textlink {
      padding-top: 6rem; } }
@media (max-width: 768px) {
  #page-recruit .company--list {
    padding-left: 0;
    padding-right: 0; } }

/******************************************************************************
.archive
*******************************************************************************/
.archive .innercontents {
  padding-top: 10rem; }
  @media (max-width: 768px) {
    .archive .innercontents {
      padding-top: 6rem; } }
.archive--list {
  padding: 6rem 0;
  border-bottom: 1px solid #E6E5E5; }
  @media (max-width: 768px) {
    .archive--list {
      padding: 4rem 0; } }
  .archive--list:first-of-type {
    border-top: 1px solid #E6E5E5; }
  .archive--list .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10rem; }
    @media (max-width: 768px) {
      .archive--list .box {
        display: block; }
        .archive--list .box .linktxt {
          font-size: 1.4rem; }
          .archive--list .box .linktxt:before {
            transform: translateY(-0.2rem); } }
    .archive--list .box .cap {
      width: 100%;
      max-width: 30rem; }
      @media (max-width: 768px) {
        .archive--list .box .cap {
          max-width: none;
          margin-bottom: 2rem; } }
      .archive--list .box .cap img {
        width: 100%;
        aspect-ratio: 300 / 200;
        object-fit: cover; }
        @media (max-width: 768px) {
          .archive--list .box .cap img {
            aspect-ratio: 335 / 200; } }
    .archive--list .box .databox {
      width: 100%;
      max-width: calc(100% - 30rem - 2rem); }
      @media (max-width: 768px) {
        .archive--list .box .databox {
          max-width: none;
          margin-bottom: 2rem; }
          .archive--list .box .databox .linktxt {
            display: none; } }
      .archive--list .box .databox .data {
        margin-bottom: 2rem; }
        @media (max-width: 768px) {
          .archive--list .box .databox .data {
            margin-bottom: 2rem; } }
      .archive--list .box .databox .linktxt {
        font-size: 1.5rem; }
        .archive--list .box .databox .linktxt:before {
          margin-top: 0.1rem; }
      .archive--list .box .databox .title {
        line-height: 1.6; }
        .archive--list .box .databox .title .tag {
          font-weight: 500;
          font-size: max(1.5rem, 13px);
          display: inline-block;
          margin-bottom: 1rem; }
          .archive--list .box .databox .title .tag:not(:last-of-type) {
            margin-right: 2rem; }
        .archive--list .box .databox .title h3 {
          font-weight: 500;
          font-size: max(3.6rem,34px);
          line-height: 1.5;
          margin-bottom: 4rem; }
          @media (max-width: 768px) {
            .archive--list .box .databox .title h3 {
              font-size: 2rem;
              margin-bottom: 2rem; } }
@media (max-width: 1023px) {
  .archive--single .innercontents {
    padding-top: 0; } }
.archive--single .innercontents h2 {
  font-family: var(--enfont);
  font-weight: 400;
  font-size: max(3.6rem,34px);
  line-height: 1;
  letter-spacing: .1rem;
  margin-bottom: 6rem; }
  @media (max-width: 1023px) {
    .archive--single .innercontents h2 {
      font-size: 1.8rem;
      margin-bottom: 4rem; } }
.archive--single .innercontents .archive--list:last-of-type {
  margin-bottom: 6rem; }
  @media (max-width: 1023px) {
    .archive--single .innercontents .archive--list:last-of-type {
      margin-bottom: 4rem; } }
.archive--single .innercontents .linktxt--prev {
  font-size: max(1.5rem,13px); }
  .archive--single .innercontents .linktxt--prev:before, .archive--single .innercontents .linktxt--prev:after {
    transform: rotate(180deg);
    /* margin-top: rem(-3); */ }

/******************************************************************************
.single
*******************************************************************************/
.single--contents {
  width: 100%;
  max-width: 98.2rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 21.5rem; }
  .single--contents .archive--list .box .databox {
    max-width: 100%; }
  @media (max-width: 768px) {
    .single--contents {
      max-width: none;
      padding: 0 2rem;
      box-sizing: border-box;
      margin-bottom: 10rem; } }
  .single--contents .archive--list {
    padding: 0;
    border: none;
    margin-bottom: 10rem; }
    @media (max-width: 768px) {
      .single--contents .archive--list {
        margin-bottom: 4rem; } }
    .single--contents .archive--list .box {
      display: block; }
      .single--contents .archive--list .box .databox .title {
        margin-bottom: 6rem; }
        @media (max-width: 768px) {
          .single--contents .archive--list .box .databox .title {
            margin-bottom: 4rem; } }
      .single--contents .archive--list .box .cap {
        max-width: none; }
  .single--contents .text-container, .single--contents .full_img-container {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    justify-content: space-between;
    font-size: max(1.6rem,14px);
    line-height: 1.8;
    letter-spacing: .1em; }
    .single--contents .text-container:not(:last-of-type), .single--contents .full_img-container:not(:last-of-type) {
      margin-bottom: 10rem; }
    @media (max-width: 768px) {
      .single--contents .text-container, .single--contents .full_img-container {
        display: block;
        font-size: 1.3rem;
        text-align: justify; } }
    .single--contents .text-container .cap, .single--contents .full_img-container .cap {
      width: 100%;
      max-width: 50rem; }
      @media (max-width: 768px) {
        .single--contents .text-container .cap, .single--contents .full_img-container .cap {
          max-width: none; } }
      .single--contents .text-container .cap img, .single--contents .full_img-container .cap img {
        width: 100%;
        height: 100%;
        aspect-ratio: 500 / 333;
        object-fit: cover; }
        @media (max-width: 768px) {
          .single--contents .text-container .cap img, .single--contents .full_img-container .cap img {
            aspect-ratio: 334 / 223; } }
    .single--contents .text-container .boxtext, .single--contents .full_img-container .boxtext {
      writing-mode: vertical-rl;
      text-orientation: upright;
      height: 52rem; }
      @media (max-width: 768px) {
        .single--contents .text-container .boxtext, .single--contents .full_img-container .boxtext {
          text-align: left;
          margin-left: auto;
          margin-bottom: 5rem;
          max-width: 100%;
          overflow-x: scroll;
          box-sizing: border-box; } }
      .single--contents .text-container .boxtext p strong, .single--contents .full_img-container .boxtext p strong {
        font-weight: 700; }
      .single--contents .text-container .boxtext p:not(:last-of-type), .single--contents .full_img-container .boxtext p:not(:last-of-type) {
        margin-left: 3rem; }
      .single--contents .text-container .boxtext p a, .single--contents .full_img-container .boxtext p a {
        text-decoration: underline; }
    .single--contents .text-container.detail .boxtext, .single--contents .full_img-container.detail .boxtext {
      border-top: 1px solid #1E1E1E;
      border-bottom: 1px solid #1E1E1E;
      padding: 4rem 2rem;
      font-size: max(1.2rem,11px);
      height: 45rem; }
    .single--contents .text-container.detail .cap, .single--contents .full_img-container.detail .cap {
      max-width: 30rem; }
      .single--contents .text-container.detail .cap img, .single--contents .full_img-container.detail .cap img {
        aspect-ratio: auto;
        height: auto; }

/******************************************************************************
.databox
*******************************************************************************/
.databox .data {
  font-weight: 500;
  font-size: max(1.5rem,13px);
  line-height: 1;
  letter-spacing: .1rem; }
  @media (max-width: 768px) {
    .databox .data {
      font-size: 1.4rem; } }
  .databox .data .timebox, .databox .data .txt {
    display: block; }
  .databox .data .timebox {
    font-family: var(--enfont);
    font-weight: 400;
    font-size: max(1.3rem,11px);
    margin-bottom: 2rem; }
    @media (max-width: 768px) {
      .databox .data .timebox {
        font-size: 1.2rem;
        margin-bottom: 1rem; } }

/******************************************************************************
#page-care
*******************************************************************************/
#page-care .pagehead {
  margin-bottom: 10rem; }
  @media (max-width: 768px) {
    #page-care .pagehead {
      margin-bottom: 6rem; } }
#page-care .innercontents {
  box-sizing: initial; }
#page-care .textlink {
  padding-top: 10rem; }

.support {
  padding: 10rem 0;
  border-bottom: 1px solid #E6E5E5;
  display: flex;
  justify-content: space-between;
  letter-spacing: .1rem;
  font-weight: 400;
  font-size: max(1.6rem,14px);
  line-height: 1.8; }
  @media (max-width: 768px) {
    .support {
      padding: 6rem 0 5.7rem;
      font-size: 1.2rem;
      display: block; } }
  .support:first-of-type {
    border-top: 1px solid #E6E5E5; }
  .support--headbox {
    width: 100%;
    max-width: 36.4rem; }
    @media (max-width: 768px) {
      .support--headbox {
        margin-bottom: 4rem;
        text-align: center; } }
    .support--headbox header {
      position: sticky;
      top: max(20rem,190px); }
    .support--headbox a {
      text-decoration: underline; }
    .support--headbox .title {
      font-family: var(--enfont);
      font-weight: 400;
      font-size: max(3.6rem,34px);
      line-height: 1;
      margin-bottom: 4rem; }
      @media (max-width: 768px) {
        .support--headbox .title {
          font-size: 2rem; } }
  .support--contents {
    width: 100%;
    max-width: 78.1rem; }
    .support--contents .linebox {
      border-bottom: 1px solid #E6E5E5;
      padding-bottom: 6rem;
      margin-bottom: 6rem; }
      @media (max-width: 768px) {
        .support--contents .linebox {
          padding-bottom: 4rem;
          margin-bottom: 4rem; } }
      .support--contents .linebox .check {
        margin-bottom: 4rem; }
        @media (max-width: 768px) {
          .support--contents .linebox .check {
            margin-bottom: 2rem; } }
    .support--contents .cap {
      width: 100%; }
      .support--contents .cap img {
        width: 100%; }
    .support--contents .box:not(:last-of-type) {
      margin-bottom: 6rem; }
      @media (max-width: 768px) {
        .support--contents .box:not(:last-of-type) {
          margin-bottom: 4rem; } }
    .support--contents .box .text {
      margin-bottom: 8rem; }
      @media (max-width: 768px) {
        .support--contents .box .text {
          margin-bottom: 4rem; } }
      .support--contents .box .text--1 {
        margin-bottom: 3rem; }
    .support--contents .box .linktxt {
      padding-left: 0;
      margin-left: 2rem; }
      .support--contents .box .linktxt:before {
        content: none; }
      .support--contents .box .linktxt:after {
        content: "";
        width: 1.2rem;
        height: 1.1rem;
        background: url(../images/common/icon-link.svg) no-repeat center center/contain;
        display: inline-block;
        padding-left: 1rem; }
    .support--contents .box h3 {
      font-size: max(2.4rem,22px);
      font-weight: 500;
      margin-bottom: 4rem; }
      @media (max-width: 768px) {
        .support--contents .box h3 {
          font-size: 1.8rem;
          text-align: center;
          margin-bottom: 3rem; }
          .support--contents .box h3.itemtitle {
            text-align: left;
            font-size: 1.3rem; } }
    .support--contents .box ol.number {
      counter-reset: item;
      padding: 0 0 3rem; }
      @media (max-width: 768px) {
        .support--contents .box ol.number {
          padding: 0 0 3rem; } }
      .support--contents .box ol.number li {
        counter-increment: item;
        display: flex;
        align-items: flex-start;
        cursor: pointer; }
        .support--contents .box ol.number li:before {
          content: counter(item) "."; }
    .support--contents .box ul.check li {
      position: relative;
      display: flex;
      align-items: flex-start; }
      .support--contents .box ul.check li:before {
        content: "・"; }
    .support--contents .box.flow li {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .support--contents .box.flow li .textbox a {
        text-decoration: underline; }
      .support--contents .box.flow li:not(:last-child) .textbox {
        border-bottom: 1px solid #E6E5E5;
        padding-bottom: 3rem;
        margin-bottom: 3rem; }
        @media (max-width: 768px) {
          .support--contents .box.flow li:not(:last-child) .textbox {
            padding-bottom: 2rem;
            margin-bottom: 2rem; } }
      .support--contents .box.flow li .number {
        font-family: var(--enfont);
        font-weight: 300;
        font-size: max(2.4rem,22px);
        line-height: 1; }
        @media (max-width: 768px) {
          .support--contents .box.flow li .number {
            font-size: 1.8rem;
            transform: translateY(0.3rem); } }
      .support--contents .box.flow li .textbox {
        width: 100%;
        max-width: calc(100% - 6rem); }
        @media (max-width: 768px) {
          .support--contents .box.flow li .textbox {
            max-width: calc(100% - 3rem); } }
        .support--contents .box.flow li .textbox .item {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 7rem;
          height: 2.6rem;
          background-color: #1E1E1E;
          color: white;
          margin-bottom: 2rem;
          border: 1px solid #1E1E1E;
          box-sizing: border-box;
          font-size: max(1.4rem,12px);
          line-height: 1; }
          @media (max-width: 768px) {
            .support--contents .box.flow li .textbox .item {
              width: 6rem;
              height: 2rem;
              font-size: 1rem; } }
          .support--contents .box.flow li .textbox .item--box {
            background-color: white;
            color: #1E1E1E; }
    @media (max-width: 768px) {
      .support--contents .box.capbox .mintxt {
        font-size: 1rem;
        text-align: center; } }
    .support--contents .box.capbox ul {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      margin-bottom: 4rem;
      gap: 10rem; }
      @media (max-width: 768px) {
        .support--contents .box.capbox ul {
          flex-wrap: wrap;
          gap: inherit;
          position: relative; } }
      .support--contents .box.capbox ul li {
        position: relative; }
        @media (max-width: 768px) {
          .support--contents .box.capbox ul li {
            width: 50%;
            display: flex;
            justify-content: center;
            position: initial; } }
        .support--contents .box.capbox ul li .cap {
          cursor: pointer; }
        .support--contents .box.capbox ul li:nth-child(1) {
          max-width: 9.1rem; }
          @media (max-width: 768px) {
            .support--contents .box.capbox ul li:nth-child(1) {
              max-width: none;
              margin-bottom: 5rem; } }
          @media (max-width: 768px) {
            .support--contents .box.capbox ul li:nth-child(1) .cap {
              max-width: 9.1rem; } }
        .support--contents .box.capbox ul li:nth-child(2) {
          max-width: 9.4rem; }
          @media (max-width: 768px) {
            .support--contents .box.capbox ul li:nth-child(2) {
              max-width: none;
              margin-bottom: 5rem; } }
          @media (max-width: 768px) {
            .support--contents .box.capbox ul li:nth-child(2) .cap {
              max-width: 9.4rem; } }
        .support--contents .box.capbox ul li:nth-child(3) {
          max-width: 15rem; }
          @media (max-width: 768px) {
            .support--contents .box.capbox ul li:nth-child(3) {
              max-width: none; } }
          @media (max-width: 768px) {
            .support--contents .box.capbox ul li:nth-child(3) .cap {
              max-width: 15rem; } }
        .support--contents .box.capbox ul li:nth-child(4) {
          max-width: 7.8rem; }
          @media (max-width: 768px) {
            .support--contents .box.capbox ul li:nth-child(4) {
              max-width: none; } }
          @media (max-width: 768px) {
            .support--contents .box.capbox ul li:nth-child(4) .cap {
              max-width: 7.8rem; } }
        .support--contents .box.capbox ul li .popupbox {
          position: absolute;
          box-shadow: 0px 0px 4px 0px #00000040;
          background: rgba(255, 255, 255, 0.9);
          width: 40rem;
          box-sizing: border-box;
          padding: 3rem;
          font-weight: 400;
          font-size: max(1.4rem,12px);
          line-height: 1.8;
          text-align: justify;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          z-index: 2;
          opacity: 0;
          transition: .5s;
          visibility: hidden;
          border-radius: 0.8rem; }
          @media (max-width: 768px) {
            .support--contents .box.capbox ul li .popupbox {
              width: calc(100% - 0.75rem);
              left: 0.5rem;
              transform: translate(0, -50%);
              padding: 2rem;
              font-size: 1.2rem; } }
          .support--contents .box.capbox ul li .popupbox h4 {
            font-size: max(1.5rem,13px);
            font-weight: 600;
            margin-bottom: 1.5rem; }
            @media (max-width: 768px) {
              .support--contents .box.capbox ul li .popupbox h4 {
                font-size: 1.4rem;
                margin-bottom: 1.5rem; } }
        .support--contents .box.capbox ul li:hover .popupbox {
          opacity: 1;
          visibility: inherit; }

/******************************************************************************
.caploopslide
*******************************************************************************/
.caploopslide {
  padding: 10rem 0 0; }
  @media (max-width: 768px) {
    .caploopslide {
      padding: 6rem 0 0; } }
  .caploopslide h3 {
    font-weight: 400;
    font-size: max(3.6rem,34px);
    line-height: 1;
    letter-spacing: 0.1em;
    margin-bottom: 6rem; }
    @media (max-width: 768px) {
      .caploopslide h3 {
        font-size: 2rem;
        text-align: center;
        margin-bottom: 4rem; } }

.caploopslide--slider {
  width: 100vw;
  margin-left: calc(50% - rem(1185) / 2);
  overflow-x: visible;
  position: relative; }
  @media (max-width: 768px) {
    .caploopslide--slider {
      margin-left: 0;
      width: 100%; } }
  .caploopslide--slider .slider {
    display: flex; }
    @media (max-width: 768px) {
      .caploopslide--slider .slider {
        padding-left: 2rem; } }
  .caploopslide--slider .slick-slide {
    margin-right: 4rem; }
    @media (max-width: 768px) {
      .caploopslide--slider .slick-slide {
        margin-right: 2rem; } }
  .caploopslide--slider .cap img {
    width: 100%;
    height: 100%;
    aspect-ratio: 500 / 550;
    object-fit: cover;
    display: block; }
    @media (max-width: 768px) {
      .caploopslide--slider .cap img {
        aspect-ratio: 280 / 308; } }

/******************************************************************************
.my_gloves
*******************************************************************************/
.my_gloves--list {
  border-bottom: 1px solid #E6E5E5;
  padding-bottom: 4rem; }
  .my_gloves--list:first-of-type {
    border-top: 1px solid #E6E5E5;
    padding-top: 4rem; }
  .my_gloves--list:not(:last-of-type) {
    margin-bottom: 4rem; }
  .my_gloves--list .box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 4rem; }
    @media (max-width: 1023px) {
      .my_gloves--list .box {
        display: block; } }
    .my_gloves--list .box .text {
      transform: translateY(-1rem); }
      @media (max-width: 1023px) {
        .my_gloves--list .box .text {
          transform: translateY(0); } }
  .my_gloves--list .linktxt {
    font-size: max(1.5rem,13px); }
  .my_gloves--list .databox {
    display: flex;
    align-items: flex-start;
    gap: 6rem; }
    @media (max-width: 1023px) {
      .my_gloves--list .databox {
        margin-bottom: 2.5rem;
        display: block; } }
    .my_gloves--list .databox .entxt {
      font-family: var(--enfont);
      font-weight: 400;
      font-size: max(3.6rem,34px);
      line-height: 1.6;
      letter-spacing: .1rem;
      margin-bottom: 1.5rem; }
      @media (max-width: 1023px) {
        .my_gloves--list .databox .entxt {
          font-size: 2.4rem;
          margin-bottom: 2rem;
          display: block; } }
    .my_gloves--list .databox .item {
      font-weight: 500;
      font-size: max(3.2rem,30px);
      line-height: 1.6;
      margin-bottom: 3rem; }
      @media (max-width: 1023px) {
        .my_gloves--list .databox .item {
          font-size: 1.8rem;
          display: block;
          margin-bottom: 0; } }
  .my_gloves--list .number {
    font-family: var(--enfont);
    font-weight: 400;
    font-size: max(3.6rem,34px);
    line-height: 1;
    letter-spacing: .1rem;
    transform: translateY(-0.3rem); }
    @media (max-width: 1023px) {
      .my_gloves--list .number {
        font-size: 1.8rem;
        display: block;
        margin-bottom: 1rem;
        transform: translateY(-0.1rem); } }
  .my_gloves--list .cap {
    width: 100%;
    max-width: 20rem; }
    @media (max-width: 1023px) {
      .my_gloves--list .cap {
        max-width: none;
        margin-bottom: 2rem; } }
    .my_gloves--list .cap img {
      width: 100%;
      height: 100%;
      aspect-ratio: 1;
      object-fit: cover; }
.my_gloves--single .innercontents {
  max-width: 98rem;
  padding-top: 0; }
  @media (max-width: 1023px) {
    .my_gloves--single .innercontents {
      max-width: none;
      box-sizing: border-box;
      padding-top: 0; } }
  .my_gloves--single .innercontents .my_gloves--list {
    padding: 0;
    border: none; }
    @media (max-width: 1023px) {
      .my_gloves--single .innercontents .my_gloves--list {
        margin-bottom: 2rem; } }
    .my_gloves--single .innercontents .my_gloves--list .box {
      display: block; }
    .my_gloves--single .innercontents .my_gloves--list .databox {
      display: block;
      /*
      column-gap: rem(30);
      display: grid;
      grid-template-columns: auto 1fr auto;
      @include pc1021{
      	justify-content: space-between;
      	display: flex;
      	align-items: center;				
      	flex-wrap: wrap;
      	gap: initial;
      	margin-bottom: 0;
      }
      */ }
      .my_gloves--single .innercontents .my_gloves--list .databox h2 {
        font-family: var(--enfont);
        font-weight: 500;
        font-size: max(3.6rem, 34px);
        /* letter-spacing: .05rem; */
        letter-spacing: 0;
        line-height: 1.5;
        margin-bottom: 2rem; }
        @media (max-width: 1023px) {
          .my_gloves--single .innercontents .my_gloves--list .databox h2 {
            font-size: 1.8rem; } }
      .my_gloves--single .innercontents .my_gloves--list .databox .dataList {
        font-size: max(1.6rem, 14px);
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center; }
        @media (max-width: 1023px) {
          .my_gloves--single .innercontents .my_gloves--list .databox .dataList {
            font-size: max(1.4rem,12px); } }
        .my_gloves--single .innercontents .my_gloves--list .databox .dataList dt {
          width: 10rem;
          margin-bottom: 0.5rem; }
          @media (max-width: 1023px) {
            .my_gloves--single .innercontents .my_gloves--list .databox .dataList dt {
              width: 25%; } }
        .my_gloves--single .innercontents .my_gloves--list .databox .dataList dd {
          width: calc(100% - 10rem);
          margin-bottom: 0.5rem; }
          @media (max-width: 1023px) {
            .my_gloves--single .innercontents .my_gloves--list .databox .dataList dd {
              width: 75%; } }
      .my_gloves--single .innercontents .my_gloves--list .databox .makerwrap {
        align-self: center;
        justify-self: end;
        width: 12rem; }
      .my_gloves--single .innercontents .my_gloves--list .databox .number {
        justify-self: start; }
      .my_gloves--single .innercontents .my_gloves--list .databox .entxt {
        margin-bottom: 0; }
      .my_gloves--single .innercontents .my_gloves--list .databox .text {
        border-right: 1px solid #E6E5E5;
        justify-self: center;
        align-self: center;
        display: flex;
        align-items: center;
        justify-content: center; }
        .my_gloves--single .innercontents .my_gloves--list .databox .text--sp {
          display: none; }
          @media (max-width: 1023px) {
            .my_gloves--single .innercontents .my_gloves--list .databox .text--sp {
              display: block;
              width: 100%;
              padding-top: 2rem;
              border-right: none; } }
        @media (max-width: 1023px) {
          .my_gloves--single .innercontents .my_gloves--list .databox .text--pc {
            display: none; } }
  .my_gloves--single .innercontents h2.title {
    font-weight: 400;
    font-size: max(2.4rem,22px);
    line-height: 1.8;
    letter-spacing: .1em;
    margin-bottom: 6rem; }
    @media (max-width: 1023px) {
      .my_gloves--single .innercontents h2.title {
        font-size: 1.8rem;
        margin-bottom: 4rem; } }
  .my_gloves--single .innercontents .cap {
    margin-bottom: 10rem; }
    @media (max-width: 1023px) {
      .my_gloves--single .innercontents .cap {
        margin-bottom: 6rem; } }
    .my_gloves--single .innercontents .cap img {
      width: 100%; }
  .my_gloves--single .innercontents .textbox {
    font-weight: 400;
    font-size: max(1.6rem,14px);
    line-height: 2.2;
    letter-spacing: .1rem;
    margin-bottom: 10rem; }
    @media (max-width: 1023px) {
      .my_gloves--single .innercontents .textbox {
        text-align: justify;
        font-size: 1.2rem;
        margin-bottom: 6rem; } }
    .my_gloves--single .innercontents .textbox p {
      line-height: 2; }
      .my_gloves--single .innercontents .textbox p:not(:last-of-type) {
        margin-bottom: 4rem; }
      .my_gloves--single .innercontents .textbox p.has-small-font-size {
        margin-bottom: 0; }
    .my_gloves--single .innercontents .textbox h3 {
      font-weight: 500;
      font-size: max(2.4rem,22px);
      margin: 0 0 2rem; }
      @media (max-width: 1023px) {
        .my_gloves--single .innercontents .textbox h3 {
          font-size: 1.8rem;
          line-height: 1.8;
          margin: 0 0 1rem; } }
    .my_gloves--single .innercontents .textbox .wp-block-image.size-full {
      margin-bottom: 3rem; }

/******************************************************************************
#glovalnav
*******************************************************************************/
#glovalnav {
  position: fixed;
  top: 0;
  right: max(-61rem,-600px);
  max-width: max(61rem,600px);
  height: 100%;
  background: #fff;
  z-index: 1000;
  transition: right 0.5s ease;
  padding: 0 2rem 10.5rem 6rem;
  box-sizing: border-box;
  overflow-y: auto; }
  @media (max-width: 1023px) {
    #glovalnav {
      right: -100%;
      max-width: none;
      width: 100%;
      padding: 0 0 6rem;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; } }
  #glovalnav .menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 8rem;
    width: 100%;
    height: max(10rem,90px); }
    @media (max-width: 1023px) {
      #glovalnav .menu-header {
        height: 7rem;
        margin: 0 0 2.5rem; } }
    #glovalnav .menu-header .logo {
      margin-top: 6rem; }
      @media (max-width: 1023px) {
        #glovalnav .menu-header .logo {
          margin-top: 0;
          max-width: 9rem;
          margin: auto; } }
  #glovalnav .menu-close {
    font-size: 1.5rem;
    background: none;
    border: none;
    cursor: pointer; }
  #glovalnav .menu-main {
    position: relative; }
    #glovalnav .menu-main:not(:last-of-type) {
      padding-bottom: 4rem;
      margin-bottom: 4rem; }
      @media (max-width: 1023px) {
        #glovalnav .menu-main:not(:last-of-type) {
          padding-bottom: 3rem;
          margin-bottom: 3rem;
          margin-left: 4rem;
          margin-right: 4rem; } }
      #glovalnav .menu-main:not(:last-of-type):after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 5rem;
        height: 1px;
        background-color: #CCCCCC; }
    #glovalnav .menu-main li {
      font-size: max(1.6rem,14px);
      font-family: var(--enfont);
      letter-spacing: .1em;
      font-weight: 400; }
      @media (max-width: 1023px) {
        #glovalnav .menu-main li {
          font-size: 1.4rem; } }
      #glovalnav .menu-main li:not(:last-child) {
        margin-bottom: 2rem; }
      #glovalnav .menu-main li:not(.menu-section-title) {
        margin-left: 2rem; }
      #glovalnav .menu-main li.menu-section-title {
        font-weight: 400;
        font-size: max(2rem,18px);
        letter-spacing: 0.15em;
        margin-bottom: 2rem; }
        @media (max-width: 1023px) {
          #glovalnav .menu-main li.menu-section-title {
            font-size: 1.6rem; } }
    #glovalnav .menu-main:last-of-type {
      margin-bottom: 6rem; }
      @media (max-width: 1023px) {
        #glovalnav .menu-main:last-of-type {
          margin-bottom: 4rem;
          margin-left: 4rem;
          margin-right: 4rem; } }
      #glovalnav .menu-main:last-of-type li {
        font-size: max(2rem,18px);
        font-family: var(--enfont);
        letter-spacing: .1em;
        margin-left: 0;
        font-weight: 400; }
        @media (max-width: 1023px) {
          #glovalnav .menu-main:last-of-type li {
            font-size: 1.6rem; } }
  #glovalnav .menu-footer {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
    @media (max-width: 1023px) {
      #glovalnav .menu-footer {
        gap: 3rem;
        padding: 0 4rem; } }
  #glovalnav .footer-links {
    display: flex;
    gap: 3rem;
    list-style: none;
    padding: 0;
    font-size: max(1.4rem,13px);
    letter-spacing: .1rem;
    font-family: var(--enfont);
    min-width: 46.8rem;
    margin-bottom: 5rem; }
    @media (max-width: 1023px) {
      #glovalnav .footer-links {
        flex-wrap: wrap;
        margin-bottom: 4rem;
        min-width: initial;
        font-size: 1.4rem;
        gap: 3rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 1rem; } }
  #glovalnav .social-link img {
    width: 2.4rem;
    height: 2.4rem; }

#glovalnav.open {
  right: 0;
  z-index: 1001; }
  #glovalnav.open .gnavi {
    width: 5rem;
    height: 2rem;
    transform: translate(-2rem, 0); }
    @media (max-width: 1023px) {
      #glovalnav.open .gnavi {
        width: 3.2rem;
        height: 1.1rem;
        position: absolute;
        right: 0;
        top: 3rem; } }
    #glovalnav.open .gnavi:before {
      transform: rotate(20deg);
      top: 1rem; }
      @media (max-width: 1023px) {
        #glovalnav.open .gnavi:before {
          top: 0.5rem; } }
    #glovalnav.open .gnavi:after {
      transform: rotate(-20deg);
      bottom: auto;
      bottom: 0.9rem; }
      @media (max-width: 1023px) {
        #glovalnav.open .gnavi:after {
          bottom: 0.5rem; } }

body.nav-open:after {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.75);
  position: fixed; }

/******************************************************************************
.categorylistbox
*******************************************************************************/
.categorylistbox {
  margin-bottom: 6rem;
  font-weight: 500;
  font-size: max(1.5rem,13px);
  line-height: 1;
  letter-spacing: .1em; }
  @media (max-width: 1023px) {
    .categorylistbox {
      font-size: 1.3rem; } }
  .categorylistbox ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4rem;
    flex-wrap: wrap; }
    @media (max-width: 1023px) {
      .categorylistbox ul {
        gap: 1.5rem; } }
    @media (max-width: 768px) {
      .categorylistbox ul {
        justify-content: flex-start; } }

/******************************************************************************
.post-navigation
*******************************************************************************/
.post-navigation {
  font-family: var(--enfont);
  font-weight: 400;
  font-size: max(1.5rem,13px);
  line-height: 1;
  letter-spacing: .1em;
  position: relative; }
  @media (max-width: 1023px) {
    .post-navigation {
      font-size: 1.4rem; } }
  .post-navigation .sp-text {
    display: none; }
  @media (max-width: 768px) {
    .post-navigation .sp-text {
      display: inline-block; }
    .post-navigation .pc-text {
      display: none; } }
  .post-navigation .nav-previous {
    position: absolute;
    left: 0;
    top: 0; }
    .post-navigation .nav-previous a {
      position: relative;
      padding-left: 1.8rem; }
  .post-navigation .nav-next {
    position: absolute;
    right: 0;
    top: 0; }
    .post-navigation .nav-next a {
      position: relative;
      padding-right: 1.8rem; }

/******************************************************************************
.page-body
*******************************************************************************/
.page-body {
  font-weight: 400;
  font-size: max(1.6rem,14px);
  line-height: 2.4;
  letter-spacing: .1em; }
  @media (max-width: 768px) {
    .page-body {
      font-size: 1.2rem; } }
  .page-body h2 {
    font-size: max(2.4rem,22px);
    margin-bottom: 5rem; }
    @media (max-width: 768px) {
      .page-body h2 {
        font-size: 1.8rem;
        margin-bottom: 3rem; } }
  .page-body h3 {
    font-weight: 600; }
  .page-body .wp-block-group:not(:last-of-type) {
    margin-bottom: 6rem; }
    @media (max-width: 768px) {
      .page-body .wp-block-group:not(:last-of-type) {
        margin-bottom: 3rem; } }

/******************************************************************************
#page-privacy
*******************************************************************************/
#page-privacy .page-body {
  width: 100%;
  max-width: 90.2rem;
  margin-left: auto;
  margin-right: auto; }

/******************************************************************************
page-stockists
*******************************************************************************/
#page-stockists .leadtext {
  font-weight: 400;
  font-size: max(1.6rem,14px);
  line-height: 2.4;
  letter-spacing: .1em;
  text-align: center;
  margin-bottom: 9.8rem; }
  @media (max-width: 768px) {
    #page-stockists .leadtext {
      font-size: 1.4rem;
      margin-bottom: 5rem; } }

/******************************************************************************
.stockists
*******************************************************************************/
.stockists {
  width: 100%;
  max-width: 98.2rem;
  margin: auto; }
  @media (max-width: 768px) {
    .stockists {
      max-width: none;
      padding-left: 2rem;
      padding-right: 2rem;
      width: auto; } }
  .stockists--list {
    border-bottom: 1px solid #E6E5E5;
    padding-bottom: 2rem; }
    .stockists--list:not(:last-child) {
      margin-bottom: 2rem; }
  .stockists--title {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0rem 4rem 0;
    font-weight: 500;
    font-size: max(1.6rem,14px);
    letter-spacing: .1em; }
    @media (max-width: 768px) {
      .stockists--title {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-bottom: 1.5rem;
        font-size: 1.4rem; } }
    .stockists--title .iconarrow {
      display: block;
      width: 1rem;
      height: 1rem;
      border-top: 1px solid #1E1E1E;
      border-right: 1px solid #1E1E1E;
      transform: rotate(135deg);
      transition: transform 0.3s ease; }
      @media (max-width: 768px) {
        .stockists--title .iconarrow {
          width: 0.7rem;
          height: 0.7rem;
          margin-top: -0.4rem; } }
    .stockists--title.is-active .iconarrow {
      transform: rotate(-45deg); }
  .stockists--subbox--list {
    width: 100%;
    max-width: calc(100% / 2 - 1.5rem); }
    @media (max-width: 768px) {
      .stockists--subbox--list {
        max-width: none; } }
    .stockists--subbox--list .txt {
      display: flex;
      align-items: center;
      gap: 2rem; }
      @media (max-width: 768px) {
        .stockists--subbox--list .txt {
          font-size: 1.4rem; } }
      .stockists--subbox--list .txt img {
        vertical-align: middle; }
  .stockists .subbox {
    padding: 0 4rem 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    font-weight: 400;
    font-size: max(1.6rem,14px);
    line-height: 2.4;
    letter-spacing: .1em; }
    @media (max-width: 768px) {
      .stockists .subbox {
        padding: 0 1.5rem 0;
        font-size: 1.4rem; } }
    .stockists .subbox a {
      text-decoration: underline; }
    .stockists .subbox ul {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap;
      gap: 1.5rem;
      margin-top: 2rem; }
      @media (max-width: 768px) {
        .stockists .subbox ul {
          display: block; }
          .stockists .subbox ul li:not(:last-child) {
            margin-bottom: 1rem; }
          .stockists .subbox ul img {
            width: 2rem; } }
    .stockists .subbox p {
      white-space: normal;
      word-break: break-word;
      overflow-wrap: break-word;
      margin-top: 2rem; }
      .stockists .subbox p:not(:last-of-type) {
        margin-bottom: 3rem; }

/******************************************************************************
.default-page-content
*******************************************************************************/
.default-page-content .featured-image {
  padding-top: 6rem;
  padding-bottom: 10rem; }
  @media (max-width: 1023px) {
    .default-page-content .featured-image {
      padding-bottom: 5rem;
      padding-top: 4rem;
      padding-left: 0;
      padding-right: 0; } }
  .default-page-content .featured-image img {
    width: 100%; }

.btnbox {
  width: 100%;
  max-width: 30rem;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #1E1E1E;
  box-sizing: border-box;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: max(1.6rem,14px);
  letter-spacing: .1em; }
  .btnbox:after {
    content: '';
    position: absolute;
    top: calc(50% - 0.4rem);
    right: 2rem;
    width: 0.6rem;
    height: 0.6rem;
    border-top: 0.1rem solid #000;
    border-right: 0.1rem solid #000;
    transform: rotate(45deg);
    transition: .5s; }

.textlink {
  text-align: center; }
  .textlink span {
    position: relative; }
    .textlink span:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: -10px;
      width: 100%;
      height: 0.2rem;
      background-color: #1E1E1E; }
  .textlink a {
    font-weight: 500;
    font-size: max(2.4rem,22px);
    line-height: 1;
    letter-spacing: .1em;
    position: relative;
    padding-bottom: 0.5rem; }
    @media (max-width: 1023px) {
      .textlink a {
        font-size: 1.8rem; } }

/******************************************************************************
.businessbox
*******************************************************************************/
.businessbox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10rem; }
  @media (max-width: 1023px) {
    .businessbox {
      display: block;
      margin-bottom: 6rem; } }
  .businessbox:not(:last-of-type) {
    padding-bottom: 4rem;
    border-bottom: 1px solid #E6E5E5; }
    @media (max-width: 1023px) {
      .businessbox:not(:last-of-type) {
        padding-bottom: 6rem; } }
  .businessbox--title {
    /* font-weight: 500; */
    font-size: max(2.4rem,22px);
    line-height: 1;
    letter-spacing: .1em; }
    .businessbox--title span {
      position: sticky;
      left: 0;
      top: max(20rem,190px); }
    @media (max-width: 1023px) {
      .businessbox--title {
        margin-bottom: 2rem; } }
  .businessbox .mapbox {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 5rem; }
    @media (max-width: 1023px) {
      .businessbox .mapbox {
        display: block;
        margin-bottom: 3rem; } }
    .businessbox .mapbox .cap {
      width: 100%;
      max-width: 68rem;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 1023px) {
        .businessbox .mapbox .cap {
          max-width: none; } }
      .businessbox .mapbox .cap:not(:last-of-type) {
        margin-bottom: 5rem; }
        @media (max-width: 1023px) {
          .businessbox .mapbox .cap:not(:last-of-type) {
            margin-bottom: 3rem; } }
  .businessbox .databox {
    width: 100%;
    max-width: 88.2rem;
    font-weight: 400;
    font-size: max(1.4rem,12px);
    line-height: 2;
    letter-spacing: .1em; }
    @media (max-width: 1023px) {
      .businessbox .databox {
        max-width: none; } }
    .businessbox .databox a {
      text-decoration: underline; }
    .businessbox .databox .textlink {
      padding-top: 6rem; }
      .businessbox .databox .textlink a {
        text-decoration: none; }
    .businessbox .databox .lead {
      margin-bottom: 3rem;
      transform: translateY(-1rem);
      font-weight: 400;
      font-size: max(1.6rem,14px);
      line-height: 2.4;
      letter-spacing: .1em; }
      @media (max-width: 1023px) {
        .businessbox .databox .lead {
          margin-bottom: 2rem;
          transform: translateY(0);
          font-size: 1.4rem; } }
    .businessbox .databox .caplist {
      display: flex;
      align-items: flex-start;
      gap: 4rem;
      margin-bottom: 6rem; }
      @media (max-width: 1023px) {
        .businessbox .databox .caplist {
          display: block;
          margin-bottom: 0; } }
      .businessbox .databox .caplist--box {
        width: 100%;
        max-width: calc(100% / 2 - 2rem); }
        @media (max-width: 1023px) {
          .businessbox .databox .caplist--box {
            max-width: none; }
            .businessbox .databox .caplist--box:not(:last-of-type) {
              margin-bottom: 5rem; } }
      .businessbox .databox .caplist .cap img {
        width: 100%; }
      @media (max-width: 1023px) {
        .businessbox .databox .caplist .cap {
          margin-bottom: 2rem; } }
      .businessbox .databox .caplist .title {
        margin-bottom: 3rem; }
        @media (max-width: 1023px) {
          .businessbox .databox .caplist .title {
            margin-bottom: 2rem; } }
        .businessbox .databox .caplist .title .logo {
          margin-top: 2rem;
          margin-bottom: 2rem; }
        .businessbox .databox .caplist .title .text {
          font-weight: 500;
          font-size: max(2.4rem,22px);
          line-height: 2;
          letter-spacing: .1em;
          display: block; }
        .businessbox .databox .caplist .title .txt {
          font-weight: 500;
          font-size: max(1.4rem,12px);
          line-height: 2;
          letter-spacing: .1em;
          display: block; }

/******************************************************************************
.wp-pagenavi
*******************************************************************************/
.wp-pagenavi {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10rem;
  font-size: max(1.8rem,16px);
  font-weight: 400;
  gap: 1.5rem; }
  @media (max-width: 1023px) {
    .wp-pagenavi {
      font-size: 1.5rem;
      gap: 2.2rem;
      padding-top: 6rem; } }
  .wp-pagenavi .current {
    position: relative; }
    .wp-pagenavi .current:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      background-color: #1E1E1E; }
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    position: relative;
    font-size: 0; }
    .wp-pagenavi .previouspostslink:before,
    .wp-pagenavi .nextpostslink:before {
      content: "";
      width: 1.2rem;
      height: 0.8rem;
      display: inline-block;
      top: 50%;
      transform: translateY(-50%);
      margin-top: 0.2rem;
      left: 0;
      position: absolute; }
      @media (max-width: 1023px) {
        .wp-pagenavi .previouspostslink:before,
        .wp-pagenavi .nextpostslink:before {
          margin-top: 0; } }
  .wp-pagenavi .previouspostslink {
    padding-right: 0.5rem; }
    .wp-pagenavi .previouspostslink:before {
      background: url(../images/common/icon-arrow.svg) no-repeat center center/contain;
      transform: translateY(-50%) rotate(180deg); }
  .wp-pagenavi .nextpostslink {
    padding-left: 0.5rem; }
    .wp-pagenavi .nextpostslink:before {
      background: url(../images/common/icon-arrow.svg) no-repeat center center/contain;
      transform: translateY(-50%); }

.word-break, .archive--list .box .databox .title {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: normal; }

a.comingsoon {
  pointer-events: none;
  opacity: .2; }

/* CONTACT */
#page-contact .innercontents, #page-repair .innercontents, #page-thanks .innercontents {
  max-width: 96rem; }
#page-contact .lead, #page-repair .lead, #page-thanks .lead {
  padding-top: 6rem;
  margin-bottom: 10rem; }
  @media (max-width: 768px) {
    #page-contact .lead, #page-repair .lead, #page-thanks .lead {
      margin-bottom: 5rem; } }
#page-contact form.wpcf7-form .must, #page-repair form.wpcf7-form .must, #page-thanks form.wpcf7-form .must {
  color: #f00;
  padding-left: 1rem; }
#page-contact form.wpcf7-form dl, #page-repair form.wpcf7-form dl, #page-thanks form.wpcf7-form dl {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #E6E5E5;
  margin-bottom: 4rem;
  padding-bottom: 4rem;
  flex-wrap: wrap; }
  @media (max-width: 768px) {
    #page-contact form.wpcf7-form dl, #page-repair form.wpcf7-form dl, #page-thanks form.wpcf7-form dl {
      padding-bottom: 2rem;
      margin-bottom: 1rem; } }
  #page-contact form.wpcf7-form dl dt, #page-repair form.wpcf7-form dl dt, #page-thanks form.wpcf7-form dl dt {
    width: 30%;
    font-weight: 500;
    padding-top: 0.5rem; }
    #page-contact form.wpcf7-form dl dt.file-title, #page-repair form.wpcf7-form dl dt.file-title, #page-thanks form.wpcf7-form dl dt.file-title {
      padding-top: 0; }
    @media (max-width: 768px) {
      #page-contact form.wpcf7-form dl dt, #page-repair form.wpcf7-form dl dt, #page-thanks form.wpcf7-form dl dt {
        width: 100%;
        margin-bottom: 1rem; } }
  #page-contact form.wpcf7-form dl dd, #page-repair form.wpcf7-form dl dd, #page-thanks form.wpcf7-form dl dd {
    width: 70%; }
    @media (max-width: 768px) {
      #page-contact form.wpcf7-form dl dd, #page-repair form.wpcf7-form dl dd, #page-thanks form.wpcf7-form dl dd {
        width: 100%; } }
    #page-contact form.wpcf7-form dl dd input:not([type="file"]):not([type="checkbox"]), #page-contact form.wpcf7-form dl dd textarea, #page-contact form.wpcf7-form dl dd select, #page-repair form.wpcf7-form dl dd input:not([type="file"]):not([type="checkbox"]), #page-repair form.wpcf7-form dl dd textarea, #page-repair form.wpcf7-form dl dd select, #page-thanks form.wpcf7-form dl dd input:not([type="file"]):not([type="checkbox"]), #page-thanks form.wpcf7-form dl dd textarea, #page-thanks form.wpcf7-form dl dd select {
      background: #F7F8F8;
      border: 1px solid #E6E5E5;
      padding: 1.5rem;
      border-radius: 0.5rem;
      width: 100%;
      box-sizing: border-box;
      font-size: max(1.6rem,14px); }
      @media (max-width: 768px) {
        #page-contact form.wpcf7-form dl dd input:not([type="file"]):not([type="checkbox"]), #page-contact form.wpcf7-form dl dd textarea, #page-contact form.wpcf7-form dl dd select, #page-repair form.wpcf7-form dl dd input:not([type="file"]):not([type="checkbox"]), #page-repair form.wpcf7-form dl dd textarea, #page-repair form.wpcf7-form dl dd select, #page-thanks form.wpcf7-form dl dd input:not([type="file"]):not([type="checkbox"]), #page-thanks form.wpcf7-form dl dd textarea, #page-thanks form.wpcf7-form dl dd select {
          font-size: 1.2rem; } }
    #page-contact form.wpcf7-form dl dd textarea, #page-repair form.wpcf7-form dl dd textarea, #page-thanks form.wpcf7-form dl dd textarea {
      max-height: 30rem; }
      @media (max-width: 768px) {
        #page-contact form.wpcf7-form dl dd textarea, #page-repair form.wpcf7-form dl dd textarea, #page-thanks form.wpcf7-form dl dd textarea {
          max-height: 20rem; } }
    #page-contact form.wpcf7-form dl dd input, #page-repair form.wpcf7-form dl dd input, #page-thanks form.wpcf7-form dl dd input {
      font-size: max(1.6rem,14px); }
    #page-contact form.wpcf7-form dl dd input[type="file"], #page-repair form.wpcf7-form dl dd input[type="file"], #page-thanks form.wpcf7-form dl dd input[type="file"] {
      font-family: var(--basefont); }
      @media (max-width: 768px) {
        #page-contact form.wpcf7-form dl dd input[type="file"], #page-repair form.wpcf7-form dl dd input[type="file"], #page-thanks form.wpcf7-form dl dd input[type="file"] {
          font-size: 1.2rem; } }
    #page-contact form.wpcf7-form dl dd .select-wrap, #page-repair form.wpcf7-form dl dd .select-wrap, #page-thanks form.wpcf7-form dl dd .select-wrap {
      position: relative; }
      #page-contact form.wpcf7-form dl dd .select-wrap select, #page-repair form.wpcf7-form dl dd .select-wrap select, #page-thanks form.wpcf7-form dl dd .select-wrap select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none; }
        @media (max-width: 768px) {
          #page-contact form.wpcf7-form dl dd .select-wrap select, #page-repair form.wpcf7-form dl dd .select-wrap select, #page-thanks form.wpcf7-form dl dd .select-wrap select {
            color: #1E1E1E !important; }
            #page-contact form.wpcf7-form dl dd .select-wrap select:invalid, #page-repair form.wpcf7-form dl dd .select-wrap select:invalid, #page-thanks form.wpcf7-form dl dd .select-wrap select:invalid {
              color: #1E1E1E !important; } }
      #page-contact form.wpcf7-form dl dd .select-wrap:after, #page-repair form.wpcf7-form dl dd .select-wrap:after, #page-thanks form.wpcf7-form dl dd .select-wrap:after {
        content: url(../images/common/icon-arrow-bottom.svg);
        position: absolute;
        right: 2rem;
        top: .7rem;
        pointer-events: none; }
        @media (max-width: 768px) {
          #page-contact form.wpcf7-form dl dd .select-wrap:after, #page-repair form.wpcf7-form dl dd .select-wrap:after, #page-thanks form.wpcf7-form dl dd .select-wrap:after {
            top: 1rem; } }
    #page-contact form.wpcf7-form dl dd .wpcf7-checkbox, #page-repair form.wpcf7-form dl dd .wpcf7-checkbox, #page-thanks form.wpcf7-form dl dd .wpcf7-checkbox {
      display: block; }
    #page-contact form.wpcf7-form dl dd .wpcf7-list-item, #page-repair form.wpcf7-form dl dd .wpcf7-list-item, #page-thanks form.wpcf7-form dl dd .wpcf7-list-item {
      margin: 0 4rem 0 0; }
      @media (max-width: 768px) {
        #page-contact form.wpcf7-form dl dd .wpcf7-list-item, #page-repair form.wpcf7-form dl dd .wpcf7-list-item, #page-thanks form.wpcf7-form dl dd .wpcf7-list-item {
          margin-right: 3rem;
          white-space: nowrap; } }
      #page-contact form.wpcf7-form dl dd .wpcf7-list-item.last, #page-repair form.wpcf7-form dl dd .wpcf7-list-item.last, #page-thanks form.wpcf7-form dl dd .wpcf7-list-item.last {
        display: block; }
    #page-contact form.wpcf7-form dl dd .other, #page-repair form.wpcf7-form dl dd .other, #page-thanks form.wpcf7-form dl dd .other {
      margin-top: 1rem; }
  #page-contact form.wpcf7-form dl.full, #page-repair form.wpcf7-form dl.full, #page-thanks form.wpcf7-form dl.full {
    display: block; }
    #page-contact form.wpcf7-form dl.full dt, #page-contact form.wpcf7-form dl.full dd, #page-repair form.wpcf7-form dl.full dt, #page-repair form.wpcf7-form dl.full dd, #page-thanks form.wpcf7-form dl.full dt, #page-thanks form.wpcf7-form dl.full dd {
      width: 100%; }
    #page-contact form.wpcf7-form dl.full dt, #page-repair form.wpcf7-form dl.full dt, #page-thanks form.wpcf7-form dl.full dt {
      margin-bottom: 2rem; }
#page-contact form.wpcf7-form .agree, #page-repair form.wpcf7-form .agree, #page-thanks form.wpcf7-form .agree {
  text-align: center;
  font-weight: 500; }
  #page-contact form.wpcf7-form .agree a, #page-repair form.wpcf7-form .agree a, #page-thanks form.wpcf7-form .agree a {
    text-decoration: underline; }
#page-contact form.wpcf7-form input[type="checkbox"], #page-repair form.wpcf7-form input[type="checkbox"], #page-thanks form.wpcf7-form input[type="checkbox"] {
  opacity: 0;
  position: absolute; }
#page-contact form.wpcf7-form .wpcf7-checkbox label, #page-contact form.wpcf7-form .wpcf7-acceptance label, #page-repair form.wpcf7-form .wpcf7-checkbox label, #page-repair form.wpcf7-form .wpcf7-acceptance label, #page-thanks form.wpcf7-form .wpcf7-checkbox label, #page-thanks form.wpcf7-form .wpcf7-acceptance label {
  position: relative;
  padding-left: 2em;
  cursor: pointer;
  display: inline-block;
  line-height: 1.4; }
  #page-contact form.wpcf7-form .wpcf7-checkbox label:before, #page-contact form.wpcf7-form .wpcf7-acceptance label:before, #page-repair form.wpcf7-form .wpcf7-checkbox label:before, #page-repair form.wpcf7-form .wpcf7-acceptance label:before, #page-thanks form.wpcf7-form .wpcf7-checkbox label:before, #page-thanks form.wpcf7-form .wpcf7-acceptance label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1.4em;
    height: 1.4em;
    background: #F7F8F8;
    border: 1px solid #E6E5E5;
    box-sizing: border-box; }
#page-contact form.wpcf7-form .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::after, #page-contact form.wpcf7-form .wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label::after, #page-repair form.wpcf7-form .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::after, #page-repair form.wpcf7-form .wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label::after, #page-thanks form.wpcf7-form .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::after, #page-thanks form.wpcf7-form .wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
  content: "✓";
  position: absolute;
  left: 0;
  top: -.2rem;
  width: 1em;
  height: auto;
  font-weight: bold;
  font-size: 20px; }
  @media (max-width: 768px) {
    #page-contact form.wpcf7-form .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::after, #page-contact form.wpcf7-form .wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label::after, #page-repair form.wpcf7-form .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::after, #page-repair form.wpcf7-form .wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label::after, #page-thanks form.wpcf7-form .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::after, #page-thanks form.wpcf7-form .wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
      font-size: 17px; } }
#page-contact form.wpcf7-form input.wpcf7-submit, #page-repair form.wpcf7-form input.wpcf7-submit, #page-thanks form.wpcf7-form input.wpcf7-submit {
  text-align: center;
  background: none;
  font-family: var(--basefont);
  font-size: max(2.4rem,22px);
  border: none;
  border-bottom: 2px solid #1E1E1E;
  padding-bottom: 1rem;
  color: #1E1E1E;
  font-weight: 500;
  margin: 10rem auto 0;
  display: block;
  cursor: pointer;
  border-radius: 0 !important; }
  @media (max-width: 768px) {
    #page-contact form.wpcf7-form input.wpcf7-submit, #page-repair form.wpcf7-form input.wpcf7-submit, #page-thanks form.wpcf7-form input.wpcf7-submit {
      font-size: 1.8rem;
      margin: 5rem auto 0; } }

p.lead .has-small-font-size {
  line-height: 2;
  display: block; }
  @media (max-width: 768px) {
    p.lead .has-small-font-size {
      font-size: 1.1rem !important; } }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  border: none !important;
  background-color: #fee !important;
  color: #f00 !important; }

#anchoritem, #anchorcollection {
  padding-top: 10rem;
  margin-top: -10rem; }
  @media (max-width: 768px) {
    #anchoritem, #anchorcollection {
      padding-top: 5rem;
      margin-top: -5rem; } }

body .wp-pagenavi a, body .wp-pagenavi span {
  border: none; }
  body .wp-pagenavi a.pages, body .wp-pagenavi span.pages {
    display: none; }
  body .wp-pagenavi a.current, body .wp-pagenavi span.current {
    font-weight: 400; }

.pagecontents--reason .textbox p, .my_gloves--single .innercontents .textbox p, .single--contents .text-container .boxtext p {
  letter-spacing: 0;
  /* letter-spacing: .05rem; */ }

.stockists .subbox ul {
  justify-content: space-between;
  gap: 2rem; }
  .stockists .subbox ul .stockists--subbox--list {
    max-width: calc(50% - 2rem); }
    @media (max-width: 768px) {
      .stockists .subbox ul .stockists--subbox--list {
        max-width: 100%; } }
    .stockists .subbox ul .stockists--subbox--list .txt {
      align-items: flex-start;
      justify-content: flex-start; }
      @media (max-width: 768px) {
        .stockists .subbox ul .stockists--subbox--list .txt {
          justify-content: space-between;
          flex-wrap: nowrap; } }
      .stockists .subbox ul .stockists--subbox--list .txt a {
        line-height: 1.8; }
        @media (max-width: 768px) {
          .stockists .subbox ul .stockists--subbox--list .txt a {
            min-width: 2rem; } }

/*# sourceMappingURL=style.css.map */