@charset "UTF-8";
/* ------------------------------
- base
------------------------------ */
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-SemiBoldItalic.eot");
  src: local("../fonts/raleway/Raleway SemiBold Italic"), local("../fonts/raleway/Raleway-SemiBoldItalic"), url("../fonts/raleway/Raleway-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-SemiBoldItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-SemiBoldItalic.woff") format("woff"), url("../fonts/raleway/Raleway-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraLightItalic.eot");
  src: local("../fonts/raleway/Raleway ExtraLight Italic"), local("../fonts/raleway/Raleway-ExtraLightItalic"), url("../fonts/raleway/Raleway-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-ExtraLightItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraLightItalic.woff") format("woff"), url("../fonts/raleway/Raleway-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-MediumItalic.eot");
  src: local("../fonts/raleway/Raleway Medium Italic"), local("../fonts/raleway/Raleway-MediumItalic"), url("../fonts/raleway/Raleway-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-MediumItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-MediumItalic.woff") format("woff"), url("../fonts/raleway/Raleway-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraBoldItalic.eot");
  src: local("../fonts/raleway/Raleway ExtraBold Italic"), local("../fonts/raleway/Raleway-ExtraBoldItalic"), url("../fonts/raleway/Raleway-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraBoldItalic.woff") format("woff"), url("../fonts/raleway/Raleway-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Regular.eot");
  src: local("../fonts/raleway/Raleway"), local("../fonts/raleway/Raleway-Regular"), url("../fonts/raleway/Raleway-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Regular.woff2") format("woff2"), url("../fonts/raleway/Raleway-Regular.woff") format("woff"), url("../fonts/raleway/Raleway-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraBold.eot");
  src: local("../fonts/raleway/Raleway ExtraBold"), local("../fonts/raleway/Raleway-ExtraBold"), url("../fonts/raleway/Raleway-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-ExtraBold.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraBold.woff") format("woff"), url("../fonts/raleway/Raleway-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-BlackItalic.eot");
  src: local("../fonts/raleway/Raleway Black Italic"), local("../fonts/raleway/Raleway-BlackItalic"), url("../fonts/raleway/Raleway-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-BlackItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-BlackItalic.woff") format("woff"), url("../fonts/raleway/Raleway-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Light.eot");
  src: local("../fonts/raleway/Raleway Light"), local("../fonts/raleway/Raleway-Light"), url("../fonts/raleway/Raleway-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Light.woff2") format("woff2"), url("../fonts/raleway/Raleway-Light.woff") format("woff"), url("../fonts/raleway/Raleway-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Black.eot");
  src: local("../fonts/raleway/Raleway Black"), local("../fonts/raleway/Raleway-Black"), url("../fonts/raleway/Raleway-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Black.woff2") format("woff2"), url("../fonts/raleway/Raleway-Black.woff") format("woff"), url("../fonts/raleway/Raleway-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Medium.eot");
  src: local("../fonts/raleway/Raleway Medium"), local("../fonts/raleway/Raleway-Medium"), url("../fonts/raleway/Raleway-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Medium.woff2") format("woff2"), url("../fonts/raleway/Raleway-Medium.woff") format("woff"), url("../fonts/raleway/Raleway-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraLight.eot");
  src: local("../fonts/raleway/Raleway ExtraLight"), local("../fonts/raleway/Raleway-ExtraLight"), url("../fonts/raleway/Raleway-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-ExtraLight.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraLight.woff") format("woff"), url("../fonts/raleway/Raleway-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Italic.eot");
  src: local("../fonts/raleway/Raleway Italic"), local("../fonts/raleway/Raleway-Italic"), url("../fonts/raleway/Raleway-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Italic.woff2") format("woff2"), url("../fonts/raleway/Raleway-Italic.woff") format("woff"), url("../fonts/raleway/Raleway-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Thin.eot");
  src: local("../fonts/raleway/Raleway Thin"), local("../fonts/raleway/Raleway-Thin"), url("../fonts/raleway/Raleway-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Thin.woff2") format("woff2"), url("../fonts/raleway/Raleway-Thin.woff") format("woff"), url("../fonts/raleway/Raleway-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-SemiBold.eot");
  src: local("../fonts/raleway/Raleway SemiBold"), local("../fonts/raleway/Raleway-SemiBold"), url("../fonts/raleway/Raleway-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-SemiBold.woff2") format("woff2"), url("../fonts/raleway/Raleway-SemiBold.woff") format("woff"), url("../fonts/raleway/Raleway-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-LightItalic.eot");
  src: local("../fonts/raleway/Raleway Light Italic"), local("../fonts/raleway/Raleway-LightItalic"), url("../fonts/raleway/Raleway-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-LightItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-LightItalic.woff") format("woff"), url("../fonts/raleway/Raleway-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Bold.eot");
  src: local("../fonts/raleway/Raleway Bold"), local("../fonts/raleway/Raleway-Bold"), url("../fonts/raleway/Raleway-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Bold.woff2") format("woff2"), url("../fonts/raleway/Raleway-Bold.woff") format("woff"), url("../fonts/raleway/Raleway-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
/* ------------------------------
- base
------------------------------ */
/* ------------------------------
- base
------------------------------ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

h1, h2, h3, h4, h5, .demi {
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.5;
}

html:has(.body-container-wrapper) {
  font-size: 6.25%;
}
html:has(.body-container-wrapper).fontsize-large {
  font-size: 6.875%;
}
html:has(.body-container-wrapper).fontsize-small {
  font-size: 5.625%;
}
@media screen and (min-width: 750px) {
  html:not(:has(.body-container-wrapper)) {
    font-size: 10px;
  }
  html:not(:has(.body-container-wrapper)).fontsize-large {
    font-size: 11px;
  }
  html:not(:has(.body-container-wrapper)).fontsize-small {
    font-size: 9px;
  }
}
@media screen and (max-width: 749px) {
  html:not(:has(.body-container-wrapper)) {
    font-size: clamp(1px, 2.6666666667vw, 12px);
  }
}

body {
  width: 100%;
  background: #fff;
  color: #6E6E6E;
  font-family: "Aoto Gothic Regular", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
  overflow-x: hidden;
}
body:not(:has(.body-container-wrapper)) {
  font-size: 1.4rem;
}

main {
  display: block;
}

li {
  list-style-type: none;
}

a {
  text-decoration: none;
  color: inherit;
}
@media screen and (min-width: 750px) {
  a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  a::before, a::after {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

svg {
  width: 100%;
  height: auto;
}

sup {
  font-size: 0.5em;
  vertical-align: super;
}

input, button, textarea, select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "Aoto Gothic Regular", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
input::-webkit-input-placeholder, button::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
  font-family: "Aoto Gothic Regular", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
input::-moz-placeholder, button::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  font-family: "Aoto Gothic Regular", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
input:-ms-input-placeholder, button:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
  font-family: "Aoto Gothic Regular", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
input::-ms-input-placeholder, button::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder {
  font-family: "Aoto Gothic Regular", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
input::placeholder, button::placeholder, textarea::placeholder, select::placeholder {
  font-family: "Aoto Gothic Regular", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif !important;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

address {
  font-style: normal;
}

/* ------------------------------
- base
------------------------------ */
@media screen and (max-width: 749px) {
  .pc {
    display: none;
  }
}

@media screen and (min-width: 750px) {
  .sp {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .visible-md, .visible-sm {
    display: none;
  }
  .visible-lg {
    display: inherit;
  }
}
@media screen and (min-width: 750px) and (max-width: 1199px) {
  .visible-lg, .visible-sm {
    display: none;
  }
  .visible-md {
    display: inherit;
  }
}
@media screen and (max-width: 749px) {
  .visible-lg, .visible-md {
    display: none;
  }
  .visible-sm {
    display: inherit;
  }
}

.bg-gray {
  background: #F2F4F4;
}

/* ------------------------------
- base
------------------------------ */
@media screen and (max-width: 1199px) {
  body.is-active {
    overflow: hidden;
  }
}

@media screen and (min-width: 1200px) {
  .l-main:not(.-no-padding) {
    padding-top: 11.6rem;
  }
}
@media screen and (max-width: 1199px) {
  .l-main:not(.-no-padding) {
    padding-top: 5.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .l-main:not(.-no-bg) {
    background: url(../img/store/bg.png) top center/100% 34.4rem no-repeat;
  }
}
@media screen and (min-width: 750px) and (max-width: 1023px) {
  .l-main:not(.-no-bg) {
    background: url(../img/store/bg.png) top center/100% 20rem no-repeat;
  }
}
@media screen and (max-width: 749px) {
  .l-main:not(.-no-bg) {
    background: url(../img/store/bg.png) top center/100% 18rem no-repeat;
  }
}

@media screen and (min-width: 750px) {
  .l-inner {
    width: 90%;
    max-width: 1250px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 749px) {
  .l-inner {
    padding: 0 2.5rem;
  }
}

@media screen and (min-width: 750px) {
  .l-inner-lg {
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 749px) {
  .l-inner-lg {
    padding: 0 1.5rem;
  }
}

@media screen and (min-width: 750px) {
  .l-inner-sm {
    width: 90%;
    max-width: 1150px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 749px) {
  .l-inner-sm {
    padding: 0 1.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .l-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 750px) {
  .l-column {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 8rem 0 8rem;
  }
}
@media screen and (max-width: 749px) {
  .l-column {
    padding: 2rem 1.5rem 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .l-content {
    width: 70.9090909091%;
  }
}

@media screen and (min-width: 1024px) {
  .l-side {
    width: 24.5454545455%;
  }
}
@media screen and (max-width: 1023px) {
  .l-side {
    margin-top: 4rem;
    padding-top: 4rem;
    border-top: 1px solid #D7D7D7;
  }
}

@media screen and (min-width: 1200px) {
  .l-single {
    padding-top: 7.5rem;
  }
}
@media screen and (min-width: 750px) and (max-width: 1199px) {
  .l-single {
    padding-top: 2rem;
  }
}
@media screen and (max-width: 749px) {
  .l-single {
    padding-top: 0;
  }
}

/* ------------------------------
- common
------------------------------ */
/* ------------------------------
- base
------------------------------ */
/* ------------------------------
- base
------------------------------ */
.pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 750px) {
  .pager {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 749px) {
  .pager {
    margin-top: 3rem;
  }
}

@media screen and (min-width: 750px) {
  .pager__item {
    margin: 0 0.5rem;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 749px) {
  .pager__item {
    margin: 0 0.3rem;
    font-size: 1.2rem;
  }
}

.pager__anc,
.pager__both {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}
@media screen and (min-width: 750px) {
  .pager__anc,
  .pager__both {
    width: 4rem;
    height: 4rem;
  }
}
@media screen and (max-width: 749px) {
  .pager__anc,
  .pager__both {
    width: 3.5rem;
    height: 3.5rem;
  }
}

.pager__anc {
  background: #fff;
  font-weight: bold;
}
@media screen and (min-width: 750px) {
  .pager__anc:hover {
    background: #E75297;
    color: #fff;
  }
}
.pager__anc.is-current {
  background: #E75297;
  color: #fff;
}

.pager__both {
  border: 1px solid #ccc;
}
.pager__both::after {
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #6E6E6E;
  font-family: "icomoon" !important;
  font-size: 1.5em;
}
.pager__both.-first {
  border: 0;
  background: transparent;
  color: #6E6E6E;
  position: relative;
}
.pager__both.-first::after {
  content: "\e902";
}
.pager__both.-last {
  border: 0;
  background: transparent;
  color: #6E6E6E;
  position: relative;
}
.pager__both.-last::after {
  content: "\e901";
}

/* ------------------------------
- base
------------------------------ */
body::before {
  content: "";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background: transparent;
  z-index: 10;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.3);
}
body.is-active::before {
  visibility: visible;
  opacity: 1;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 11;
}
@media screen and (min-width: 1200px) {
  .header {
    height: 11.6rem;
  }
}
@media screen and (max-width: 1199px) {
  .header {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0.5rem 1.6rem;
    height: 5.8rem;
    left: 1.8rem;
    border-bottom-left-radius: 0.6rem;
  }
}
.header::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .header::before {
    left: 8rem;
    border-bottom-left-radius: 3rem;
  }
}
@media screen and (max-width: 1199px) {
  .header::before {
    left: 0;
    border-bottom-left-radius: 1rem;
  }
}

.headerLogo {
  z-index: 2;
}
@media screen and (min-width: 1200px) {
  .headerLogo {
    left: 11rem;
    position: absolute;
  }
}

@media screen and (max-width: 1199px) {
  .headerLogo__img {
    width: 14rem;
  }
}

.headerNav {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 1200px) {
  .headerNav {
    padding-right: 2rem;
    position: relative;
    z-index: 1;
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .headerNav {
    position: fixed;
    left: 1.8rem;
    right: 1.8rem;
    top: 7.3rem;
    bottom: 1.7rem;
    width: 50rem;
    max-width: 90%;
    background: #fff;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 0.6rem;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
  }
  .is-active .headerNav {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 750px) and (max-width: 1199px) {
  .headerNav {
    padding: 5rem;
  }
}
@media screen and (max-width: 749px) {
  .headerNav {
    padding: 1rem 1.2rem 2.5rem 1.2rem;
  }
}

@media screen and (max-width: 1199px) {
  .headerNav__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 600;
  }
}

@media screen and (min-width: 1200px) {
  .headerNav__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 3rem;
  }
}

@media screen and (min-width: 1200px) {
  .headerNav__submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.2rem;
    gap: 3.2rem;
  }
}
@media screen and (max-width: 1199px) {
  .headerNav__submenu {
    font-size: 1.2rem;
  }
}

.headerNav__submenu__item {
  position: relative;
}
@media (hover: hover) {
  .headerNav__submenu__item:hover {
    color: #E75297;
  }
  .headerNav__submenu__item:hover .headerNav__submenu__dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media screen and (max-width: 1199px) {
  .headerNav__submenu__item {
    padding: 0.9rem 1.2rem;
    border-bottom: 1px solid #D7D7D7;
  }
}

.headerNav__submenu__fontsize .headerNav__submenu__anc::after {
  content: "\e905";
  font-family: "icomoon" !important;
  margin-left: 0.5em;
  font-size: 80%;
  display: inline-block;
}

@media screen and (min-width: 1200px) {
  .headerNav__submenu__fontsize {
    position: relative;
  }
}
@media screen and (max-width: 1199px) {
  .headerNav__submenu__fontsize {
    display: none;
  }
}

.headerNav__submenu__dropdown {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 100%;
  background: #fff;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.headerNav__submenu__dropdown__item + .headerNav__submenu__dropdown__item {
  border-top: #D7D7D7 solid 1px;
}

.headerNav__submenu__dropdown__btn {
  padding: 0.5rem;
  display: block;
  width: 100%;
  border: none;
  background: transparent;
  font-weight: bold;
  font-size: 1.2rem;
}
.headerNav__submenu__dropdown__btn.active {
  background: #D7D7D7;
}
.headerNav__submenu__dropdown__btn:not(.active) {
  cursor: pointer;
}
@media (hover: hover) {
  .headerNav__submenu__dropdown__btn:not(.active):hover {
    background: #E75297;
    color: #fff;
  }
}

@media screen and (min-width: 1200px) {
  .headerNav__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 1199px) {
  .headerNav__btns {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.8rem;
    margin-top: 2.5rem;
  }
}

@media screen and (min-width: 1200px) {
  .headerNav__btn + .headerNav__btn {
    margin-left: 0.7rem;
  }
}

.headerNav__btn__anc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.5rem;
  line-height: 1;
  color: #fff;
}
.headerNav__btn__anc:visited {
  color: #fff;
}
.headerNav__btn__anc.-company {
  border: 1px solid #00A4A7;
  background: #00A4A7;
}
.headerNav__btn__anc.-company:after {
  color: #00A4A7;
}
.headerNav__btn__anc.-recruit {
  border: 1px solid #F9BE00;
  background: #F9BE00;
}
.headerNav__btn__anc.-recruit:after {
  color: #F9BE00;
}
@media screen and (min-width: 1200px) {
  .headerNav__btn__anc {
    font-size: 1.6rem;
    width: 12.8rem;
    height: 3.6rem;
    padding: 0.5rem 1rem 0.5rem 1.2rem;
  }
}
@media screen and (max-width: 1199px) {
  .headerNav__btn__anc {
    font-size: 1.4rem;
    width: 100%;
    max-width: 100%;
    height: 4.8rem;
    padding: 0.5rem 0.7rem 0.5rem 1.5rem;
    font-weight: normal;
  }
}
.headerNav__btn__anc.-company:hover {
  background: #fff;
  color: #00A4A7;
}
.headerNav__btn__anc.-company:hover::after {
  background: #00A4A7;
  color: #fff;
}
.headerNav__btn__anc.-recruit:hover {
  background: #fff;
  color: #F9BE00;
}
.headerNav__btn__anc.-recruit:hover::after {
  background: #F9BE00;
  color: #fff;
}
.headerNav__btn__anc::after {
  content: "\e901";
  font-family: "icomoon" !important;
  font-size: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  background: white;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #E75297;
}

.headerNav__btn__search {
  margin-right: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
@media screen and (min-width: 1200px) {
  .headerNav__btn__search {
    font-size: 2.3rem;
    color: #6E6E6E;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 1199px) {
  .headerNav__btn__search {
    display: none;
  }
}
@media (hover: hover) {
  .headerNav__btn__search:hover {
    color: #E75297;
  }
}

@media screen and (min-width: 1200px) {
  .headerNav__spSearch {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .headerNav__spSearch {
    margin-top: 2.5rem;
    background: #F0F5FA;
    height: 4rem;
    position: relative;
    border-radius: 999px;
    overflow: hidden;
  }
}

.headerNav__spSearch__input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: none;
  background: transparent;
  border-radius: 999px;
  padding: 0.5rem 4rem 0.5rem 2.2rem;
}
.headerNav__spSearch__input:focus {
  outline: none;
}

.headerNav__spSearch__btn {
  font-size: 2rem;
  border: none;
  padding: 0;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #AAB4B4;
}

@media screen and (min-width: 1200px) {
  .headerNav__main {
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 1200px) {
  .headerNav__main__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    font-size: 1.6rem;
    font-family: "Aoto Gothic Medium", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 500;
    gap: 3rem;
  }
}

@media (hover: hover) {
  .headerNav__main__item:hover .headerNav__main__anc {
    color: #E75297;
  }
}

@media screen and (max-width: 1199px) {
  .headerNav__main__item {
    padding: 1.4rem 1.2rem;
    border-bottom: 1px solid #D7D7D7;
  }
}

.headerNav__submenu__anc,
.headerNav__main__anc {
  display: block;
}

.headerNav__main__anc {
  letter-spacing: 0.04em;
}

.ham {
  border: none;
  padding: 0;
  background: transparent;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1200px) {
  .ham {
    display: none;
  }
}
.ham span {
  display: block;
  margin: 0 auto;
  height: 2px;
  width: 2.1rem;
  background: #E75297;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ham span + span {
  margin-top: 0.4rem;
}
.is-active .ham span:nth-child(2) {
  opacity: 0;
  width: 0;
}
.is-active .ham span:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(4px, 4px);
          transform: rotate(45deg) translate(4px, 4px);
}
.is-active .ham span:nth-child(3) {
  -webkit-transform: rotate(-45deg) translate(4px, -5px);
          transform: rotate(-45deg) translate(4px, -5px);
}

@media (hover: hover) {
  .dropdown-parent:hover .dropdown {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    visibility: visible;
  }
}
@media screen and (max-width: 1199px) {
  .dropdown-parent.-googlesearch {
    display: none;
  }
}

@media screen and (max-width: 1199px) {
  .dropdown-parent-anc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  .dropdown-parent-anc:not(.-recruit)::after {
    content: "\e905";
  }
}
.dropdown-parent-anc.-recruit::after {
  font-size: 0.8rem;
}
.dropdown-parent-anc::after {
  font-family: "icomoon" !important;
  margin-left: 0.5em;
  font-size: 80%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media screen and (max-width: 1199px) {
  .dropdown-parent-anc::after {
    margin-left: auto;
    content: "\e90b";
    color: #E75297;
  }
}
@media screen and (max-width: 1199px) {
  .dropdown-parent-anc.open::after {
    content: "\e90a";
  }
}
.-googlesearch .dropdown-parent-anc::after {
  content: none;
}

@media screen and (min-width: 1200px) {
  .dropdown {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    padding-top: 4rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .dropdown:not(.visible) {
    opacity: 0;
    -webkit-transform: translateY(3rem);
            transform: translateY(3rem);
    visibility: hidden;
  }
  .-googlesearch .dropdown, .-dropdown-top .dropdown {
    padding-top: 2rem;
  }
}
@media screen and (max-width: 1199px) {
  .dropdown {
    display: none; /* 初期状態は非表示 */
    overflow: hidden; /* スライド中の内容がはみ出さないようにする */
    -webkit-transition: height 300ms ease;
    transition: height 300ms ease; /* スムーズな高さの変化 */
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 1200px) {
  .dropdown-inner {
    background: #fff;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2rem;
    padding: 4rem 4.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 115rem;
    max-width: 90%;
    margin: 0 auto;
    gap: 4rem;
  }
}
@media screen and (max-width: 1199px) {
  .dropdown-inner {
    padding-top: 1.7rem;
  }
}
@media screen and (min-width: 1200px) {
  .-googlesearch .dropdown-inner {
    width: 63rem;
    margin: 0 0 0 auto;
    margin-right: 30rem;
  }
}

@media screen and (min-width: 1200px) {
  .dropdown-title-wrapper,
  .dropdown-title {
    padding-top: 0.8rem;
    width: 24rem;
  }
}
@media screen and (max-width: 1199px) {
  .dropdown-title-wrapper,
  .dropdown-title {
    display: none;
  }
}

.dropdown-title {
  color: #333;
}
@media screen and (min-width: 1200px) {
  .dropdown-title {
    font-size: 2rem;
    font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  }
  .dropdown-title-wrapper .dropdown-title {
    width: 100%;
  }
}

.dropdown__side__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #AAB4B4;
  border-radius: 999px;
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
  padding: 0.5rem 1rem 0.5rem 3rem;
  gap: 1rem;
  background: #fff;
  letter-spacing: 0.05em;
  color: #333;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.dropdown__side__btn::after {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 750px) {
  .dropdown__side__btn {
    font-size: 1.6rem;
    height: 5.5rem;
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 749px) {
  .dropdown__side__btn {
    font-size: 1.4rem;
    height: 4.5rem;
  }
}
@media screen and (min-width: 750px) {
  .dropdown__side__btn.-recruit::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #f9be00;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
@media (hover: hover) {
  .dropdown__side__btn.-recruit:hover {
    background: #f9be00;
    color: #fff;
  }
  .dropdown__side__btn.-recruit:hover::after {
    background: #fff;
    color: #f9be00;
  }
}
@media screen and (min-width: 750px) {
  .dropdown__side__btn.-main::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #E75297;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
@media (hover: hover) {
  .dropdown__side__btn.-main:hover {
    background: #E75297;
    color: #fff;
  }
  .dropdown__side__btn.-main:hover::after {
    background: #fff;
    color: #E75297;
  }
}
.dropdown__side__btn .inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media screen and (min-width: 1200px) {
  .dropdown-content {
    padding-right: 1rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-height: 75dvh;
    overflow: auto;
  }
}

@media screen and (min-width: 750px) {
  .dropdown-block + .dropdown-block {
    margin-top: 3.5rem;
  }
}
@media screen and (max-width: 749px) {
  .dropdown-block + .dropdown-block {
    margin-top: 2rem;
  }
}

.dropdown-block-title {
  font-weight: normal;
  color: #333;
}
.dropdown-block-title:visited {
  color: #333;
}
@media screen and (min-width: 750px) {
  .dropdown-block-title {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 749px) {
  .dropdown-block-title {
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
  }
}

@media screen and (min-width: 1200px) {
  .dropdown-menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem 2rem;
  }
}

.dropdown-menu-4col {
  display: grid;
}
@media screen and (min-width: 1200px) {
  .dropdown-menu-4col {
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem 2rem;
  }
}
@media screen and (max-width: 1199px) {
  .dropdown-menu-4col {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 1rem;
  }
}

@media screen and (min-width: 1200px) {
  .dropdown-item.-spon {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .dropdown-item + .dropdown-item {
    margin-top: 1.2rem;
  }
}
@media screen and (max-width: 1199px) {
  .dropdown-item.-single-item-top {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #D7D7D7;
  }
}

@media (hover: hover) {
  .dropdown-item-thumb:hover .dropdown-anc-thumb-text {
    border-bottom-color: #F9BF02;
  }
}

.dropdown-anc,
.dropdown-anc-thumb-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
}
.dropdown-anc:visited,
.dropdown-anc-thumb-text:visited {
  color: #333;
}
.dropdown-anc::after,
.dropdown-anc-thumb-text::after {
  content: "\e901";
  font-family: "icomoon" !important;
  font-size: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  background: #E75297;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #fff;
}
@media screen and (min-width: 1200px) {
  .dropdown-anc,
  .dropdown-anc-thumb-text {
    min-height: 6rem;
    padding: 0.8rem 1rem;
    border-bottom: 1px solid #D7D7D7;
    gap: 1rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1199px) {
  .dropdown-anc,
  .dropdown-anc-thumb-text {
    font-weight: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 0.7rem;
  }
}
@media (hover: hover) {
  .dropdown-anc:hover:hover,
  .dropdown-anc-thumb-text:hover:hover {
    border-bottom-color: #E75297;
  }
}
.-recruit .dropdown-anc::after,
.-recruit .dropdown-anc-thumb-text::after {
  background-color: #F9BF02;
}
@media (hover: hover) {
  .-recruit .dropdown-anc:hover:hover,
  .-recruit .dropdown-anc-thumb-text:hover:hover {
    border-bottom-color: #F9BF02;
  }
}

@media screen and (min-width: 1200px) {
  .dropdown-anc {
    height: 100%;
  }
}

.dropdown-img {
  display: block;
}
@media screen and (max-width: 1199px) {
  .dropdown-img {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 750px) {
  .dropdown-img {
    border-radius: 1rem;
  }
}
@media screen and (max-width: 749px) {
  .dropdown-img {
    border-radius: 0.5rem;
  }
}

@media screen and (min-width: 1200px) {
  .dropdownSearch__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 750px) {
  .dropdownSearch__row + .dropdownSearch__row {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 749px) {
  .dropdownSearch__row + .dropdownSearch__row {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 750px) {
  .dropdownSearch__anc {
    text-decoration: underline;
  }
  .dropdownSearch__anc:hover {
    opacity: 0.7;
  }
}

@media screen and (min-width: 1200px) {
  .dropdownSearch__title {
    width: 19rem;
  }
}
@media screen and (max-width: 1199px) {
  .dropdownSearch__title {
    font-weight: normal;
    margin-bottom: 1rem;
  }
}

.dropdownSearch__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1200px) {
  .dropdownSearch__content {
    gap: 2.4rem;
  }
}
@media screen and (max-width: 1199px) {
  .dropdownSearch__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.2rem;
  }
}

.dropdownSearch__btn {
  background: #E75297;
  color: #fff !important;
  border: none;
  padding: 0.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1200px) {
  .dropdownSearch__btn {
    width: 12.8rem;
  }
}
@media screen and (max-width: 1199px) {
  .dropdownSearch__btn {
    width: 100%;
    font-size: 1.4rem;
  }
}

.dropdownSearch__btn,
.dropdownSearch__field {
  border-radius: 0.5rem;
}
@media screen and (min-width: 750px) {
  .dropdownSearch__btn,
  .dropdownSearch__field {
    height: 4.8rem;
  }
}
@media screen and (max-width: 749px) {
  .dropdownSearch__btn,
  .dropdownSearch__field {
    height: 3.2rem;
  }
}

.dropdownSearch__field {
  background: #F0F5FA;
  padding: 0.5rem 1.5rem;
  position: relative;
  width: 100%;
  display: block;
}
@media screen and (min-width: 1200px) {
  .dropdownSearch__field {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.dropdownSearch__field:focus {
  outline: none;
}
.dropdownSearch__field::-webkit-input-placeholder {
  color: #6E6E6E;
  opacity: 1;
}
.dropdownSearch__field::-moz-placeholder {
  color: #6E6E6E;
  opacity: 1;
}
.dropdownSearch__field:-ms-input-placeholder {
  color: #6E6E6E;
  opacity: 1;
}
.dropdownSearch__field::-ms-input-placeholder {
  color: #6E6E6E;
  opacity: 1;
}
.dropdownSearch__field::placeholder {
  color: #6E6E6E;
  opacity: 1;
}

.dropdownSearch__keyword {
  border: none;
}

.dropdownSearch__select {
  position: relative;
}
.dropdownSearch__select::before {
  padding-left: 0.1rem;
  content: "\e90c";
  font-family: "icomoon" !important;
  display: block;
  width: 1.7rem;
  height: 1.7rem;
  background: #AAB4B4;
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  right: 0.8rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.7rem;
  color: #fff;
  line-height: 1;
}

.dropdownSearch__select__tag {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: none;
  background: transparent;
  padding: 0.5rem 1.5rem;
  color: #6E6E6E;
}
.dropdownSearch__select__tag:focus {
  outline: none;
}

.headerNav__recruit {
  display: none;
}

/* ------------------------------
- base
------------------------------ */
@media screen and (min-width: 1200px) {
  .cv {
    padding: 6rem 0;
  }
}
@media screen and (max-width: 1199px) {
  .cv {
    padding: 8rem 0;
  }
}

@media screen and (min-width: 750px) {
  .cv__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3rem;
  }
}

.cv__col {
  background-size: cover;
  background-position: center center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (min-width: 1200px) {
  .cv__col {
    padding: 6rem 3rem 6rem 3rem;
    border-radius: 2.4rem;
  }
}
@media screen and (max-width: 1199px) {
  .cv__col {
    padding: 2rem 2rem 4.7rem 2rem;
    border-radius: 1.2rem;
  }
}
.cv__col.-company {
  background-image: url("../img/common/cv_company_bg.jpg");
}
.cv__col.-recruit {
  background-image: url("../img/common/cv_recruit_bg.jpg");
}
@media screen and (max-width: 749px) {
  .cv__col + .cv__col {
    margin-top: 1.7rem;
  }
}

.cv__inner {
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .cv__inner {
    width: 46.4rem;
  }
}

.cv__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 1200px) {
  .cv__head {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 1199px) {
  .cv__head {
    margin-bottom: 1.5rem;
  }
}

.cv__en {
  font-family: "Raleway", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 1.6rem;
}
.-company .cv__en {
  color: #00A4A7;
}
.-recruit .cv__en {
  color: #F9BE00;
}

.cv__jp {
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 1200px) {
  .cv__jp {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 1199px) {
  .cv__jp {
    font-size: 2.8rem;
  }
}

@media screen and (max-width: 1199px) {
  .cv__head__btn {
    display: none;
  }
}

.cv__menu__list {
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 1200px) {
  .cv__menu__list {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1199px) {
  .cv__menu__list {
    font-size: 1.6rem;
  }
}

.cv__menu__item + .cv__menu__item {
  margin-top: 1.7rem;
}

.cv__menu__anc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1200px) {
  .-company .cv__menu__anc::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #00A4A7;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
@media screen and (max-width: 1199px) {
  .-company .cv__menu__anc::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #00A4A7;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
@media (hover: hover) {
  .-company .cv__menu__anc:hover {
    color: #00A4A7;
  }
}
@media screen and (min-width: 1200px) {
  .-recruit .cv__menu__anc::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #F9BE00;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
@media screen and (max-width: 1199px) {
  .-recruit .cv__menu__anc::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #F9BE00;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
@media (hover: hover) {
  .-recruit .cv__menu__anc:hover {
    color: #F9BE00;
  }
}

@media screen and (min-width: 1200px) {
  .cv__foot__btn {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .cv__foot__btn {
    margin-top: 3.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.cv__btn {
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
  background: #fff;
  border-radius: 999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 3rem;
  padding-right: 1rem;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .cv__btn {
    font-size: 1.4rem;
    height: 4.8rem;
    width: 18.6rem;
  }
}
@media screen and (max-width: 1199px) {
  .cv__btn {
    font-size: 1.2rem;
    height: 4rem;
    width: 18rem;
  }
}
.-company .cv__btn::after {
  content: "\e901";
  font-family: "icomoon" !important;
  font-size: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  background: #00A4A7;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #fff;
}
@media (hover: hover) {
  .-company .cv__btn:hover {
    background: #00A4A7;
    color: #fff;
  }
  .-company .cv__btn:hover::after {
    background: #fff;
    color: #00A4A7;
  }
}
.-recruit .cv__btn::after {
  content: "\e901";
  font-family: "icomoon" !important;
  font-size: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  background: #F9BE00;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #fff;
}
@media (hover: hover) {
  .-recruit .cv__btn:hover {
    background: #F9BE00;
    color: #fff;
  }
  .-recruit .cv__btn:hover::after {
    background: #fff;
    color: #F9BE00;
  }
}

/* ------------------------------
- base
------------------------------ */
.footerMain {
  background: #F2F4F4;
  padding-top: 5rem;
  padding-bottom: 4rem;
}

.footerMain__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem 4rem;
  font-size: 1.6rem;
}
@media screen and (min-width: 750px) {
  .footerMain__btns {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 749px) {
  .footerMain__btns {
    margin-bottom: 4.5rem;
  }
}

.footerMain__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 100%;
  height: 5.2rem;
  background: #fff;
  padding: 0.5rem 1.5rem;
  gap: 1rem;
  border-radius: 0.5rem;
  position: relative;
}
@media screen and (min-width: 750px) {
  .footerMain__btn {
    width: 28rem;
  }
}
@media screen and (max-width: 749px) {
  .footerMain__btn {
    width: 100%;
  }
}
.footerMain__btn::after {
  content: "\e901";
  font-family: "icomoon" !important;
  font-size: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  background: #E75297;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #fff;
}
@media (hover: hover) {
  .footerMain__btn:hover {
    background: #E75297;
    color: #fff;
  }
  .footerMain__btn:hover::after {
    background: #fff;
    color: #E75297;
  }
}

@media screen and (min-width: 1200px) {
  .footerMain__mainMenu {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 750px) and (max-width: 1199px) {
  .footerMain__mainMenu {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 750px) {
  .footerMain__mainMenu {
    display: grid;
    grid-gap: 3rem 2rem;
  }
}
@media screen and (min-width: 750px) {
  .footerMain__mainMenu + .footerMain__mainMenu {
    margin-top: 3rem;
  }
}

.footerMain__mainMenu__anc {
  border-bottom: 1px solid #D7D7D7;
  display: block;
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
}
@media screen and (min-width: 750px) {
  .footerMain__mainMenu__anc {
    padding-bottom: 0.5rem;
  }
}
@media screen and (max-width: 749px) {
  .footerMain__mainMenu__anc {
    padding: 1.4rem 0;
  }
}
@media (hover: hover) {
  .footerMain__mainMenu__anc:hover {
    border-bottom-color: #E75297;
  }
}
@media screen and (max-width: 749px) {
  .footerMain__mainMenu__anc.footer-accordion-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 1rem;
  }
  .footerMain__mainMenu__anc.footer-accordion-btn::after {
    content: "\e90b";
    font-family: "icomoon" !important;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.footerMain__mainMenu__anc.footer-accordion-btn.open::after {
  content: "\e90a";
}

@media screen and (min-width: 750px) {
  .footerMain__subMenu {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 749px) {
  .footerMain__subMenu {
    margin-top: 1.5rem;
    display: none;
  }
}

.footerMain__subMenu__item + .footerMain__subMenu__item {
  margin-top: 1.5rem;
}

@media screen and (min-width: 1400px) {
  .footerMain__subMenu__anc {
    white-space: nowrap;
  }
}
@media (hover: hover) {
  .footerMain__subMenu__anc:hover {
    text-decoration: underline;
  }
}

@media screen and (min-width: 750px) {
  .footerMain__serviceMenu {
    margin: 4rem 0;
  }
}
@media screen and (max-width: 749px) {
  .footerMain__serviceMenu {
    padding-top: 1.4rem;
  }
}

.footerMain__serviceMenu__title {
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
}

.footerMain__serviceMenu__btns {
  display: grid;
  gap: 0.7rem 2rem;
}
@media screen and (min-width: 1200px) {
  .footerMain__serviceMenu__btns {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 750px) and (max-width: 1199px) {
  .footerMain__serviceMenu__btns {
    grid-template-columns: repeat(2, 1fr);
  }
}
.footerMain__serviceMenu__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 100%;
  height: 4.8rem;
  background: #fff;
  border-radius: 1.2rem;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 749px) {
  .footerMain__serviceMenu__btn {
    width: 100%;
  }
}
.footerMain__serviceMenu__btn::after {
  content: "\e909";
  font-family: "icomoon" !important;
  position: absolute;
  right: 1.5rem;
  color: #E75297;
}
@media (hover: hover) {
  .footerMain__serviceMenu__btn:hover {
    background: #E75297;
    color: #fff;
  }
  .footerMain__serviceMenu__btn:hover::after {
    color: #fff;
  }
}

.footerMain__serviceMenu__btn__sm {
  font-size: 1rem;
}

.footerMain__otherMenus {
  gap: 1rem 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 749px) {
  .footerMain__otherMenus {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 4.5rem;
  }
}

@media (hover: hover) {
  .footerMain__otherMenu:hover {
    text-decoration: underline;
  }
}

.footerBtm {
  background: #fff;
}
@media screen and (min-width: 750px) {
  .footerBtm {
    padding: 3rem 0;
  }
}
@media screen and (max-width: 749px) {
  .footerBtm {
    padding-top: 3.5rem;
    padding-bottom: 3rem;
  }
}

.footerBtm__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 750px) {
  .footerBtm__sns {
    gap: 1.5rem 3rem;
  }
}
@media screen and (max-width: 749px) {
  .footerBtm__sns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.3rem;
  }
}

.footerBtm__sns__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}

@media (hover: hover) {
  .footerBtm__sns__anc:hover {
    opacity: 0.8;
  }
}

@media screen and (max-width: 749px) {
  .footerBtm__sns__img {
    width: 4.8rem;
  }
}

.footerBtm__copy {
  margin-top: 2rem;
  font-size: 1.2rem;
}
@media screen and (min-width: 750px) {
  .footerBtm__copy {
    text-align: right;
  }
}
@media screen and (max-width: 749px) {
  .footerBtm__copy {
    text-align: center;
  }
}

@media screen and (max-width: 749px) {
  .footerCopy__logo__img {
    width: 18.4rem;
  }
}

/* ------------------------------
- breadcrumb
------------------------------ */
/* ------------------------------
- base
------------------------------ */
.breadcrumb {
  padding: 1.2em 0;
}

.simplebar-scrollbar::before {
  background-color: #E75297;
}

.simplebar-scrollbar.simplebar-visible:before {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  height: 2px;
}

.simplebar-track.simplebar-vertical {
  width: 1rem;
}

.breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem 0;
}
@media screen and (min-width: 750px) {
  .breadcrumb__list {
    font-size: 1.2rem;
    width: 90%;
    max-width: 1250px;
    margin: 0 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 749px) {
  .breadcrumb__list {
    font-size: 1rem;
    padding: 0 1.5rem;
  }
}

.breadcrumb__item {
  color: #6E6E6E;
  letter-spacing: 0.05em;
}
.breadcrumb__item:not(:last-child)::after {
  content: "/";
  margin: 0 0.5rem;
  color: #6E6E6E;
  font-family: "icomoon" !important;
}

.breadcrumb__anc {
  line-height: 1;
}
@media screen and (min-width: 750px) {
  .breadcrumb__anc:hover {
    text-decoration: underline;
  }
}

/* ------------------------------
- component
------------------------------ */
/* ------------------------------
- base
------------------------------ */
.head-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0rem 2rem;
}
@media screen and (min-width: 750px) {
  .head-a {
    margin-top: 4.3rem;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (max-width: 749px) {
  .head-a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.head-a-title {
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
}
@media screen and (min-width: 750px) {
  .head-a-title {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 749px) {
  .head-a-title {
    font-size: 2.4rem;
  }
}

.head-a-result {
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  line-height: 1;
}
@media screen and (min-width: 750px) {
  .head-a-result {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 749px) {
  .head-a-result {
    font-size: 1.4rem;
    margin-left: auto;
  }
}

.head-a-result-count {
  padding: 0 0.1em;
  line-height: 1;
}
@media screen and (min-width: 750px) {
  .head-a-result-count {
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 749px) {
  .head-a-result-count {
    font-size: 2.8rem;
  }
}

/* ------------------------------
- base
------------------------------ */
.pageHead {
  background-image: url("../img/store/bg.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media screen and (min-width: 1200px) {
  .pageHead {
    padding-top: 11.6rem;
  }
}
@media screen and (max-width: 1199px) {
  .pageHead {
    padding-top: 5.8rem;
  }
}
@media screen and (min-width: 750px) {
  .pageHead {
    height: 34.4rem;
  }
}
@media screen and (max-width: 749px) {
  .pageHead {
    height: 18rem;
  }
}

/* ------------------------------
- base
------------------------------ */
@media screen and (min-width: 750px) {
  .colItem__slide.-fixed-width {
    width: 38.5rem;
  }
}
@media screen and (max-width: 749px) {
  .colItem__slide.-fixed-width {
    width: 30rem;
  }
}

.columnItem {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (hover: hover) {
  .columnItem:hover {
    opacity: 0.6;
  }
}

.columnItem__thumb {
  display: block;
}

@media screen and (min-width: 750px) {
  .colItem__content {
    padding: 0 1.5rem;
  }
}
@media screen and (max-width: 749px) {
  .colItem__content {
    padding: 0 1rem;
  }
}

.colItem__date {
  display: block;
}

.columnItem__thumb {
  border-radius: 2.4rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.columnItem__thumb__img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.colItem__cat {
  display: block;
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 750px) {
  .colItem__cat {
    margin-bottom: 1rem;
    font-size: 2rem;
  }
}
@media screen and (max-width: 749px) {
  .colItem__cat {
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
  }
}

.columnItem__title {
  margin-bottom: 1.5rem;
  display: block;
}
@media screen and (min-width: 750px) {
  .columnItem__title {
    font-size: 1.6rem;
  }
}

/* ------------------------------
- base
------------------------------ */
.rowHeadContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 750px) {
  .rowHeadContent__head {
    margin-bottom: 8rem;
  }
}
@media screen and (max-width: 749px) {
  .rowHeadContent__head {
    margin-bottom: 4rem;
  }
}

.rowHeadContent__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.rowHeadContent__title {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.rowHeadContent__en {
  font-family: "Raleway", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 100;
  line-height: 1;
  position: absolute;
}
@media screen and (min-width: 1200px) {
  .rowHeadContent__en {
    font-size: 11.2rem;
    top: -5.8rem;
  }
}
@media screen and (max-width: 1199px) {
  .rowHeadContent__en {
    font-size: 6.4rem;
    bottom: -0.04em;
  }
}
.rowHeadContent__en.-blue {
  color: rgba(0, 174, 235, 0.15);
}
.rowHeadContent__en.-orange {
  color: rgba(239, 130, 0, 0.15);
}
.rowHeadContent__en.-bluegray {
  color: #d8e1e6;
}

.rowHeadContent__jp {
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 1.4;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 750px) {
  .rowHeadContent__jp {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 749px) {
  .rowHeadContent__jp {
    font-size: 3rem;
  }
}

.rowHeadContent__head__btn {
  width: 24.8rem;
  max-width: 100%;
}
@media screen and (max-width: 1199px) {
  .rowHeadContent__head__btn {
    display: none;
  }
}

.rowHeadContent__lead {
  line-height: 1.75;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 750px) {
  .rowHeadContent__lead {
    margin-top: 3.5rem;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 749px) {
  .rowHeadContent__lead {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 1200px) {
  .rowHeadContent__footer {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .rowHeadContent__footer {
    margin: 3.5rem auto 0;
  }
}
@media screen and (min-width: 750px) and (max-width: 1199px) {
  .rowHeadContent__footer {
    width: 28rem;
  }
}
@media screen and (max-width: 749px) {
  .rowHeadContent__footer {
    max-width: 100%;
    width: 24.8rem;
  }
}

.rowHeadContent__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #AAB4B4;
  border-radius: 999px;
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
  padding: 0.5rem 1rem 0.5rem 3rem;
  gap: 1rem;
  background: #fff;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 750px) {
  .rowHeadContent__btn {
    font-size: 1.6rem;
    height: 6.5rem;
  }
  .rowHeadContent__btn::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #E75297;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
@media screen and (max-width: 749px) {
  .rowHeadContent__btn {
    font-size: 1.4rem;
    height: 5.6rem;
  }
  .rowHeadContent__btn::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #E75297;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
@media (hover: hover) {
  .rowHeadContent__btn:hover {
    background: #E75297;
    color: #fff;
  }
  .rowHeadContent__btn:hover::after {
    background: #fff;
    color: #E75297;
  }
}

.helicoHead__txt {
  color: #000;
  font-weight: 500;
}
@media screen and (min-width: 750px) {
  .helicoHead__txt {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 749px) {
  .helicoHead__txt {
    font-size: 1rem;
  }
}

@media screen and (min-width: 750px) {
  .helicoHead__img {
    margin-top: 1rem;
    width: 28.4rem;
  }
}
@media screen and (max-width: 749px) {
  .helicoHead__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.8rem;
    width: 14.8rem;
  }
}
.helicoHead__img img {
  width: 100%;
}

/* ------------------------------
- base
------------------------------ */
/* ------------------------------
- base

------------------------------ */
/* Sass の数学モジュールの読み込み */
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊


固定値 rem 変換


＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/*****************************************************
 px → rem 基準
*****************************************************/
/* 使用例 */
.size-example-rem {
  font-size: 1.8rem;
  margin-top: 3.2rem;
}

/*****************************************************

widthなどサイズ を px から vw にシンプル変換
min を使用して、最大値を設定
→ rem を上限値として出力

*****************************************************/
/* 使用例 */
.size-min-rem {
  width: min(50vw, 32rem);
  /* 要素幅, 画面幅 */
}

/*****************************************************

widthなどサイズ を px から vw にシンプル変換
max を使用して、最小値を設定
→ rem を下限値として出力

*****************************************************/
/* 使用例 */
.size-max-rem {
  width: max(10vw, 12rem);
  /* 要素幅, 画面幅 */
}

/*****************************************************

widthなどサイズ を px から vw にシンプル変換
clamp を使用して、最小と最大値を設定
→ rem を最小値・最大値として出力

*****************************************************/
/* 使用例 */
.size-clmp-rem {
  font-size: clamp(1.4rem, 1.3542vw, 2.6rem);
  /* 要素最小幅, 要素最大幅, 画面幅 */
}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊


px　から ％


＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/*****************************************************

widthなどサイズ を　px　から % に シンプル

*****************************************************/
/* 使用例 */
.size-example-par {
  width: 2.813%;
}

/*****************************************************

widthなどサイズ を　px　から % に　微調整パラメータ入り

*****************************************************/
/* 使用例 */
.size-example-par02 {
  width: 2.868%;
}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊


固定値 px 変換


＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/*****************************************************

widthなどサイズ を　px　から vw に シンプル

*****************************************************/
/* 使用例 */
.size-example-vw {
  width: 4.6154vw;
}

/*****************************************************

widthなどサイズ を　px　から vh に シンプル

*****************************************************/
/* 使用例 */
.size-example-vh {
  width: 2.8125vh;
}

/*****************************************************

widthなどサイズ を　px　から vw に シンプル
min を使用して、最大値を設定

*****************************************************/
/* 使用例 */
.size-min-vw {
  width: min(50vw, 320px);
  /* 要素幅, 画面幅 */
}

/*****************************************************

widthなどサイズ を　px　から vw に シンプル
max を使用して、最小値を設定

*****************************************************/
/* 使用例 */
.size-max-vw {
  width: max(10vw, 120px);
  /* 要素幅, 画面幅 */
}

/*****************************************************

widthなどサイズ を　px　から vw に シンプル
clamp を使用して、最小と最大値を設定

*****************************************************/
/* 使用例 */
.size-clmp-vw {
  font-size: clamp(14px, 1.3542vw, 26px);
  /* 要素最小幅, 要素最大幅, 画面幅 */
}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊


その他


＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/*****************************************************

line-heightの値 Photoshop

*****************************************************/
/* 使用例 */
.size-line-height {
  line-height: 1.667;
  /* 行送りの数値（px）÷ フォントサイズ（px） */
}

/*****************************************************

line-heightの値 figmaで行間が％の場合

*****************************************************/
/**
 * 単位なし line-height を計算
 * @param {number(px)} $fontSizePx  フォントサイズ(px)
 * @param {number(%)}  $percent     行間(％) 例：160
 * @return {number}                 単位なし line-height（例: 1.6）
 */
/* 使用例 */
.title {
  font-size: 38px;
  line-height: 1.6;
}

/* ------------------------------
- カラー設定
------------------------------ */
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊


helico ドロワーメニュー


＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* ドロワーメニューボタン */
/* buttonスタイルリセット */
button.toggle_drawer_btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  outline: none;
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
}

.toggle_drawer_btn {
  cursor: pointer;
  width: 12.8rem;
  aspect-ratio: 1/1;
  overflow: hidden;
  position: fixed;
  z-index: 999;
  -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.1));
}
@media screen and (min-width: 750px) {
  .toggle_drawer_btn {
    bottom: 3.2rem;
    right: 3.2rem;
  }
}
@media screen and (max-width: 749px) {
  .toggle_drawer_btn {
    bottom: 2.5641vw;
    right: 2.5641vw;
    width: 13.3333vw;
    -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
            filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
  }
}
.toggle_drawer_btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

/* ドロワー全体（デフォルトは非表示） */
.l-drawer_viewport {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

/* 開いているとき */
.l-drawer_viewport.is-open {
  pointer-events: auto;
  opacity: 1;
}

/* 背景オーバーレイ */
.l-drawer_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
}

/* 右側のパネル本体 */
.l-drawer_container {
  position: absolute;
  top: 0;
  right: 0;
  width: min(620px, 100vw);
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  /* 中の各階層でスクロール */
}
@media screen and (max-width: 749px) {
  .l-drawer_container {
    background-color: rgba(102, 102, 102, 0.6);
    width: 100%;
  }
}

.l-drawer_container .l-drawer_directory:not(.l-drawer_directory-lv1) {
  background-color: #f9f4da;
}
@media screen and (max-width: 749px) {
  .l-drawer_container .l-drawer_directory:not(.l-drawer_directory-lv1) {
    background-color: rgba(102, 102, 102, 0.6);
  }
}

/* 各階層の画面 */
.l-drawer_directory {
  position: absolute;
  inset: 0;
  /* overflow-y: auto;
  -webkit-overflow-scrolling: touch; */
  overflow: hidden;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  /* 右の外側に待機 */
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
  z-index: 0;
}

/* 今表示中の階層 */
.l-drawer_directory.is-current {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  z-index: 2;
}

/* 一つ前の階層（左にスライドして退避） */
.l-drawer_directory.is-left {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  z-index: 1;
}

/* lv1 は最初にだけ見せたいので、JSから is-current を付ける前提 */
/* lv2 以降 の中で、該当 data-directory だけ表示 */
.l-drawer_directory_item {
  display: none;
  width: 100%;
}
@media screen and (max-width: 749px) {
  .l-drawer_directory_item {
    border-radius: 0.5rem;
    width: 87.1795vw;
    min-height: 80%;
    margin: 5.1282vw auto 20.5128vw;
  }
}

.l-drawer_directory-lv1 .l-drawer_directory_item {
  display: block;
  /* lv1は常に1画面だけなので全部表示 */
}
@media screen and (max-width: 749px) {
  .l-drawer_directory-lv1 .l-drawer_directory_item {
    background-color: #fff;
  }
}

.l-drawer_directory:not(.l-drawer_directory-lv1) .l-drawer_directory_item {
  background-color: #f9f4da;
}

/* 選択中のディレクトリ */
.l-drawer_directory_item.is-item-current {
  display: block;
}

/* ★ 表示中の item はフルサイズ＋スクロール */
.l-drawer_directory_item.is-item-current,
.l-drawer_directory-lv1 .l-drawer_directory_item {
  /* lv1 は1個なので全部でOK */
  display: block;
  position: absolute;
  inset: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; /* スマホで慣性スクロール */
}

/* HTML スクロールロック用 */
html.is-drawer-open {
  overflow: hidden;
}

/* 各内容のスタイル
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.l-drawer_directoryInner {
  padding: min(2.5vw, 4rem) min(3.75vw, 6rem) min(8.75vw, 14rem);
}
@media screen and (max-width: 749px) {
  .l-drawer_directoryInner {
    padding: 5.1282vw;
  }
}

.l-drawer_directory_header {
  color: #231815;
  font-size: min(1.5vw, 2.4rem);
  font-weight: 600;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 749px) {
  .l-drawer_directory_header {
    font-size: 4.1026vw;
  }
}

/* Lv1 メニュー */
.l-drawer_directory-lv1 .l-drawer_list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: min(2.5vw, 4rem);
}
.l-drawer_directory-lv1 .l-drawer_list li {
  cursor: pointer;
  border-bottom: 1px solid #000;
  width: 100%;
  color: #231815;
  font-weight: 600;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 750px) {
  .l-drawer_directory-lv1 .l-drawer_list li {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 749px) {
  .l-drawer_directory-lv1 .l-drawer_list li {
    font-size: 1.6rem;
  }
}
.l-drawer_directory-lv1 .l-drawer_list li .l-drawer_next {
  display: block;
  position: relative;
  width: 100%;
  padding: 2em 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 749px) {
  .l-drawer_directory-lv1 .l-drawer_list li .l-drawer_next {
    padding: 6.1538vw 0;
  }
}
@media (hover: hover) {
  .l-drawer_directory-lv1 .l-drawer_list li .l-drawer_next:hover {
    opacity: 0.7;
  }
}
.l-drawer_directory-lv1 .l-drawer_list li .l-drawer_next::after {
  content: "";
  background-image: url("../img/helico/menu_arrow_right.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  aspect-ratio: 9/16;
  width: min(0.5625vw, 0.9rem);
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 749px) {
  .l-drawer_directory-lv1 .l-drawer_list li .l-drawer_next::after {
    width: 2.3077vw;
  }
}

/* 検索窓 */
.l-drawer_directory-lv1 .postnav__search {
  width: 100%;
  margin-top: 2em;
  /* buttonスタイルリセット */
}
.l-drawer_directory-lv1 .postnav__search .search__head {
  color: #231815;
  font-size: min(1.5vw, 2.4rem);
  font-weight: 600;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 749px) {
  .l-drawer_directory-lv1 .postnav__search .search__head {
    font-size: 4.1026vw;
  }
}
.l-drawer_directory-lv1 .postnav__search .p-search__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 5.2rem;
  background: #fff;
  border: 1px solid #000;
  border-radius: 100vmax;
  overflow: hidden;
  padding: 0 1rem;
}
@media screen and (min-width: 750px) {
  .l-drawer_directory-lv1 .postnav__search .p-search__form {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 749px) {
  .l-drawer_directory-lv1 .postnav__search .p-search__form {
    margin-top: 2.4rem;
  }
}
.l-drawer_directory-lv1 .postnav__search .p-search__form > input[type=search] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border-radius: 0;
}
.l-drawer_directory-lv1 .postnav__search .p-search__form > input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: 0;
  outline: none;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif !important;
  font-size: 1.3rem;
  line-height: 1;
  padding: 0 2.4rem;
}
@media screen and (max-width: 749px) {
  .l-drawer_directory-lv1 .postnav__search .p-search__form > input {
    padding: 0 1rem;
  }
}
.l-drawer_directory-lv1 .postnav__search .p-search__form > button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  outline: none;
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
}
.l-drawer_directory-lv1 .postnav__search .p-search__form .icon__search {
  content: "";
  background-image: url("../img/helico/icon_search.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  aspect-ratio: 1/1;
  width: min(2.0625vw, 3.3rem);
  display: block;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 749px) {
  .l-drawer_directory-lv1 .postnav__search .p-search__form .icon__search {
    width: 6.1538vw;
  }
}

/* Lv2 以降 メニュー */
.l-drawer_directory:not(.l-drawer_directory-lv1) .l-drawer_list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(1vw, 1.6rem);
  margin-top: min(2.5vw, 4rem);
}
@media screen and (max-width: 749px) {
  .l-drawer_directory:not(.l-drawer_directory-lv1) .l-drawer_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.8205vw;
    margin-top: 7.6923vw;
  }
}
.l-drawer_directory:not(.l-drawer_directory-lv1) .l-drawer_list li {
  background-color: #fff;
  border-radius: 0.5rem;
  width: 100%;
  display: grid;
  place-items: center;
  color: #231815;
  font-weight: 600;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 750px) {
  .l-drawer_directory:not(.l-drawer_directory-lv1) .l-drawer_list li {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 749px) {
  .l-drawer_directory:not(.l-drawer_directory-lv1) .l-drawer_list li {
    font-size: 1.2rem;
  }
}
.l-drawer_directory:not(.l-drawer_directory-lv1) .l-drawer_list li .l-drawer_next {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: min(0.625vw, 1rem);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 749px) {
  .l-drawer_directory:not(.l-drawer_directory-lv1) .l-drawer_list li .l-drawer_next {
    padding: 4.1026vw 2.5641vw;
  }
}
@media (hover: hover) {
  .l-drawer_directory:not(.l-drawer_directory-lv1) .l-drawer_list li .l-drawer_next:hover {
    opacity: 0.7;
  }
}

/* メニュー 1階層戻る ボタン */
.l-drawer_back {
  cursor: pointer;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #231815;
  font-size: min(1vw, 1.6rem);
  font-weight: 600;
  letter-spacing: 0.06em;
  margin-top: min(3.75vw, 6rem);
  padding: min(0.75vw, 1.2rem) min(3.75vw, 6rem);
}
@media screen and (max-width: 749px) {
  .l-drawer_back {
    font-size: 3.0769vw;
    margin-top: 10.2564vw;
    padding: 2.0513vw 5.1282vw;
  }
}
.l-drawer_back:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.l-drawer_back .m-icon-arrow_left {
  content: "";
  background-image: url("../img/helico/menu_arrow_left.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  aspect-ratio: 8/15;
  width: min(0.5vw, 0.8rem);
  display: block;
  position: relative;
}
@media screen and (max-width: 749px) {
  .l-drawer_back .m-icon-arrow_left {
    width: min(2.0513vw, 0.8rem);
  }
}

/* メニュー閉じるボタン */
/* buttonスタイルリセット */
button.l-drawer_close {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  outline: none;
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
}

.l-drawer_close {
  cursor: pointer;
  width: 8.6rem;
  aspect-ratio: 1/1;
  overflow: hidden;
  position: fixed;
  z-index: 999;
}
@media screen and (min-width: 750px) {
  .l-drawer_close {
    bottom: 2rem;
    right: 2rem;
  }
}
@media screen and (max-width: 749px) {
  .l-drawer_close {
    width: 13.3333vw;
    bottom: 2.5641vw;
    right: 2.5641vw;
  }
}
.l-drawer_close img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

/* ボタンアニメーション */
/* 丸ボタン共通ホバーアニメ */
.toggle_drawer_btn,
.l-drawer_close {
  position: fixed;
  overflow: hidden;
  border-radius: 50%;
}
.toggle_drawer_btn::after,
.l-drawer_close::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.08);
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  pointer-events: none;
}
.toggle_drawer_btn:hover::after,
.l-drawer_close:hover::after {
  opacity: 1;
}
.toggle_drawer_btn:active,
.l-drawer_close:active {
  -webkit-transform: scale(0.96);
          transform: scale(0.96);
}

/* ------------------------------
- base
------------------------------ */
.tag__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.tag {
  background: #B2E7F9;
  border-radius: 999px;
  display: block;
  padding: 0.2rem 1rem;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .tag {
    min-width: 10.5rem;
  }
}
@media screen and (max-width: 749px) {
  .tag {
    font-size: 1.2rem;
    width: 8rem;
  }
}

/* ------------------------------
- base
------------------------------ */
/* ------------------------------
- base

------------------------------ */
/* ------------------------------
- ポストナビ
------------------------------ */
.postnav {
  background-color: #f9f4da;
  width: 100%;
  padding: min(1.5vw, 2.4rem) 0;
  /* 検索窓 */
  /* buttonスタイルリセット */
}
@media screen and (max-width: 749px) {
  .postnav {
    background-color: inherit;
    padding: 0;
  }
}
.postnav .postnav__inner {
  width: min(88.125vw, 141rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
@media screen and (max-width: 749px) {
  .postnav .postnav__inner {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2px;
  }
}
.postnav nav {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 749px) {
  .postnav nav {
    width: 100%;
  }
}
.postnav .postnav__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(1.875vw, 3rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 749px) {
  .postnav .postnav__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
  }
}
.postnav .postnav__list::after {
  content: "";
  background-color: #f9f4da;
  mix-blend-mode: multiply;
  height: 50px;
  width: 2px;
  display: block;
  position: relative;
}
@media screen and (max-width: 749px) {
  .postnav .postnav__list::after {
    display: none;
  }
}
.postnav .postnav__item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 749px) {
  .postnav .postnav__item {
    width: 100%;
  }
}
.postnav .postnav__item a {
  background-color: #fff;
  border-radius: 100vmax;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(1.25vw, 2rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  font-size: min(1vw, 1.6rem);
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 2;
  padding: min(0.625vw, 1rem) min(1.25vw, 2rem);
}
@media screen and (max-width: 749px) {
  .postnav .postnav__item a {
    background-color: #f9f4da;
    border-radius: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 3.0769vw;
    padding: 3.0769vw 5.1282vw;
  }
}
.postnav .postnav__item a::after {
  content: "";
  background-image: url("../img/helico/icon_arrow.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  aspect-ratio: 20/20;
  width: min(1.25vw, 2rem);
  display: block;
  position: relative;
}
@media screen and (max-width: 749px) {
  .postnav .postnav__item a::after {
    background-image: url("../img/helico/icon_arrow02.svg");
    width: 3.3333vw;
  }
}
.postnav .postnav__item a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 749px) {
  .postnav .postnav__search {
    background-color: #f9f4da;
    width: 100%;
    height: 6.4rem;
    display: grid;
    place-items: center;
  }
}
.postnav .p-search__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: min(25.875vw, 41.4rem);
  background: #fff;
  border-radius: 100vmax;
  overflow: hidden;
  padding: 0 1rem;
}
@media screen and (min-width: 750px) {
  .postnav .p-search__form {
    height: 5.2rem;
  }
}
@media screen and (max-width: 749px) {
  .postnav .p-search__form {
    width: 87.1795vw;
    height: 4.8rem;
  }
}
.postnav .p-search__form > input[type=search] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border-radius: 0;
}
.postnav .p-search__form > input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: 0;
  outline: none;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif !important;
  font-size: 1.3rem;
  line-height: 1;
  padding: 0 2.4rem;
}
@media screen and (max-width: 749px) {
  .postnav .p-search__form > input {
    padding: 0 1rem;
  }
}
.postnav .postnav__search button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  outline: none;
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
}
.postnav .p-search__form .icon__search {
  content: "";
  background-image: url("../img/helico/icon_search.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  aspect-ratio: 1/1;
  width: min(2.0625vw, 3.3rem);
  display: block;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 749px) {
  .postnav .p-search__form .icon__search {
    width: 4.359vw;
  }
}

/* ------------------------------
- base
------------------------------ */
.attempt__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 750px) {
  .attempt__list {
    gap: 5.4rem 1.25%;
  }
}
@media screen and (max-width: 749px) {
  .attempt__list {
    gap: 2rem 3%;
  }
}

@media screen and (min-width: 750px) {
  .attempt__item {
    width: 24.0625%;
  }
}
@media screen and (max-width: 749px) {
  .attempt__item {
    width: 48.5%;
  }
}

.attempt__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 750px) {
  .attempt__link {
    gap: 1.6rem 0;
  }
}
@media screen and (max-width: 749px) {
  .attempt__link {
    gap: 1rem 0;
  }
}
@media (hover: hover) {
  .attempt__link:hover {
    opacity: 0.6;
  }
}

.attempt__head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f0f5fa;
}
@media screen and (min-width: 750px) {
  .attempt__head {
    padding: 2.4rem 1.5rem;
    height: 16rem;
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 749px) {
  .attempt__head {
    border-radius: 1rem;
    padding: 3rem 1.5rem;
  }
}

@media screen and (min-width: 750px) and (max-width: 1199px) {
  .attempt__icon {
    height: 5rem;
  }
}
@media screen and (max-width: 749px) {
  .attempt__icon {
    height: 3.6rem;
  }
}

.attempt__title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #6E6E6E;
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: normal;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 750px) {
  .attempt__title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 749px) {
  .attempt__title {
    padding: 0 1rem;
    font-size: 1.4rem;
  }
}

/* ------------------------------
- カラー設定
------------------------------ */
/* ------------------------------
- common
------------------------------ */
.l-main {
  color: #231815;
}

/* ------------------------------
- head
------------------------------ */
@media screen and (max-width: 749px) {
  .helicoHead__inner {
    padding: 0 2rem;
  }
}

@media screen and (max-width: 749px) {
  .breadcrumb {
    padding-bottom: 1rem;
  }
}

@media screen and (min-width: 750px) {
  .head-a {
    margin-top: 1.5rem;
  }
}

@media screen and (min-width: 750px) {
  .head-a-title {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 749px) {
  .head-a-title {
    font-size: 1rem;
  }
}

@media screen and (min-width: 750px) {
  .head-a-img {
    margin-top: 1.5rem;
    width: 25rem;
  }
}
@media screen and (max-width: 749px) {
  .head-a-img {
    margin-top: 1rem;
    width: 14.8rem;
  }
}

/* ------------------------------
- category
------------------------------ */
@media screen and (min-width: 750px) {
  .category {
    padding-block: 9.3rem 16.9rem;
  }
}
@media screen and (max-width: 749px) {
  .category {
    padding-block: 5.2rem;
  }
}

@media screen and (min-width: 750px) {
  .category__head {
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 749px) {
  .category__head {
    margin-bottom: 5rem;
  }
}

@media screen and (min-width: 750px) {
  .category__title {
    font-size: 2.8rem;
    margin-bottom: 5.2rem;
  }
}
@media screen and (max-width: 749px) {
  .category__title {
    font-size: 1.8rem;
    margin-bottom: 2.8rem;
  }
}

.category__desc,
.category__desc p {
  line-height: 1.6;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 750px) {
  .category__desc,
  .category__desc p {
    font-size: 2rem;
  }
}
@media screen and (max-width: 749px) {
  .category__desc,
  .category__desc p {
    font-size: 1.3rem;
  }
}

.category__wrapper {
  display: grid;
  grid-template-rows: auto;
}
@media screen and (min-width: 750px) {
  .category__wrapper {
    grid-template-columns: repeat(3, 1fr);
    gap: 0 6rem;
  }
}
@media screen and (max-width: 749px) {
  .category__wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 0 0.8rem;
  }
}

/* ------------------------------
- categoryCard
------------------------------ */
.categoryCard {
  display: grid;
  grid-template-rows: subgrid;
  gap: 0;
}
@media screen and (min-width: 750px) {
  .categoryCard {
    grid-row: span 4;
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 749px) {
  .categoryCard {
    grid-row: span 3;
    overflow: hidden;
    border-radius: 0.6rem;
    margin-bottom: 2.4rem;
    -webkit-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.1);
  }
}

.categoryCard__link {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (hover: hover) {
  .categoryCard__link:hover {
    opacity: 0.6;
  }
}

.categoryCard__img {
  aspect-ratio: 4/3;
}
@media screen and (min-width: 750px) {
  .categoryCard__img {
    overflow: hidden;
    border-radius: 1.2rem;
    -webkit-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.1);
  }
}
.categoryCard__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (min-width: 750px) {
  .categoryCard__box {
    padding: 1.8rem 0 0;
  }
}
@media screen and (max-width: 749px) {
  .categoryCard__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1rem 0.8rem;
  }
}

.categoryCard__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.8rem;
}
@media screen and (min-width: 750px) {
  .categoryCard__info {
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
  }
}
@media screen and (max-width: 749px) {
  .categoryCard__info {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media screen and (min-width: 750px) {
  .categoryCard__date {
    font-size: 1.6rem;
  }
}

.categoryCard__title {
  line-height: 1.6;
  letter-spacing: 0.03em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
@media screen and (min-width: 750px) {
  .categoryCard__title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 749px) {
  .categoryCard__title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 1rem;
    font-size: 1.4rem;
  }
}

/* ------------------------------
- category_trouble
------------------------------ */
@media screen and (min-width: 750px) {
  .category_trouble {
    padding-block: 9.3rem 16.9rem;
  }
}
@media screen and (max-width: 749px) {
  .category_trouble {
    padding-block: 5.2rem;
  }
}

@media screen and (min-width: 750px) {
  .category_trouble__head {
    margin-bottom: 8.8rem;
  }
}
@media screen and (max-width: 749px) {
  .category_trouble__head {
    margin-bottom: 5rem;
  }
}

.category_trouble__title {
  text-align: center;
}
@media screen and (min-width: 750px) {
  .category_trouble__title {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 749px) {
  .category_trouble__title {
    font-size: 2rem;
  }
}
.category_trouble__title::after {
  content: "";
  display: block;
  background-color: #231815;
  margin-inline: auto;
}
@media screen and (min-width: 750px) {
  .category_trouble__title::after {
    width: 5.6rem;
    height: 0.3rem;
    margin-top: 3.2rem;
  }
}
@media screen and (max-width: 749px) {
  .category_trouble__title::after {
    width: 3.6rem;
    height: 0.2rem;
    margin-top: 1.8rem;
  }
}

.category_trouble__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (min-width: 750px) {
  .category_trouble__list {
    gap: 2rem 2.4rem;
  }
}
@media screen and (max-width: 749px) {
  .category_trouble__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem;
  }
}

.category_trouble__item {
  background-color: #fff;
  -webkit-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 750px) {
  .category_trouble__item {
    border-radius: 0.8rem;
  }
}

.category_trouble__itemLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 750px) {
  .category_trouble__itemLink {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1.6rem;
    font-size: 1.8rem;
  }
  .category_trouble__itemLink::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #f3e9b3;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
  .category_trouble__itemLink::after {
    color: #231815;
  }
}
@media screen and (max-width: 749px) {
  .category_trouble__itemLink {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1.6rem;
    gap: 1.2rem;
    font-size: 1.4rem;
  }
}
@media (hover: hover) {
  .category_trouble__itemLink:hover {
    opacity: 0.6;
  }
}

/* ------------------------------
- category_part 部位から探す
------------------------------ */
.category_part__images {
  display: grid;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .category_part__images {
    gap: 1.2rem;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: 1fr 32rem;
    grid-template-areas: "body face face" "body men women";
  }
}
@media screen and (max-width: 1023px) {
  .category_part__images {
    gap: 1.6rem;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, auto);
    grid-template-areas: "body body" "face face" "men women";
  }
}

.category_part__image {
  border-radius: 0.8rem;
  background-color: #fdfbf3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.category_part__image.-body {
  grid-area: body;
}
@media screen and (min-width: 1024px) {
  .category_part__image.-body {
    height: 83.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .category_part__image.-body {
    padding-block: 4.2rem 7.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .category_part__image.-body .category_part__image-inner {
    -webkit-transform: translateY(-4rem);
            transform: translateY(-4rem);
  }
}
@media screen and (max-width: 1023px) {
  .category_part__image.-body .category_part__image-inner {
    padding-inline: 4rem 5.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .category_part__image.-body .category_part__list-item.-part01 {
    top: -3%;
    left: 0%;
  }
}
@media screen and (max-width: 1023px) {
  .category_part__image.-body .category_part__list-item.-part01 {
    top: -3%;
    left: 12%;
  }
}
@media screen and (min-width: 1024px) {
  .category_part__image.-body .category_part__list-item.-part02 {
    top: -3%;
    left: 81%;
  }
}
@media screen and (max-width: 1023px) {
  .category_part__image.-body .category_part__list-item.-part02 {
    top: -3%;
    left: 71%;
  }
}
@media screen and (min-width: 1024px) {
  .category_part__image.-body .category_part__list-item.-part03 {
    top: 24%;
    left: -6%;
  }
}
@media screen and (max-width: 1023px) {
  .category_part__image.-body .category_part__list-item.-part03 {
    top: 25%;
    left: 7%;
  }
}
@media screen and (min-width: 1024px) {
  .category_part__image.-body .category_part__list-item.-part04 {
    top: 24%;
    left: 85%;
  }
}
@media screen and (max-width: 1023px) {
  .category_part__image.-body .category_part__list-item.-part04 {
    top: 25%;
    left: 73%;
  }
}
@media screen and (min-width: 1024px) {
  .category_part__image.-body .category_part__list-item.-part05 {
    top: 53%;
    left: -6%;
  }
}
@media screen and (max-width: 1023px) {
  .category_part__image.-body .category_part__list-item.-part05 {
    top: 54%;
    left: 7%;
  }
}
@media screen and (min-width: 1024px) {
  .category_part__image.-body .category_part__list-item.-part06 {
    top: 52%;
    left: 94%;
  }
}
@media screen and (max-width: 1023px) {
  .category_part__image.-body .category_part__list-item.-part06 {
    top: 52%;
    left: 81%;
  }
}
@media screen and (min-width: 1024px) {
  .category_part__image.-body .category_part__list-item.-part07 {
    top: 80%;
    left: -6%;
  }
}
@media screen and (max-width: 1023px) {
  .category_part__image.-body .category_part__list-item.-part07 {
    top: 80%;
    left: 9%;
  }
}
@media screen and (min-width: 1024px) {
  .category_part__image.-body .category_part__list-item.-part08 {
    top: 80%;
    left: 85%;
  }
}
@media screen and (max-width: 1023px) {
  .category_part__image.-body .category_part__list-item.-part08 {
    top: 80%;
    left: 74%;
  }
}
@media screen and (min-width: 1024px) {
  .category_part__image.-body .category_part__list-item.-part09 {
    bottom: -8.2rem;
    left: -6%;
  }
}
@media screen and (max-width: 1023px) {
  .category_part__image.-body .category_part__list-item.-part09 {
    bottom: -5.2rem;
    left: 5%;
  }
}
@media screen and (min-width: 1024px) {
  .category_part__image.-body .category_part__list-item.-part10 {
    bottom: -8.2rem;
    left: 41%;
  }
}
@media screen and (max-width: 1023px) {
  .category_part__image.-body .category_part__list-item.-part10 {
    bottom: -5.2rem;
    left: 43%;
  }
}
@media screen and (min-width: 1024px) {
  .category_part__image.-body .category_part__list-item.-part11 {
    bottom: -8.2rem;
    right: -6%;
  }
}
@media screen and (max-width: 1023px) {
  .category_part__image.-body .category_part__list-item.-part11 {
    bottom: -5.2rem;
    right: 5%;
  }
}
.category_part__image.-face {
  grid-area: face;
}
@media screen and (max-width: 1023px) {
  .category_part__image.-face {
    padding-block: 7.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .category_part__image.-face .category_part__image-inner {
    padding-inline: 5rem 7.7rem;
  }
}
@media screen and (min-width: 1024px) {
  .category_part__image.-face .category_part__list-item.-part01 {
    top: 20%;
    left: -7%;
  }
}
@media screen and (max-width: 1023px) {
  .category_part__image.-face .category_part__list-item.-part01 {
    top: 20%;
    left: 10%;
  }
}
@media screen and (min-width: 1024px) {
  .category_part__image.-face .category_part__list-item.-part02 {
    top: -12%;
    left: 93%;
  }
}
@media screen and (max-width: 1023px) {
  .category_part__image.-face .category_part__list-item.-part02 {
    top: -12%;
    left: 72%;
  }
}
@media screen and (min-width: 1024px) {
  .category_part__image.-face .category_part__list-item.-part03 {
    top: 77%;
    left: -7%;
  }
}
@media screen and (max-width: 1023px) {
  .category_part__image.-face .category_part__list-item.-part03 {
    top: 77%;
    left: 10%;
  }
}
@media screen and (min-width: 1024px) {
  .category_part__image.-face .category_part__list-item.-part04 {
    top: 88%;
    left: 93%;
  }
}
@media screen and (max-width: 1023px) {
  .category_part__image.-face .category_part__list-item.-part04 {
    top: 88%;
    left: 73%;
  }
}
.category_part__image.-men, .category_part__image.-women {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.2rem;
}
@media screen and (max-width: 1023px) {
  .category_part__image.-men, .category_part__image.-women {
    padding-block: 3.2rem;
  }
}
.category_part__image.-men .category_part__list-item, .category_part__image.-women .category_part__list-item {
  position: relative !important;
}
.category_part__image.-men {
  grid-area: men;
}
.category_part__image.-women {
  grid-area: women;
}

.category_part__image-inner {
  position: relative;
}

.category_part__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  white-space: nowrap;
  position: absolute;
}
@media screen and (min-width: 750px) {
  .category_part__list-item {
    font-size: 2.4rem;
    gap: 0.8rem;
  }
  .category_part__list-item::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #f3e9b3;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
@media screen and (max-width: 749px) {
  .category_part__list-item {
    font-size: 1.4rem;
    gap: 0.4rem;
  }
  .category_part__list-item::after {
    content: "\e901";
    font-family: "icomoon" !important;
    font-size: 0.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    background: #f3e9b3;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #fff;
  }
}
.category_part__list-item::after {
  color: #231815;
}

@media (hover: hover) {
  .category_part__list-itemLink:hover {
    opacity: 0.7;
  }
}

/* ------------------------------
- Pager
------------------------------ */
.pager__anc {
  font-family: "Aoto Gothic Bold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
}
.pager__anc.is-current {
  color: #231815;
  background: #f9f4da;
}
@media (hover: hover) {
  .pager__anc:hover {
    color: #231815;
    background: #f9f4da;
  }
}

.pager__both::after {
  color: #231815;
  font-size: 1.2em;
}

@media screen and (min-width: 750px) {
  .helico__notfound {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 749px) {
  .helico__notfound {
    text-align: center;
    font-size: 1.4rem;
  }
}