@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
@import url("https://use.typekit.net/icw5ezj.css");
@import url("https://use.typekit.net/cvj1cfw.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
@font-face {
  font-family: 'oswaldregular';
  src: url("font/oswald-regular-webfont.eot");
  src: url("font/oswald-regular-webfont.eot?#iefix") format("embedded-opentype"), url("font/oswald-regular-webfont.woff") format("woff"), url("font/oswald-regular-webfont.ttf") format("truetype"), url("font/oswald-regular-webfont.svg#oswaldregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'oswaldlight';
  src: url("font/oswald-light-webfont.eot");
  src: url("font/oswald-light-webfont.eot?#iefix") format("embedded-opentype"), url("font/oswald-light-webfont.woff") format("woff"), url("font/oswald-light-webfont.ttf") format("truetype"), url("font/oswald-light-webfont.svg#oswaldregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'oswaldlight';
  src: url("font/oswald-light-webfont.eot");
  src: url("font/oswald-light-webfont.eot?#iefix") format("embedded-opentype"), url("font/oswald-light-webfont.woff") format("woff"), url("font/oswald-light-webfont.ttf") format("truetype"), url("font/oswald-light-webfont.svg#oswaldregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'NotoSansJP-Bold';
  src: url("../font/NotoSansJP-Bold.eot");
  src: url("../font/NotoSansJP-Bold.eot?iefix") format("eot"), url("../font/NotoSansJP-Bold.woff") format("woff"); }

@font-face {
  font-family: 'NotoSansJP-Medium';
  src: url("../font/NotoSansJP-Medium.eot");
  src: url("../font/NotoSansJP-Medium.eot?iefix") format("eot"), url("../font/NotoSansJP-Medium.woff") format("woff"); }

@font-face {
  font-family: 'NotoSansJP-Regular';
  src: url("../font/NotoSansJP-Regular.eot");
  src: url("../font/NotoSansJP-Regular.eot?iefix") format("eot"), url("../font/NotoSansJP-Regular.woff") format("woff"); }

@font-face {
  font-family: 'NotoSansJP-DemiLight';
  src: url("../font/NotoSansJP-DemiLight.eot");
  src: url("../font/NotoSansJP-DemiLight.eot?iefix") format("eot"), url("../font/NotoSansJP-DemiLight.woff") format("woff"); }

@font-face {
  font-family: 'NotoSansJP-Light';
  src: url("../font/NotoSansJP-Light.eot");
  src: url("../font/NotoSansJP-Light.eot?iefix") format("eot"), url("../font/NotoSansJP-Light.woff") format("woff"); }

@font-face {
  font-family: 'NotoSansJP-Thin-Windows';
  src: url("../font/NotoSansJP-Thin-Windows.eot");
  src: url("../font/NotoSansJP-Thin-Windows.eot?iefix") format("eot"), url("../font/NotoSansJP-Thin-Windows.woff") format("woff"); }

/* 変数
-----------------------------------------------------------------*/
body, div, p, form, input, textarea, select, option, button, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, address, button, figure, figcaption {
  font-style: normal;
  line-height: 1;
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* PC / SP 表示分け
-----------------------------------------------------------------*/
@media only screen and (min-width: 861px) {
  .dn-pc {
    display: none !important; } }

@media only screen and (min-width: 861px) {
  .dn-pc.swiper {
    display: none !important; } }

@media only screen and (max-width: 861px) {
  .dn-sp {
    display: none !important; } }

@media only screen and (max-width: 861px) {
  .dn-sp.swiper {
    display: none !important; } }

/* アニメーション
-----------------------------------------------------------------*/
.fadeInTrigger {
  opacity: 0;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: opacity .8s, -webkit-transform .8s;
  transition: opacity .8s, -webkit-transform .8s;
  transition: opacity .8s, transform .8s;
  transition: opacity .8s, transform .8s, -webkit-transform .8s; }
  .fadeInTrigger.is-inview {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

/* コンテンツ
-----------------------------------------------------------------*/
body .container {
  max-width: inherit;
  padding: 0 !important; }
  @media only screen and (max-width: 861px) {
    body .container {
      padding: 0 !important; } }

@media only screen and (min-width: 861px) {
  body .breadcrumbs {
    padding: 12px; } }

@media only screen and (max-width: 861px) {
  body .breadcrumbs {
    margin-top: 0; } }

@media only screen and (max-width: 861px) {
  body .classic_style .isPc {
    display: block !important; } }

/* コンテンツ
-----------------------------------------------------------------*/
.classic_style {
  width: auto; }

article.contents {
  font-family: "Noto Serif JP", serif;
  margin: 0 auto;
  color: #1c1c1c; }
  article.contents a {
    color: #1c1c1c;
    text-decoration: none; }
  article.contents img {
    width: 100%; }

/*-----------------
/* メインビジュアル
------------------*/
.mainVisual {
  position: relative; }

.mvSlider {
  position: relative;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  @media only screen and (min-width: 861px) {
    .mvSlider {
      opacity: 0;
      visibility: hidden; } }
  @media only screen and (max-width: 861px) {
    .mvSlider {
      opacity: 0;
      visibility: hidden; } }
  .mvSlider.slick-initialized {
    opacity: 1;
    visibility: visible; }
  .mvSlider img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

@media only screen and (max-width: 861px) {
  .mainVisual_inner {
    padding: 24px 32px; } }

@media only screen and (min-width: 861px) {
  .mainVisual_logo {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .mainVisual_logo.mainFadeIn_logo {
      -webkit-animation: fadeInLogoAnime 1s ease forwards;
      animation: fadeInLogoAnime 1s ease forwards; } }

@media only screen and (max-width: 861px) {
  .mainVisual_logo img {
    width: 100%; } }

.mainVisual_text {
  font-weight: 400;
  letter-spacing: .12em; }
  @media only screen and (min-width: 861px) {
    .mainVisual_text {
      opacity: 0;
      font-family: EB Garamond, serif;
      font-size: 20px;
      color: #fff;
      position: absolute;
      bottom: calc( 200 / 1280 * 100vw);
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      .mainVisual_text.mainFadeIn_text {
        -webkit-animation: fadeInTextAnime 1s ease forwards;
        animation: fadeInTextAnime 1s ease forwards; } }
  @media only screen and (max-width: 861px) {
    .mainVisual_text {
      margin-top: 12px;
      text-align: right;
      font-size: 14px; } }

@-webkit-keyframes fadeInLogoAnime {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, calc(-50% + 30px));
    transform: translate(-50%, calc(-50% + 30px)); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

@keyframes fadeInLogoAnime {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, calc(-50% + 30px));
    transform: translate(-50%, calc(-50% + 30px)); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }

@-webkit-keyframes fadeInTextAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(30px);
    transform: translateX(-50%) translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0); } }

@keyframes fadeInTextAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(30px);
    transform: translateX(-50%) translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0); } }

/*-----------------
/* リード
------------------*/
@media only screen and (min-width: 861px) {
  .lead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 960px;
    margin: 110px auto 0; } }

@media only screen and (max-width: 861px) {
  .lead {
    margin: 48px 40px 0; } }

@media only screen and (max-width: 861px) {
  .lead_catch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }

.lead_heading {
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: .1em; }
  @media only screen and (min-width: 861px) {
    .lead_heading {
      font-size: 40px; } }
  @media only screen and (max-width: 861px) {
    .lead_heading {
      font-size: 24px; } }

.lead_heading-accent {
  position: relative;
  display: block;
  font-size: 40px;
  font-weight: normal;
  line-height: 1.4;
  color: #9E1E2F;
  letter-spacing: .1em; }
  @media only screen and (min-width: 861px) {
    .lead_heading-accent {
      margin: 8px 0 0 80px;
      padding: 0 8px 0 12px; } }
  @media only screen and (max-width: 861px) {
    .lead_heading-accent {
      font-size: 24px;
      margin-left: 15px; } }
  .lead_heading-accent:before, .lead_heading-accent:after {
    position: absolute;
    content: '';
    top: 13px;
    background-repeat: no-repeat;
    width: 13px;
    height: 10px; }
    @media only screen and (max-width: 861px) {
      .lead_heading-accent:before, .lead_heading-accent:after {
        width: 8px;
        height: 6px;
        background-size: 8px 6px; } }
  .lead_heading-accent:before {
    background-image: url(../images/flamingo_pants_2508/left.svg);
    left: -6px; }
    @media only screen and (max-width: 861px) {
      .lead_heading-accent:before {
        top: 8px;
        left: -11px; } }
  .lead_heading-accent:after {
    background-image: url(../images/flamingo_pants_2508/right.svg);
    top: 13px;
    right: -6px; }
    @media only screen and (max-width: 861px) {
      .lead_heading-accent:after {
        top: 9px;
        right: -8px; } }

.lead_text {
  font-family: "Noto Serif JP", serif;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: .1em; }
  @media only screen and (min-width: 861px) {
    .lead_text {
      width: 530px; } }
  @media only screen and (max-width: 861px) {
    .lead_text {
      margin-top: 24px;
      font-size: 13px; } }
  .lead_text .caution {
    font-size: 9px;
    vertical-align: super; }
    @media only screen and (max-width: 861px) {
      .lead_text .caution {
        font-size: 7px; } }

.lead_text_small {
  display: block;
  font-size: 10px;
  letter-spacing: .1em;
  margin-top: 5px; }

.featureSection_text_small {
  margin-top: 5px;
  display: block;
  font-size: 10px;
  letter-spacing: .1em; }

/*-----------------
/* 追従ナビ
------------------*/
.fixNav_wrap {
  opacity: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  visibility: hidden;
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1; }
  .fixNav_wrap.is-visible {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    z-index: 1100; }
  .fixNav_wrap.is-hidden {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden; }

@media only screen and (max-width: 861px) {
  .fixNav {
    padding: 24px 40px; } }

@media only screen and (max-width: 861px) {
  .fixNav .anchor-menu {
    margin-top: 16px; } }

.fixNav_list {
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #F5F5F5;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 21px 0;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 998;
  display: flex;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  visibility: hidden; }
  .fixNav_list.is-visible {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible; }

.fixNav_listNode {
  position: relative;
  padding: 0 50px;
  border-right: 1px solid #DDDDDD;
  -webkit-transition: all .5s;
  transition: all .5s; }
  .fixNav_listNode:hover .fixNav_text {
    color: #9E1E2F; }
  .fixNav_listNode:first-child {
    border-left: none; }
  .fixNav_listNode:last-child {
    border-right: none; }

.fixNav_info {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px; }

.fixNav_num {
  font-family: "Noto Serif JP", serif;
  color: #9E1E2F;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: .1em;
  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;
  position: relative;
  -webkit-transition: .3s ease;
  transition: .3s ease; }

.fixNav_text {
  position: relative;
  font-weight: 300;
  font-family: "Noto Serif JP", serif;
  font-size: 10px;
  letter-spacing: .08em;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  line-height: 1.8; }
  @media only screen and (max-width: 861px) {
    .fixNav_text:after {
      content: '';
      position: absolute;
      top: 50%;
      width: 100px;
      height: 1px;
      background-color: #000;
      -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
      transform: translateX(50%);
      right: -96px; } }

.fixNav_clickTub {
  cursor: pointer;
  background-color: #1C1C1C;
  color: #fff;
  text-align: center;
  padding: 10px 0; }
  @media only screen and (max-width: 861px) {
    .fixNav_clickTub.is-open {
      background-color: #1C1C1C; } }

.fixNav_clickTitle {
  font-family: "Noto Serif JP", serif;
  position: relative;
  font-size: 14px;
  display: inline; }

.fixNav_clickButton {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  margin-top: -5px;
  right: -20px;
  -webkit-transition: .3s ease;
  transition: .3s ease; }
  .fixNav_clickButton:after {
    -webkit-transition: .3s ease;
    transition: .3s ease;
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 8px;
    height: 8px;
    margin-top: -1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 1; }
  .is-open .fixNav_clickButton:after {
    margin-top: -6px;
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg); }

/*-----------------
/* ナビ
------------------*/
@media only screen and (min-width: 861px) {
  .nav {
    margin-top: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: calc( 110 / 1280 * 100vw); } }

@media only screen and (max-width: 861px) {
  .nav {
    margin: 80px 0 60px;
    padding: 0 40px;
    -ms-flex-pack: distribute;
    justify-content: space-around; } }

@media only screen and (min-width: 861px) {
  .navImg {
    width: calc(446 / 1280 * 100vw);
    height: calc(446 / 1280 * 100vw);
    position: relative;
    left: calc( -25 / 1280 * 100vw); } }

.navImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  position: absolute;
  top: 0;
  left: 0; }

@media only screen and (min-width: 861px) {
  .navList_node {
    padding: 8px 0; } }

.navList_node + .navList_node {
  margin-top: 32px; }
  @media only screen and (max-width: 861px) {
    .navList_node + .navList_node {
      margin-top: 25px; } }

.navList_nodeText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (min-width: 861px) {
    .navList_nodeText {
      gap: 195px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media only screen and (max-width: 861px) {
    .navList_nodeText {
      position: relative;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%; } }

.navList_nodeLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .3s ease;
  transition: .3s ease; }
  @media only screen and (min-width: 861px) {
    .navList_nodeLink {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: end; } }
  @media only screen and (max-width: 861px) {
    .navList_nodeLink {
      gap: calc( 15 / 375 * 100vw); } }
  @media only screen and (min-width: 861px) {
    .navList_nodeLink .navList_node_logo {
      width: 225px;
      height: 38px;
      margin-right: 4px;
      position: relative; }
      .navList_nodeLink .navList_node_logo.hover {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        height: 41px;
        width: 225px; } }
  @media only screen and (max-width: 861px) {
    .navList_nodeLink .navList_node_logo {
      width: 160px;
      display: inline-block;
      vertical-align: text-bottom;
      margin-right: 3px; } }
  @media only screen and (min-width: 861px) {
    .navList_nodeLink:hover .navList_node_logo {
      opacity: 0;
      height: 38px;
      width: 225px; }
      .navList_nodeLink:hover .navList_node_logo.hover {
        width: 225px;
        opacity: 1;
        height: 38px;
        margin-right: 2px; }
    .navList_nodeLink:hover .navList_node_title {
      color: #9E1E2F; }
    .navList_nodeLink:hover .anchor-menu__title_img {
      fill: #9E1E2F; }
    .navList_nodeLink:hover .navList_node_number:after {
      opacity: 1; } }

.navList_nodeImg {
  width: calc(87 / 375 * 100vw); }

.navList_node_title {
  position: relative;
  font-weight: 300;
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  letter-spacing: .08em;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  color: #1C1C1C; }
  @media only screen and (min-width: 861px) {
    .navList_node_title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .navList_node_title:after {
        content: '';
        position: absolute;
        top: 50%;
        width: 100px;
        height: 1px;
        background-color: #707070;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        right: -96px; } }
  @media only screen and (max-width: 861px) {
    .navList_node_title {
      font-size: 14px;
      line-height: 1.8;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; } }

.navList_node_number {
  font-family: "Noto Serif JP", serif;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: .1em;
  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;
  position: relative;
  -webkit-transition: .3s ease;
  transition: .3s ease; }
  @media only screen and (min-width: 861px) {
    .navList_node_number:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 42px;
      height: 42px;
      border: 1px solid #707070;
      border-radius: 50%;
      opacity: 0;
      -webkit-transition: opacity .3s ease;
      transition: opacity .3s ease; } }
  @media only screen and (max-width: 861px) {
    .navList_node_number {
      position: absolute;
      right: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 12px;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      font-size: 13px;
      line-height: 1.8;
      /* 順番を 横線 → 数字 にする */
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .navList_node_number::after {
        content: '';
        display: block;
        width: 40px;
        /* 横線の長さ */
        height: 1px;
        background-color: #000; } }

/*-----------------
/*  セクション共通
------------------*/
.registered {
  font-size: 15px;
  font-weight: 500;
  margin-left: 2px; }

.featureSection {
  padding: 120px 0; }
  @media only screen and (max-width: 861px) {
    .featureSection {
      padding: 80px 0; }
      .featureSection#section4 {
        padding: 80px 0 0; } }
  .featureSection#section1, .featureSection#section3 {
    background: #F0F0F0; }
  @media only screen and (max-width: 861px) {
    .featureSection#section3 .featureSection_innerWrap .featureSection_inner {
      text-align: center; }
      .featureSection#section3 .featureSection_innerWrap .featureSection_inner:first-of-type .pantsStyle_title {
        display: inline-block;
        text-align: center; }
      .featureSection#section3 .featureSection_innerWrap .featureSection_inner:first-of-type .pantsStyle_title_color {
        display: block;
        padding-bottom: 7px; }
      .featureSection#section3 .featureSection_innerWrap .featureSection_inner:first-of-type .pantsStyle_title_delimiter {
        display: inline-block;
        margin-left: 0;
        margin-top: 0; } }

.featureSection_innerWrap {
  position: relative; }
  @media only screen and (min-width: 861px) {
    #section3 .featureSection_innerWrap {
      width: 1040px;
      margin: 0 auto; } }

@media only screen and (min-width: 861px) {
  .featureSection_inner {
    width: 1040px;
    margin-top: 100px;
    gap: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #section3 .featureSection_inner {
      width: 1130px; } }

@media only screen and (max-width: 861px) {
  .featureSection_inner {
    margin-top: 56px; }
    #section4 .featureSection_inner {
      padding: 0 40px;
      margin-top: 46px !important; } }

.featureSection_inner + .featureSection_inner {
  margin-top: 80px; }
  @media only screen and (max-width: 861px) {
    .featureSection_inner + .featureSection_inner {
      margin-top: 64px; } }

#section3 .featureSection_inner:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-left: auto; }

#section4 .featureSection_inner {
  margin: 100px auto 0; }
  @media only screen and (min-width: 861px) {
    #section4 .featureSection_inner {
      gap: 63px; } }

/* スタイリング (セクション3) */
@media only screen and (min-width: 861px) {
  .stylingImg_listImg {
    width: 560px; } }

@media only screen and (max-width: 861px) {
  .stylingImg_listImg {
    margin-top: 13px; } }

.stylingImg_listImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

@media only screen and (min-width: 861px) {
  .stylingDetail {
    width: 410px; } }

@media only screen and (max-width: 861px) {
  .stylingDetail {
    padding: 0 40px; } }

.pantsStyle_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 861px) {
    .pantsStyle_title {
      white-space: nowrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 8px; } }

.pantsStyle_title_color,
.pantsStyle_title_type {
  font-family: "Noto Serif JP", serif;
  font-size: 24px;
  color: #9e1e2f;
  letter-spacing: .1em; }
  @media only screen and (max-width: 861px) {
    .pantsStyle_title_color,
    .pantsStyle_title_type {
      font-size: 18px; } }

.pantsStyle_title_delimiter {
  width: 15px;
  height: 15px;
  margin: 0 13px;
  margin-top: 3px; }
  @media only screen and (max-width: 861px) {
    .pantsStyle_title_delimiter {
      width: 12px;
      height: 12px;
      margin: 4px 8px 0; } }

.styling_item_type {
  font-family: "Noto Serif JP", serif;
  font-size: 24px;
  color: #9e1e2f;
  letter-spacing: .1em; }

.stylingCatch {
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  letter-spacing: .1em;
  line-height: 1.6; }
  @media only screen and (min-width: 861px) {
    .stylingCatch {
      margin-top: 32px; } }
  @media only screen and (max-width: 861px) {
    .stylingCatch {
      text-align: center;
      margin-top: 24px;
      font-size: 14px;
      line-height: 1.8; } }

.stylingText {
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  color: #1c1c1c;
  letter-spacing: .1em;
  line-height: 1.8;
  margin-top: 24px; }
  @media only screen and (max-width: 861px) {
    .stylingText {
      text-align: left;
      font-size: 12px;
      letter-spacing: .08em; } }

@media only screen and (min-width: 861px) {
  .featureSection_image {
    width: 560px; } }

.featureSection_image img {
  width: 100%; }

@media only screen and (min-width: 861px) {
  .featureSection_content {
    width: 400px; } }

@media only screen and (max-width: 861px) {
  .featureSection_content {
    margin-top: 40px; } }

.featureSection_contentTitle {
  text-align: center; }

.section_number {
  position: relative;
  text-align: center;
  font-size: 20px;
  letter-spacing: .1em;
  color: #9E1E2F;
  width: 134px;
  margin: 0 auto; }
  .section_number:after {
    content: '';
    position: absolute;
    left: 50%;
    top: -38px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 134px;
    height: 48px;
    background-size: 134px 48px;
    background-image: url("../images/pants_2504/section1_number_line.svg"); }
    #section2 .section_number:after {
      background-image: url("../images/pants_2504/section2_number_line.svg"); }
    #section3 .section_number:after {
      background-image: url("../images/pants_2504/section3_number_line.svg"); }

@media only screen and (min-width: 861px) {
  .featureSection_title-box_main {
    width: 248px; } }

@media only screen and (max-width: 861px) {
  .featureSection_title-box_main {
    width: 193px; } }

.featureSection_series {
  text-align: left;
  margin-top: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  border-bottom: 1px solid;
  padding-bottom: 15px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
  @media only screen and (min-width: 861px) {
    .featureSection_series {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; } }

.featureSection_text_title_en {
  font-family: "Noto Serif JP", serif;
  font-size: 43px;
  letter-spacing: .08em; }
  @media only screen and (max-width: 861px) {
    .featureSection_text_title_en {
      font-size: 38px; } }

.featureSection_text_title_ja {
  font-size: 29px;
  letter-spacing: .08em; }
  @media only screen and (max-width: 861px) {
    .featureSection_text_title_ja {
      font-size: 24px; } }

.featureSection_button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 80px auto 0;
  border-radius: 40px;
  color: #fff !important;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .08em;
  background-color: #9E1E2F;
  border: 1px solid #9E1E2F;
  -webkit-transition: .3s ease;
  transition: .3s ease; }
  @media only screen and (min-width: 861px) {
    .featureSection_button {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 478px;
      height: 78px; } }
  @media only screen and (max-width: 861px) {
    .featureSection_button {
      height: 62px;
      font-size: 14px;
      letter-spacing: .1em;
      line-height: 1.6;
      padding-left: 32px;
      margin: 64px 40px 0; } }
  .featureSection_button:after {
    -webkit-transition: .3s ease;
    transition: .3s ease;
    content: '';
    position: absolute;
    right: 40px;
    top: 50%;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1; }
    @media only screen and (max-width: 861px) {
      .featureSection_button:after {
        right: 24px; } }
  .featureSection_button:hover {
    color: #9E1E2F !important;
    background-color: #fff; }
    .featureSection_button:hover:after {
      border-top: 1px solid #9E1E2F;
      border-right: 1px solid #9E1E2F; }
  .featureSection_button.staffSection_button {
    background-color: transparent;
    border: 1px solid #1C1C1C;
    color: #1C1C1C !important;
    -webkit-transition: .3s ease;
    transition: .3s ease; }
    @media only screen and (max-width: 861px) {
      .featureSection_button.staffSection_button {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0; } }
    .featureSection_button.staffSection_button:after {
      border-top: 1px solid #1C1C1C;
      border-right: 1px solid #1C1C1C;
      -webkit-transition: .3s ease;
      transition: .3s ease; }
    .featureSection_button.staffSection_button:hover {
      color: #fff !important;
      background-color: #1C1C1C; }
      .featureSection_button.staffSection_button:hover:after {
        border-top: 1px solid #fff;
        border-right: 1px solid #fff; }

.featureSection_header {
  width: 400.5px;
  margin-left: 160px;
  position: relative; }

.featureSection_title-box {
  text-align: center; }

@media only screen and (min-width: 861px) {
  .featureSection_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    gap: 64px; } }

@media only screen and (max-width: 861px) {
  .featureSection_title {
    padding: 0 40px; } }

.featureSection_catchImg {
  width: 304px; }
  @media only screen and (max-width: 861px) {
    .featureSection_catchImg {
      display: block;
      width: 184px; } }

.featureSection_titleText {
  width: 621px; }
  @media only screen and (max-width: 861px) {
    .featureSection_titleText {
      width: 100%;
      margin-top: 25px; } }

.featureSection_titleNum {
  position: relative; }
  @media only screen and (min-width: 861px) {
    .featureSection_titleNum {
      width: 45px;
      height: 135px; } }
  @media only screen and (max-width: 861px) {
    .featureSection_titleNum {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 36.5px; } }
  .featureSection_titleNum::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 35px;
    width: 1px;
    height: 50px;
    background-color: #707070;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    opacity: 0; }
  .featureSection_titleNum.is-line:after {
    opacity: 1;
    -webkit-animation: sectionTitleLine .5s ease-in-out forwards;
    animation: sectionTitleLine .5s ease-in-out forwards; }
    @media only screen and (max-width: 861px) {
      .featureSection_titleNum.is-line:after {
        -webkit-animation: sectionTitleLine .5s ease-in-out forwards;
        animation: sectionTitleLine .5s ease-in-out forwards; } }

@-webkit-keyframes sectionTitleLine {
  0% {
    height: 0; }
  100% {
    height: 50px; } }

@keyframes sectionTitleLine {
  0% {
    height: 0; }
  100% {
    height: 50px; } }

.featureSection_titleNum_num {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  color: #1C1C1C;
  font-size: 12px;
  line-height: 1;
  margin: 0; }
  @media only screen and (min-width: 861px) {
    .featureSection_titleNum_num {
      position: absolute;
      top: 0;
      left: 0; } }
  @media only screen and (max-width: 861px) {
    .featureSection_titleNum_num {
      font-size: 11px; } }

.featureSection_titleNum_text {
  font-family: "Noto Serif JP", serif;
  font-size: 12px;
  letter-spacing: .2em;
  color: #1C1C1C;
  line-height: 1.5;
  margin: 0; }
  @media only screen and (min-width: 861px) {
    .featureSection_titleNum_text {
      position: absolute;
      bottom: 0;
      right: 0;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      text-orientation: mixed; } }
  @media only screen and (max-width: 861px) {
    .featureSection_titleNum_text {
      font-size: 11px;
      margin-top: 15px; } }

.featureSection_text {
  font-family: "Noto Serif JP", serif;
  font-size: 16px;
  color: #1c1c1c;
  letter-spacing: .1em;
  line-height: 1.8; }
  @media only screen and (min-width: 861px) {
    .featureSection_text {
      margin-top: 32px;
      letter-spacing: .08em; } }
  @media only screen and (max-width: 861px) {
    .featureSection_text {
      margin-top: 24px;
      font-size: 13px; } }

.featureSection_catch {
  font-family: "Noto Serif JP", serif;
  font-size: 37px;
  color: #9e1e2f;
  letter-spacing: .08em;
  white-space: nowrap; }
  @media only screen and (min-width: 861px) {
    #section1 .featureSection_catch {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: end;
      gap: 15px; } }
  @media only screen and (max-width: 861px) {
    .featureSection_catch {
      font-size: 22px;
      line-height: 1.6; } }

.featureSection_catch_text {
  margin-right: 15px;
  font-size: 34px;
  padding: 0 10px;
  --x-gradient-top: linear-gradient(90deg, #9E1E2F 0 8px, transparent 0);
  --y-gradient-left: linear-gradient(#9E1E2F 0 8px, transparent 0);
  --x-gradient-bottom: linear-gradient(90deg, transparent 0 calc(100% - 8px), #9E1E2F calc(100% - 8px));
  --y-gradient-right: linear-gradient(transparent 0 calc(100% - 8px), #9E1E2F calc(100% - 8px));
  position: relative;
  background-image: var(--x-gradient-top), var(--y-gradient-left), var(--x-gradient-bottom), var(--y-gradient-right);
  background-repeat: no-repeat;
  background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
  background-position: top, left, bottom, right; }
  @media only screen and (max-width: 861px) {
    .featureSection_catch_text {
      font-size: 22px; } }

.featureSection_features-title {
  font-size: 30px;
  letter-spacing: .08em;
  color: #9E1E2F; }
  @media only screen and (min-width: 861px) {
    .featureSection_features-title {
      line-height: 1.5; } }
  @media only screen and (max-width: 861px) {
    .featureSection_features-title {
      font-size: 22px; } }

@media only screen and (min-width: 861px) {
  .featureSection_features {
    margin-top: 80px; } }

@media only screen and (max-width: 861px) {
  .featureSection_features {
    margin-top: 40px; } }

.featureSection_features-list {
  margin-top: 40px; }
  @media only screen and (min-width: 861px) {
    .featureSection_features-list {
      white-space: nowrap; } }
  @media only screen and (max-width: 861px) {
    .featureSection_features-list {
      margin-top: 20px; } }

.featureSection_features-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px; }
  @media only screen and (min-width: 861px) {
    .featureSection_features-item img {
      width: 28px !important; } }
  @media only screen and (max-width: 861px) {
    .featureSection_features-item img {
      width: 20px !important; }
    .featureSection_features-item:last-child {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; } }
  .featureSection_features-item + .featureSection_features-item {
    margin-top: 19px; }
    @media only screen and (max-width: 861px) {
      .featureSection_features-item + .featureSection_features-item {
        margin-top: 14px; } }

.featureSection_features-text {
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  letter-spacing: .1em; }
  @media only screen and (max-width: 861px) {
    .featureSection_features-text {
      margin-top: -4px;
      font-size: 14px;
      line-height: 1.6; } }

.featureSection_products {
  margin-top: 80px; }
  @media only screen and (max-width: 861px) {
    .featureSection_products {
      margin-top: 32px; } }

.featureSection_productWrap {
  padding: 10px 0;
  border-bottom: 1px solid #DDDDDD; }

.featureSection_productInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media only screen and (min-width: 861px) {
  .featureSection_productTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px; } }

@media only screen and (max-width: 861px) {
  .featureSection_productTitle {
    text-align: left; } }

.featureSection_product-title {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: .08em; }
  @media only screen and (min-width: 861px) {
    .featureSection_product-title {
      min-width: 100px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .featureSection_product-title {
      min-width: initial !important; } }

.featureSection_productCode_price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto; }
  @media only screen and (max-width: 861px) {
    .featureSection_productCode_price {
      gap: 20px; } }

.featureSection_product-code {
  font-family: "Noto Serif JP", serif;
  font-size: 10px;
  letter-spacing: .12em; }
  @media only screen and (min-width: 861px) {
    .featureSection_product-code {
      margin-top: 4px; } }
  @media only screen and (max-width: 861px) {
    .featureSection_product-code {
      margin-top: 6px; } }

.itemArrival {
  font-family: "Noto Serif JP", serif;
  margin-top: 6px;
  font-size: 10px;
  letter-spacing: .12em; }
  @media only screen and (max-width: 861px) {
    .itemArrival {
      margin-top: 8px; } }

.featureSection_product-price {
  font-family: "Noto Sans JP", serif !important;
  font-size: 16px;
  letter-spacing: .08em; }
  @media only screen and (max-width: 861px) {
    .featureSection_product-price {
      font-size: 15px; } }

.featureSection_product-tax {
  font-family: "Noto Sans JP", serif !important;
  font-size: 10px;
  letter-spacing: .1em; }
  @media only screen and (min-width: 861px) {
    .featureSection_product-tax {
      margin-left: 7px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .featureSection_product-tax {
      display: inline !important;
      margin-left: 7px; } }
  @media only screen and (max-width: 861px) {
    .featureSection_product-tax {
      text-align: right;
      margin-top: 7px;
      display: block; } }

.featureSection_product-button {
  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;
  width: 56px;
  border: 1px solid #1C1C1C;
  color: #1C1C1C !important;
  border-radius: 19px;
  font-size: 12px;
  letter-spacing: .04em;
  font-family: "Noto Sans JP", serif !important;
  font-weight: 500;
  height: 28px;
  -webkit-transition: .3s ease;
  transition: .3s ease; }
  @media only screen and (min-width: 861px) {
    .featureSection_product-button {
      margin-left: 10px; }
      .featureSection_product-button:hover {
        background-color: #1C1C1C;
        color: #fff !important; } }
  @media only screen and (max-width: 861px) {
    .featureSection_product-button {
      font-size: 11px; } }

@-webkit-keyframes textUnderLiner {
  0% {
    width: 0%; }
  100% {
    width: 72px; } }

@keyframes textUnderLiner {
  0% {
    width: 0%; }
  100% {
    width: 72px; } }

.caution {
  font-family: "Noto Serif JP", serif;
  margin-top: 10px;
  font-size: 10px;
  letter-spacing: .12em; }
  @media only screen and (max-width: 861px) {
    .caution {
      margin-top: 8px; } }

/* セクション1 ポイント*/
.featureSection_points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  overflow: hidden; }
  @media only screen and (min-width: 861px) {
    .featureSection_points {
      width: 1040px;
      margin: 80px auto 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .featureSection_points {
      padding-right: 110px !important; } }
  @media only screen and (max-width: 861px) {
    .featureSection_points {
      padding-right: 60px;
      margin: 40px 0 0 0;
      width: 100%;
      overflow-x: scroll;
      gap: 24px; } }

@media only screen and (min-width: 861px) {
  .featureSection_point {
    width: 320px; } }

@media only screen and (max-width: 861px) {
  .featureSection_point {
    width: 68vw; }
    .featureSection_point:first-child {
      margin-left: 40px; } }

@media only screen and (min-width: 861px) {
  .featureSection_point:nth-child(2) .featureSection_point-text {
    margin-top: 30px; }
  .featureSection_point:nth-child(2) .featureSection_point-title {
    margin-top: 15px; } }

@media only screen and (max-width: 861px) {
  .featureSection_point:nth-child(2) .featureSection_point-title {
    margin-top: 20px; } }

.featureSection_point-image img {
  width: 100%; }

@media only screen and (min-width: 861px) {
  .featureSection_point-content {
    margin: 50px auto 0;
    width: 285px; } }

@media only screen and (max-width: 861px) {
  .featureSection_point-content {
    margin-top: 16px;
    padding: 0 10px;
    width: 68vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 124px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

.featureSection_point-contentInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.featureSection_point-title {
  font-size: 18px;
  font-weight: normal;
  color: #9E1E2F;
  letter-spacing: .1em;
  line-height: 1.6;
  margin-left: 75px; }
  @media only screen and (max-width: 861px) {
    .featureSection_point-title {
      font-size: 15px;
      letter-spacing: .08em;
      line-height: 1.5;
      margin-left: 65px; } }

.featureSection_point-text {
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .1em; }
  @media only screen and (min-width: 861px) {
    .featureSection_point-text {
      margin: 16.5px 0 0; } }
  @media only screen and (max-width: 861px) {
    .featureSection_point-text {
      font-size: 12px;
      letter-spacing: .08em; } }

/* スタッフ おすすめスタイル*/
@media only screen and (min-width: 861px) {
  .staffSection {
    margin: 170px auto 0;
    width: 900px; } }

@media only screen and (max-width: 861px) {
  .staffSection {
    margin-top: 118px; } }

.staffSection-title {
  font-family: "Noto Serif JP", serif;
  position: relative;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: .08em;
  text-align: center; }
  @media only screen and (max-width: 861px) {
    .staffSection-title {
      font-size: 20px; } }
  .staffSection-title:before {
    content: "";
    display: block;
    width: 1px;
    height: 39px;
    background: #707070;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: -64px;
    opacity: 0; }
    @media only screen and (max-width: 861px) {
      .staffSection-title:before {
        top: -60px; } }
  .staffSection-title.is-line:before {
    opacity: 1;
    -webkit-animation: voiceTitleLine .5s ease-in-out forwards;
    animation: voiceTitleLine .5s ease-in-out forwards; }
    @media only screen and (max-width: 861px) {
      .staffSection-title.is-line:before {
        -webkit-animation: voiceTitleLine .5s ease-in-out forwards;
        animation: voiceTitleLine .5s ease-in-out forwards; } }

.staffSection-list {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (max-width: 861px) {
    .staffSection-list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 32px 20px 0;
      gap: 24px 20px; } }

@media only screen and (min-width: 861px) {
  .staffSection-item {
    width: 210px; } }

@media only screen and (max-width: 861px) {
  .staffSection-item {
    width: 47%; } }

.staffSection-itemLink {
  display: block; }
  @media only screen and (min-width: 861px) {
    .staffSection-itemLink {
      -webkit-transition: all .5s;
      transition: all .5s; }
      .staffSection-itemLink:hover {
        opacity: .7; } }

@media only screen and (min-width: 861px) {
  .staffSection-image {
    width: 210px; } }

.staffSection-color {
  font-family: "Noto Serif JP", serif;
  margin-top: 13px;
  font-size: 11px;
  letter-spacing: .1em; }
  @media only screen and (max-width: 861px) {
    .staffSection-color {
      margin-top: 8px; } }

.staffSection-staffInfo {
  font-family: "Noto Serif JP", serif;
  margin-top: 11px;
  font-size: 11px;
  letter-spacing: .1em;
  line-height: 2.18; }
  @media only screen and (max-width: 861px) {
    .staffSection-staffInfo {
      margin-top: 8px;
      line-height: 1.6; } }

.staffSection-button {
  position: relative;
  padding: 22px 0;
  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: 1px solid #1C1C1C;
  border-radius: 4px;
  color: #1C1C1C;
  font-size: 18px;
  letter-spacing: .08em;
  -webkit-transition: .3s ease;
  transition: .3s ease; }
  @media only screen and (min-width: 861px) {
    .staffSection-button {
      margin: 78px auto 0;
      width: 398px; }
      .staffSection-button:hover {
        background-color: #1C1C1C;
        color: #fff !important; }
        .staffSection-button:hover:after {
          border-top: 1px solid #fff;
          border-right: 1px solid #fff; } }
  @media only screen and (max-width: 861px) {
    .staffSection-button {
      margin: 40px 40px 0;
      font-size: 14px;
      letter-spacing: .1em;
      padding: 16px 0; } }
  .staffSection-button:after {
    -webkit-transition: .3s ease;
    transition: .3s ease;
    content: '';
    position: absolute;
    right: 25px;
    top: 50%;
    border-top: 1px solid #1C1C1C;
    border-right: 1px solid #1C1C1C;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
    @media only screen and (max-width: 861px) {
      .staffSection-button:after {
        width: 8px;
        height: 8px;
        margin-top: -4px; } }

.tryOnButton {
  display: block; }
  @media only screen and (max-width: 861px) {
    .tryOnButton {
      padding: 0 10px;
      margin-top: 80px; } }
  @media only screen and (min-width: 861px) {
    .tryOnButton {
      width: 380px;
      margin: 50px auto 0;
      -webkit-transition: ease .4s;
      transition: ease .4s; }
      .tryOnButton:hover {
        opacity: .7; } }
  .tryOnButton img {
    width: 100%; }

.shopButton {
  display: block; }
  @media only screen and (max-width: 861px) {
    .shopButton {
      padding: 0 10px;
      margin: 40px 0 70px; } }
  @media only screen and (min-width: 861px) {
    .shopButton {
      width: 380px;
      margin: 30px auto 90px;
      -webkit-transition: ease .4s;
      transition: ease .4s; }
      .shopButton:hover {
        opacity: .7; } }
  .shopButton img {
    width: 100%; }

/* タイプセクション
-----------------------------------------------------------------*/
.typeSectionWrap {
  margin-top: 40px; }
  @media only screen and (min-width: 861px) {
    .typeSectionWrap {
      margin-top: 80px; } }
  .typeSectionWrap + .typeSectionWrap {
    margin-top: 60px; }
    @media only screen and (min-width: 861px) {
      .typeSectionWrap + .typeSectionWrap {
        margin-top: 120px; } }

@media only screen and (min-width: 861px) {
  .typeSection {
    width: 1200px;
    margin: 0 auto; } }

@media only screen and (max-width: 861px) {
  .typeSection {
    padding: 0 20px; } }

@media only screen and (min-width: 861px) {
  .typeContainer_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }

.tabSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

/* 縦タブ（左側） */
.tabSectionTabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  gap: 1.5px; }

.tabSectionTabs_node {
  cursor: pointer;
  color: #1C1C1C;
  background: #fff;
  font-size: 16px;
  letter-spacing: .2em;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  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;
  width: 45px;
  border-radius: 0 0 0 15px;
  border-left: 1px solid #707070;
  border-bottom: 1px solid #707070; }
  .tabSectionTabs_node:first-child {
    border-top: 1px solid #707070; }
  @media only screen and (min-width: 861px) {
    .tabSectionTabs_node {
      height: 185px; } }
  @media only screen and (max-width: 861px) {
    .tabSectionTabs_node {
      font-size: 12px; } }
  .tabSectionTabs_node:hover {
    background: #3C3C3C;
    color: #fff; }
  .tabSectionTabs_node.active {
    background: #3C3C3C;
    color: #fff; }

/* メイン画像エリア（中央） */
.tabSectionMain {
  position: relative;
  width: 400px;
  margin-left: 2px; }
  @media only screen and (max-width: 861px) {
    .tabSectionMain {
      width: 100%; } }

.mainText {
  font-family: "Noto Serif JP", serif;
  text-align: right;
  font-size: 12px;
  letter-spacing: .1em;
  position: relative;
  top: -20px;
  right: 0; }
  @media only screen and (max-width: 861px) {
    .mainText {
      position: absolute;
      font-size: 10px; } }

.tabSectionImage {
  width: 100%;
  height: auto;
  display: none; }
  @media only screen and (min-width: 861px) {
    .tabSectionImage {
      position: absolute;
      top: 0;
      left: 0; } }
  .tabSectionImage.active {
    display: block; }
  .tabSectionImage img {
    width: 100%; }

/* プラスアイコン */
.hotspot {
  cursor: pointer;
  position: absolute; }
  .hotspot:hover .hotspotIcon::before, .hotspot.active .hotspotIcon::before {
    content: "−";
    color: white;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -12px; }

.hotspot_inner {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 861px) {
    .hotspot_inner {
      gap: 4px; } }
  .hotspot_inner.hotspot-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .hotspot_inner.hotspot-reverse .hotspotIcon::before {
      left: auto;
      right: 0; }
  .hotspot_inner.hotspot-normal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
    .hotspot_inner.hotspot-normal .hotspotIcon::before {
      left: 0;
      right: auto; }

.hotspotIcon {
  width: 12px;
  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;
  font-weight: bold;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 10; }
  @media only screen and (max-width: 861px) {
    .hotspotIcon {
      width: 20px;
      height: 20px;
      font-size: 14px; } }
  .hotspotIcon::before {
    content: "+";
    color: #fff;
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -14px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }

.hotspotLine {
  border-top: 1px solid #fff;
  width: 75.5px;
  height: 1px; }
  @media only screen and (max-width: 861px) {
    .hotspotLine {
      width: 65px; } }

/* 詳細エリア（右側） */
.tabSectionDetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (min-width: 861px) {
    .tabSectionDetail {
      -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;
      margin-left: 80px;
      width: 300px; } }
  @media only screen and (max-width: 861px) {
    .tabSectionDetail {
      margin-top: 5px;
      -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;
      padding: 0 0 0 40px;
      gap: 24px; } }

.typeTitle_wrap {
  width: 227px;
  margin: 0 auto 55px; }

.typeTitle {
  text-align: center;
  font-family: "Noto Serif JP", serif;
  color: #9E1E2F;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: .08em;
  --x-gradient: linear-gradient(90deg, #9E1E2F 0 8px, transparent 0 calc(100% - 8px), #9E1E2F calc(100% - 8px));
  --y-gradient: linear-gradient(#9E1E2F 0 8px, transparent 0 calc(100% - 8px), #9E1E2F calc(100% - 8px));
  position: relative;
  background-image: var(--x-gradient), var(--y-gradient), var(--x-gradient), var(--y-gradient);
  background-repeat: no-repeat;
  background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
  background-position: top, right, bottom, left; }
  @media only screen and (min-width: 861px) {
    .typeTitle {
      margin: 0 30px;
      padding: 20px 0; } }
  @media only screen and (max-width: 861px) {
    .typeTitle {
      font-size: 22px;
      padding: 13px 50px; } }

.detailImage {
  border: 1px solid #ddd;
  overflow: hidden; }
  @media only screen and (min-width: 861px) {
    .detailImage {
      margin-top: 50.5px; } }
  @media only screen and (max-width: 861px) {
    .detailImage {
      width: 50%;
      height: auto;
      margin-top: 0; } }
  .detailImage img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.detailText {
  margin-top: 24px;
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .1em;
  color: #1C1C1C; }
  @media only screen and (max-width: 861px) {
    .detailText {
      width: 50%;
      letter-spacing: .08em;
      font-size: 12px;
      line-height: 1.6; } }

@media only screen and (min-width: 861px) {
  .selectVoice {
    margin-top: 160px; } }

@media only screen and (min-width: 861px) {
  .selectPants_list {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    gap: 64px 55px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 1072px !important;
    margin: 100px auto 0 !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; } }

@media only screen and (max-width: 861px) {
  .selectPants_list.swiper {
    margin-top: 55px;
    overflow: hidden; }
    .selectPants_list.swiper .sp-pagination {
      margin-top: 32px !important;
      position: initial !important;
      width: -webkit-fit-content !important;
      width: -moz-fit-content !important;
      width: fit-content !important; }
      .selectPants_list.swiper .sp-pagination .swiper-pagination-bullet {
        width: 5px !important;
        height: 5px !important;
        background-color: #ddd;
        opacity: 1;
        margin: 0 9px !important; }
        .selectPants_list.swiper .sp-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
          background-color: #9E1E2F; } }

@media only screen and (max-width: 861px) {
  .selectPants_list.dn-sp {
    margin-top: 55px; } }

.selectPants_list_node {
  overflow: hidden; }
  @media only screen and (min-width: 861px) {
    .selectPants_list_node {
      width: 320px !important; } }

.selectPants_list_node_img img {
  width: 100%; }

.selectPants_list_node_content {
  position: relative;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .selectPants_list_node_content:before {
    content: "";
    display: block;
    position: absolute;
    top: -36px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 333px;
    height: 298px;
    background: #F0F0F0;
    border-radius: 50%;
    z-index: 1; }
    @media only screen and (max-width: 861px) {
      .selectPants_list_node_content:before {
        top: -25px;
        width: 100%;
        height: 237px; } }

.selectPants_list_node_title {
  position: relative;
  z-index: 2;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  letter-spacing: .1em;
  line-height: 1.5;
  color: #9E1E2F;
  min-height: 59px;
  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 only screen and (max-width: 861px) {
    .selectPants_list_node_title {
      font-size: 16px; } }

.selectPants_list_node_text {
  font-family: "Noto Serif JP", serif;
  position: relative;
  z-index: 2;
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .1em; }
  @media only screen and (max-width: 861px) {
    .selectPants_list_node_text {
      margin-top: 13px;
      font-size: 12px;
      letter-spacing: .08em; } }

.voiceList {
  margin-top: 170px; }
  @media only screen and (max-width: 861px) {
    .voiceList {
      margin-top: 94px; } }

.voiceList_title {
  text-align: center;
  margin-top: 32px; }
  .voiceList_title:before {
    content: "";
    display: block;
    width: 1px;
    height: 39px;
    background: #707070;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: -64px;
    opacity: 0; }
    @media only screen and (max-width: 861px) {
      .voiceList_title:before {
        top: -60px; } }
  .voiceList_title.is-line:before {
    opacity: 1;
    -webkit-animation: voiceTitleLine .5s ease-in-out forwards;
    animation: voiceTitleLine .5s ease-in-out forwards; }
    @media only screen and (max-width: 861px) {
      .voiceList_title.is-line:before {
        -webkit-animation: voiceTitleLine .5s ease-in-out forwards;
        animation: voiceTitleLine .5s ease-in-out forwards; } }

@-webkit-keyframes voiceTitleLine {
  0% {
    height: 0; }
  100% {
    height: 39px; } }

@keyframes voiceTitleLine {
  0% {
    height: 0; }
  100% {
    height: 39px; } }

.voiceList_title_en {
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
  font-size: 32px;
  letter-spacing: .08em; }
  @media only screen and (max-width: 861px) {
    .voiceList_title_en {
      font-size: 22px; } }

.voiceList_title_ja {
  font-family: "Noto Serif JP", serif;
  margin-top: 12px;
  font-size: 20px;
  letter-spacing: .08em; }
  @media only screen and (max-width: 861px) {
    .voiceList_title_ja {
      margin-top: 9px;
      font-size: 18px; } }

.voiceList_slider {
  margin-top: 64px; }
  @media only screen and (max-width: 861px) {
    .voiceList_slider {
      margin-top: 32px;
      overflow: hidden; }
      .voiceList_slider .sp-pagination {
        margin-top: 24px;
        text-align: center; }
        .voiceList_slider .sp-pagination .swiper-pagination-bullet {
          width: 8px;
          height: 8px;
          background-color: #ddd;
          opacity: 1;
          margin: 0 4px; }
          .voiceList_slider .sp-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-color: #9E1E2F; } }

@media only screen and (min-width: 861px) {
  .voiceList_slider_node {
    width: calc((100% - 64px) / 5);
    -ms-flex-negative: 0;
    flex-shrink: 0; } }

.voiceList_captionWrap {
  position: relative;
  background-color: #fff;
  padding: 0 30px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 160px; }
  @media only screen and (max-width: 861px) {
    .voiceList_captionWrap {
      padding: 0 20px;
      min-height: 120px; } }
  .voiceList_captionWrap:after {
    content: "";
    display: block;
    position: absolute;
    left: -16px;
    bottom: -5px;
    height: calc(49px / 2);
    width: 49px;
    -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.voiceList_caption {
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em; }
  @media only screen and (max-width: 861px) {
    .voiceList_caption {
      font-size: 12px; } }

.voiceList_info {
  margin-top: 24px;
  padding-left: 55px; }
  @media only screen and (max-width: 861px) {
    .voiceList_info {
      margin-top: 15px;
      padding-left: 30px; } }

.voiceList_people {
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  letter-spacing: .08em; }

.voiceList_item {
  font-family: "Noto Serif JP", serif;
  margin-top: 10px;
  font-size: 14px;
  letter-spacing: .08em; }

.voiceList_slider .swiper-wrapper {
  height: auto; }

.voiceList_slider .swiper-slide {
  height: auto; }

.flamingo-pants .pageNav {
  position: relative;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  border-top: none !important; }
  @media only screen and (min-width: 861px) {
    .flamingo-pants .pageNav {
      margin: 58px auto 0;
      height: 45px !important; } }
  @media only screen and (max-width: 861px) {
    .flamingo-pants .pageNav {
      display: none; } }
  .flamingo-pants .pageNav .pc-pagination.swiper-pagination {
    position: initial !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important; }
  .flamingo-pants .pageNav .pc-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #ddd;
    opacity: 1;
    margin: 0 8px; }
    .flamingo-pants .pageNav .pc-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #9E1E2F; }
  .flamingo-pants .pageNav .swiper-button-prev,
  .flamingo-pants .pageNav .swiper-button-next {
    position: absolute;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    width: 42px !important;
    height: 42px !important;
    margin-top: 0 !important;
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 50%;
    color: #1C1C1C !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-image: none !important; }
    .flamingo-pants .pageNav .swiper-button-prev:after,
    .flamingo-pants .pageNav .swiper-button-next:after {
      font-size: 18px !important;
      width: initial !important;
      height: initial !important; }
    .flamingo-pants .pageNav .swiper-button-prev:hover,
    .flamingo-pants .pageNav .swiper-button-next:hover {
      opacity: .7; }
  .flamingo-pants .pageNav .swiper-button-prev {
    left: -70px !important; }
  .flamingo-pants .pageNav .swiper-button-next {
    right: -70px !important; }

@media only screen and (min-width: 861px) {
  .flamingo-pants .sp-pagination {
    display: none; } }

@media only screen and (max-width: 861px) {
  .flamingo-pants .sp-pagination {
    margin-top: 32px !important;
    position: initial !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    padding-left: 40px !important; }
    .flamingo-pants .sp-pagination .swiper-pagination-bullet {
      width: 5px !important;
      height: 5px !important;
      background-color: #ddd;
      opacity: 1;
      margin: 0 9px !important; }
      .flamingo-pants .sp-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #9E1E2F; } }