@charset "UTF-8";
@media screen and (max-width: 828px) {
  .commonWidth-sp {
    width: 88.4057971014%;
    margin-right: auto;
    margin-left: auto;
  }
}

/**
 * Fonts
 */
/*
$fonts: (
  Minamoto : 'source-han-sans-japanese, sans-serif', // 700 -> bold, 500 -> Medium, 400 -> Regular
  Niveau   : 'niveau-grotesk, sans-serif', // 700 -> bold, 500 -> Medium, 400 -> Regular
  Roboto   : 'roboto, sans-serif', // 700 -> bold, 500 -> Medium, 400 -> Regular
  Mincho   : 'source-han-serif-japanese, serif',
  Expo     : 'expo-serif-pro, serif', // 300 -> light,
  Futura   : 'futura-pt, sans-serif', // 300 -> light,
  NotoSans: 'noto-sans, sans-serif', // 100 -> thin, 400 -> Regular, 700 -> Bold
  TBNPMincho: 'tbnpmincho-std, serif', // 300 -> Regular
);

@mixin get_webfont( $font, $weight, $style: normal ) {
  $fonts: (
  Minamoto : 'source-han-sans-japanese, sans-serif', // 700 -> bold, 500 -> Medium, 400 -> Regular
  Niveau   : 'niveau-grotesk, sans-serif', // 700 -> bold, 500 -> Medium, 400 -> Regular
  Roboto   : 'roboto, sans-serif', // 700 -> bold, 500 -> Medium, 400 -> Regular
  Mincho   : 'source-han-serif-japanese, serif',
  Expo     : 'expo-serif-pro, serif', // 300 -> light,
  Futura   : 'futura-pt, sans-serif', // 300 -> light,
  NotoSans: 'noto-sans, sans-serif', // 100 -> thin, 400 -> Regular, 700 -> Bold
  TBNPMincho: 'tbnpmincho-std, serif', // 300 -> Regular
  );

  font-family: unquote( map-get( $fonts, $font ) );
  font-weight: $weight;
  font-style: $style;
  @content;
}
*/
*, *::before, *::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: none;
  position: relative;
}

a, a:link, a:visited, a:hover, a:active {
  -webkit-text-decoration-skip: objects;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

a {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 829px) {
  a {
    transition: 0.3s;
  }
}

:focus {
  outline: 0;
}

ol, ul {
  list-style: none;
  list-style-type: none;
}

table, tr, th, td {
  border-collapse: separate;
  border-spacing: 0;
}

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

/*
h1,h2,h3,h4,h5,h6 {
	font-size: inherit;
	font-weight: inherit;
}
*/
/**/
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=file],
input[type=submit],
input[type=image],
input[type=reset],
input[type=button],
button,
textarea,
select {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  border-radius: 0;
  overflow: visible;
  text-transform: none;
}

select::-ms-expand {
  display: none;
}

menu {
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  cursor: pointer;
}
@media screen and (min-width: 829px) {
  button {
    transition: 0.3s;
  }
}

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

:root {
  min-height: 0vw;
}

html {
  width: 100%;
  height: 100%;
  font-size: 62.5%;
  position: relative;
  /*
  visibility: hidden; //Webフォント読み込み時の再描画ちらつき防止
  &.wf-active {
    visibility: visible; //Webフォント読み込み時の再描画ちらつき防止
  }
  */
}

body {
  position: relative;
  height: 100%;
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #333333;
  word-break: break-all;
}
@media screen and (max-width: 1366px) {
  body {
    font-size: 1.1713030747vw;
  }
}
@media screen and (max-width: 828px) {
  body {
    font-size: 3.8647342995vw;
    letter-spacing: 0.04em;
  }
}

.main {
  overflow: hidden;
  padding-top: 60px;
}
@media screen and (max-width: 1366px) {
  .main {
    padding-top: 4.39238653vw;
  }
}
@media screen and (max-width: 828px) {
  .main {
    padding-top: 15.9420289855vw;
  }
}

.show {
  display: block;
}
@media screen and (max-width: 828px) {
  .show-pc {
    display: none !important;
  }
}
.show-sp {
  display: none !important;
}
@media screen and (max-width: 828px) {
  .show-sp {
    display: block !important;
  }
}

.show-sp-chrome {
  display: none !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1366px) {
  .show-sp-chrome {
    display: block !important;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 828px) {
  .show-sp-chrome {
    display: none !important;
  }
}
@-moz-document url-prefix() {
  @media screen and (max-width: 1366px) {
    .show-sp-chrome {
      display: none !important;
    }
  }
}
.commonWidth {
  /*
  &-sp {
    @include bp( max, 828px ) {
      width: 88.40579710144928%;
      margin-right: auto;
      margin-left: auto;
    }
  }
  */
}
.commonWidth-wide {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 1366px;
}
@media screen and (max-width: 828px) {
  .commonWidth-wide {
    width: 100%;
  }
}
.commonWidth-middle {
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px;
}
@media screen and (max-width: 1366px) {
  .commonWidth-middle {
    max-width: 87.8477306003vw;
  }
}
@media screen and (max-width: 828px) {
  .commonWidth-middle {
    max-width: 84.5410628019%;
  }
}
.commonWidth-narrow {
  margin-right: auto;
  margin-left: auto;
  width: 960px;
}
@media screen and (max-width: 1366px) {
  .commonWidth-narrow {
    width: 70.2781844802vw;
  }
}
@media screen and (max-width: 828px) {
  .commonWidth-narrow {
    width: 84.5410628019%;
  }
}
.commonWidth-narrowest {
  margin-right: auto;
  margin-left: auto;
  width: 640px;
}
@media screen and (max-width: 1366px) {
  .commonWidth-narrowest {
    width: 46.8521229868vw;
  }
}
@media screen and (max-width: 828px) {
  .commonWidth-narrowest {
    width: 88.4057971014%;
  }
}

.commonTitle-section {
  padding: 2rem;
  border-bottom: 1px solid #333333;
}
@media screen and (min-width: 829px) {
  .commonTitle-section {
    padding: 2rem;
  }
}
@media screen and (max-width: 828px) {
  .commonTitle-section {
    padding: 1rem 1rem 1rem w_sp(24);
  }
}
.commonTitle-section em {
  font-size: clamp(2.6rem, 2.527rem + 0.31vw, 2.8rem);
  font-family: mrs-eaves,serif;
  font-weight: 500;
  font-style: normal;
}
.commonTitle-section span {
  font-size: 14px;
}
.commonTitle-lineLeft {
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-left: 24px;
  font-size: 2.4rem;
  letter-spacing: 0.14em;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 1366px) {
  .commonTitle-lineLeft {
    padding-left: 1.756954612vw;
    font-size: 1.756954612vw;
  }
}
@media screen and (max-width: 828px) {
  .commonTitle-lineLeft {
    padding-left: 5.7971014493vw;
    font-size: 4.8309178744vw;
    line-height: 1.2;
  }
}
.commonTitle-lineLeft::before {
  content: "";
  width: 16px;
  height: 4px;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 1366px) {
  .commonTitle-lineLeft::before {
    width: 1.1713030747vw;
    height: 0.2928257687vw;
  }
}
@media screen and (max-width: 828px) {
  .commonTitle-lineLeft::before {
    width: 3.8647342995vw;
    height: 0.4830917874vw;
  }
}

.commonButton {
  border: 1px solid #1D1D1F;
  width: 340px;
  height: 64px;
  border-radius: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: center;
  /*  */
}
@media screen and (max-width: 1366px) {
  .commonButton {
    width: 24.8901903367vw;
    height: 4.6852122987vw;
    padding: 0 1.1713030747vw;
    border-radius: 4.6852122987vw;
  }
}
@media screen and (max-width: 828px) {
  .commonButton {
    width: 67.6328502415vw;
    height: 13.5265700483vw;
    padding: 0 2.4154589372vw;
    border-radius: 13.5265700483vw;
  }
}
.commonButton:not(.noicon):before {
  content: "";
  background: url(../img/common/arrow2_white.svg) no-repeat center center/contain;
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
  pointer-events: none;
}
@media screen and (min-width: 829px) {
  .commonButton:hover {
    background: #1D1D1F;
    color: #fff;
  }
  .commonButton:hover::before {
    border-top-color: #fff;
    border-right-color: #fff;
  }
}
.commonButton-back {
  justify-content: center;
  width: 300px;
  padding-left: 0;
}
@media screen and (max-width: 1366px) {
  .commonButton-back {
    width: 21.9619326501vw;
  }
}
@media screen and (max-width: 828px) {
  .commonButton-back {
    width: 80%;
  }
}
.commonButton-back::before {
  right: auto;
  left: 16px;
  transform: rotate(180deg);
}
.commonButton-black {
  background: #000;
  color: #fff;
}
.commonButton.-scaleIcon {
  width: 260px;
  padding-left: 32px;
}
@media screen and (max-width: 1366px) {
  .commonButton.-scaleIcon {
    width: 19.0336749634vw;
    padding-left: 2.3426061493vw;
  }
}
@media screen and (max-width: 828px) {
  .commonButton.-scaleIcon {
    width: 57.9710144928vw;
    padding-left: 3.8647342995vw;
  }
}
.commonButton.-scaleIcon::before {
  content: "";
  background: url(../img/common/icon_scale.svg) no-repeat center center/contain;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 24px;
  right: auto;
  margin: auto;
}
@media screen and (max-width: 1366px) {
  .commonButton.-scaleIcon::before {
    width: 1.9033674963vw;
    height: 1.9033674963vw;
    left: 1.756954612vw;
  }
}
@media screen and (max-width: 828px) {
  .commonButton.-scaleIcon::before {
    width: 4.8309178744vw;
    height: 4.8309178744vw;
    left: 5.7971014493vw;
  }
}
.commonButton.-shopIcon {
  width: 260px;
  padding-left: 32px;
}
@media screen and (max-width: 1366px) {
  .commonButton.-shopIcon {
    width: 19.0336749634vw;
    padding-left: 2.3426061493vw;
  }
}
@media screen and (max-width: 828px) {
  .commonButton.-shopIcon {
    width: 57.9710144928vw;
    padding-left: 3.8647342995vw;
  }
}
.commonButton.-shopIcon::before {
  content: "";
  background: url(../img/common/icon_shop.svg) no-repeat center center/contain;
  width: 21px;
  height: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 24px;
  right: auto;
  margin: auto;
}
@media screen and (max-width: 1366px) {
  .commonButton.-shopIcon::before {
    width: 1.5373352855vw;
    height: 1.756954612vw;
    left: 1.756954612vw;
  }
}
@media screen and (max-width: 828px) {
  .commonButton.-shopIcon::before {
    width: 5.0724637681vw;
    height: 5.7971014493vw;
    left: 5.7971014493vw;
  }
}

.--arr {
  display: inline-block;
  margin-left: 1rem;
  width: 3.6rem;
}

.director_header {
  margin-top: -112px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
@media screen and (max-width: 1366px) {
  .director_header {
    margin-top: -8.1991215227vw;
  }
}
@media screen and (max-width: 828px) {
  .director_header {
    display: block;
    margin-top: -7.729468599vw;
  }
}
.director_image {
  order: 2;
  max-width: 667px;
  margin-left: 80px;
}
@media screen and (max-width: 1366px) {
  .director_image {
    margin-left: 5.8565153734vw;
  }
}
@media screen and (max-width: 828px) {
  .director_image {
    margin: 0;
  }
}
.director_information {
  order: 1;
}
@media screen and (max-width: 828px) {
  .director_information {
    margin-top: 5.7971014493vw;
  }
}
.director_profileWrapper {
  display: flex;
  justify-content: flex-end;
}
.director_profile {
  max-width: 667px;
  margin-top: 24px;
  display: flex;
}
@media screen and (max-width: 1366px) {
  .director_profile {
    margin-top: 1.756954612vw;
  }
}
@media screen and (max-width: 828px) {
  .director_profile {
    margin-top: 5.7971014493vw;
  }
}
.director_profile_title {
  padding-right: 40px;
  white-space: nowrap;
  font-weight: 700;
  font-size: 1.2rem;
}
@media screen and (max-width: 1366px) {
  .director_profile_title {
    font-size: 0.878477306vw;
    padding-right: 2.9282576867vw;
  }
}
@media screen and (max-width: 828px) {
  .director_profile_title {
    padding-right: 3.8647342995vw;
    font-size: 2.8985507246vw;
  }
}
.director_profile_title::before {
  content: "";
  width: 1px;
  height: 100%;
  background: #1D1D1F;
  position: absolute;
  top: 0;
  right: 0;
}
.director_profile_text {
  padding-left: 24px;
  font-size: 1.2rem;
  line-height: 2;
}
@media screen and (max-width: 1366px) {
  .director_profile_text {
    padding-left: 2.9282576867vw;
    font-size: 0.878477306vw;
  }
}
@media screen and (max-width: 828px) {
  .director_profile_text {
    padding-left: 4.8309178744vw;
    font-size: 2.8985507246vw;
  }
}
.director_comment {
  margin-top: 48px;
}
.director_comment_title {
  position: absolute;
  top: -8px;
  left: 0;
  background: #fff;
  padding-right: 16px;
  white-space: nowrap;
  font-weight: 700;
  font-size: 1.2rem;
  z-index: 1;
}
@media screen and (max-width: 1366px) {
  .director_comment_title {
    font-size: 0.878477306vw;
    top: -0.5856515373vw;
  }
}
@media screen and (max-width: 828px) {
  .director_comment_title {
    font-size: 2.8985507246vw;
    top: -2.1739130435vw;
  }
}
.director_comment .columnText {
  display: flex;
  justify-content: space-between;
  padding: 24px 0;
  border-top: 1px solid #1D1D1F;
  border-bottom: 1px solid #1D1D1F;
}
@media screen and (max-width: 1366px) {
  .director_comment .columnText {
    padding: 1.756954612vw 0;
  }
}
@media screen and (max-width: 828px) {
  .director_comment .columnText {
    padding: 5.7971014493vw 0;
    display: block;
  }
}
.director_comment .columnText_block {
  width: 48%;
}
@media screen and (max-width: 828px) {
  .director_comment .columnText_block {
    width: 100%;
  }
}
.director_comment .columnText_text {
  line-height: 2;
}
@media screen and (max-width: 828px) {
  .director_comment .columnText_text {
    font-size: 3.3816425121vw;
  }
}
.director_comment .columnText_text:not(:first-child) {
  margin-top: 24px;
}
@media screen and (max-width: 1366px) {
  .director_comment .columnText_text:not(:first-child) {
    margin-top: 1.756954612vw;
  }
}
@media screen and (max-width: 828px) {
  .director_comment .columnText_text:not(:first-child) {
    margin-top: 5.7971014493vw;
  }
}
.director .directorPosition {
  margin-bottom: 8px;
  font-size: 1.2rem;
  line-height: 1;
}
@media screen and (max-width: 1366px) {
  .director .directorPosition {
    margin-bottom: 0.5856515373vw;
    font-size: 0.878477306vw;
  }
}
@media screen and (max-width: 828px) {
  .director .directorPosition {
    margin-bottom: 0.9661835749vw;
    font-size: 2.8985507246vw;
  }
}
.director .directorName#tetsuya-mugishima {
  margin-top: 16px;
}
@media screen and (max-width: 1366px) {
  .director .directorName#tetsuya-mugishima {
    margin-top: 1.1713030747vw;
  }
}
@media screen and (max-width: 828px) {
  .director .directorName#tetsuya-mugishima {
    margin-top: 1.9323671498vw;
  }
}
.director .directorName_jp {
  font-size: 4.2rem;
  letter-spacing: 0.12em;
  font-weight: 700;
}
@media screen and (max-width: 1366px) {
  .director .directorName_jp {
    font-size: 1.6105417277vw;
  }
}
@media screen and (max-width: 828px) {
  .director .directorName_jp {
    font-size: 8.9371980676vw;
  }
}
.director .directorName_en {
  margin-top: 4px;
  font-size: 1.2rem;
  letter-spacing: 0.06em;
  font-family: mrs-eaves,serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 1366px) {
  .director .directorName_en {
    margin-top: 0.2928257687vw;
    font-size: 0.878477306vw;
  }
}
@media screen and (max-width: 828px) {
  .director .directorName_en {
    margin-top: 0vw;
    font-size: 2.8985507246vw;
  }
}
.director .description {
  margin-top: 48px;
}
@media screen and (max-width: 1366px) {
  .director .description {
    margin-top: 3.513909224vw;
  }
}
@media screen and (max-width: 828px) {
  .director .description {
    display: block;
    margin-top: 11.5942028986vw;
  }
}
.director .description_title {
  margin-bottom: 20px;
  font-weight: 700;
  padding-left: 24px;
}
@media screen and (max-width: 1366px) {
  .director .description_title {
    margin-bottom: 1.4641288433vw;
    padding-left: 1.756954612vw;
  }
}
@media screen and (max-width: 828px) {
  .director .description_title {
    margin-bottom: 4.8309178744vw;
    padding-left: 5.7971014493vw;
  }
}
.director .description_title::before {
  content: "";
  width: 16px;
  height: 2px;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 1366px) {
  .director .description_title::before {
    width: 1.1713030747vw;
    height: 0.1464128843vw;
  }
}
@media screen and (max-width: 828px) {
  .director .description_title::before {
    width: 3.8647342995vw;
    height: 0.4830917874vw;
  }
}

.artistList {
  display: flex;
  flex-wrap: wrap;
  margin: -40px 0 0 -24px;
}
@media screen and (max-width: 1366px) {
  .artistList {
    margin: -2.9282576867vw 0 0 -1.756954612vw;
  }
}
@media screen and (max-width: 828px) {
  .artistList {
    justify-content: space-between;
    margin: -9.6618357488vw 0 0 0;
  }
}
.artistList_item {
  width: 222px;
  margin: 40px 0 0 24px;
}
@media screen and (max-width: 1366px) {
  .artistList_item {
    width: 16.2518301611vw;
    margin: 2.9282576867vw 0 0 1.756954612vw;
  }
}
@media screen and (max-width: 828px) {
  .artistList_item {
    width: 37.6811594203vw;
    margin: 4.8309178744vw 0 0 0;
  }
}
.artistList_image {
  width: 222px;
  height: 222px;
}
@media screen and (max-width: 1366px) {
  .artistList_image {
    width: 16.2518301611vw;
    height: 16.2518301611vw;
  }
}
@media screen and (max-width: 828px) {
  .artistList_image {
    width: 37.6811594203vw;
    height: 37.6811594203vw;
  }
}
.artistList_name {
  margin-top: 24px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 1366px) {
  .artistList_name {
    margin-top: 1.756954612vw;
  }
}
@media screen and (max-width: 828px) {
  .artistList_name {
    margin-top: 3.8647342995vw;
  }
}

.tabContent {
  margin-top: 56px;
}
@media screen and (max-width: 1366px) {
  .tabContent {
    margin-top: 4.0995607613vw;
  }
}
@media screen and (max-width: 828px) {
  .tabContent {
    display: block;
    margin-top: 7.729468599vw;
  }
}
.tabContent_headerWrapper {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 828px) {
  .tabContent_headerWrapper {
    justify-content: flex-start;
  }
}
.tabContent_header {
  display: flex;
  align-items: center;
}
.tabContent_title {
  font-size: 1.2rem;
  padding-right: 96px;
  margin-right: 16px;
  white-space: nowrap;
}
@media screen and (max-width: 1366px) {
  .tabContent_title {
    padding-right: 7.027818448vw;
    margin-right: 1.1713030747vw;
    font-size: 0.878477306vw;
  }
}
@media screen and (max-width: 828px) {
  .tabContent_title {
    padding-right: 9.6618357488vw;
    margin-right: 1.9323671498vw;
    font-size: 2.8985507246vw;
  }
}
.tabContent_title::before {
  content: "";
  width: 80px;
  height: 1px;
  background: #1D1D1F;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 1366px) {
  .tabContent_title::before {
    width: 5.8565153734vw;
  }
}
@media screen and (max-width: 828px) {
  .tabContent_title::before {
    width: 7.729468599vw;
  }
}
.tabContent_navi {
  display: flex;
  align-items: center;
}
.tabContent_navi .commonButton {
  width: 280px;
  height: 40px;
  font-size: 1.2rem;
  font-family: "Noto Serif JP", sans-serif;
}
@media screen and (max-width: 1366px) {
  .tabContent_navi .commonButton {
    width: 14.6412884334vw;
    height: 2.9282576867vw;
    font-size: 0.878477306vw;
  }
}
@media screen and (max-width: 828px) {
  .tabContent_navi .commonButton {
    width: 28.9855072464vw;
    height: 9.6618357488vw;
    font-size: 2.8985507246vw;
  }
}
.tabContent_navi_item {
  cursor: pointer;
  font-weight: 700;
  color: #1D1D1F;
  transition: 0.3s;
}
.tabContent_navi_item.is-active a,
.tabContent_navi_item.is-active button {
  color: #fff;
  background: #1D1D1F;
}
.tabContent_navi_item:not(:first-child) {
  margin-left: 16px;
}
@media screen and (max-width: 1366px) {
  .tabContent_navi_item:not(:first-child) {
    margin-left: 1.1713030747vw;
  }
}
@media screen and (max-width: 828px) {
  .tabContent_navi_item:not(:first-child) {
    margin-left: 1.9323671498vw;
  }
}
.tabContent_main {
  /*
  width: 890px;
  min-width: 890px;
  @include bp( max, 1366px ) {
    width: vw_pc( 890 );
    min-width: vw_pc( 890 );
  }
  @include bp( max, 828px ) {
    width: 100%;
    min-width: auto;
  }
  */
}
.tabContent_main_item {
  display: none;
}
.tabContent_main_item.is-active {
  display: block;
}

.imageSlider_container {
  width: 800px;
}
@media screen and (max-width: 1366px) {
  .imageSlider_container {
    width: 58.5651537335vw;
  }
}
@media screen and (max-width: 828px) {
  .imageSlider_container {
    width: 100%;
  }
}
.imageSlider_button {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 828px) {
  .imageSlider_button {
    top: 100%;
    margin-top: 1.9323671498vw;
    z-index: 11;
  }
}
.imageSlider_button .swiper-button-prev,
.imageSlider_button .swiper-button-next {
  position: absolute;
  background-image: none;
  width: 40px;
  height: 40px;
  top: 0;
  margin: 0;
  /*
  &::before {
    content: "";
    width: 18px;
    height: 18px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    @include bp( max, 1440px ) {
      width: vw_pc( 18 );
      height: vw_pc( 18 );
      border-top: solid vw_pc( 2 ) #fff;
      border-right: solid vw_pc( 2 ) #fff;
    }
    @include bp( max, 828px ) {
      width: vw_sp( 18 );
      height: vw_sp( 18 );
      border-top: solid vw_sp( 2 ) #fff;
      border-right: solid vw_sp( 2 ) #fff;
    }
  }
  */
  /*
  &:hover {
    @include bp( min, 829px ) {
    }
  }
  */
}
@media screen and (max-width: 1366px) {
  .imageSlider_button .swiper-button-prev,
  .imageSlider_button .swiper-button-next {
    width: 2.9282576867vw;
    height: 2.9282576867vw;
  }
}
@media screen and (max-width: 828px) {
  .imageSlider_button .swiper-button-prev,
  .imageSlider_button .swiper-button-next {
    width: 7.729468599vw;
    height: 7.729468599vw;
  }
}
.imageSlider_button .swiper-button-prev {
  background: url(../img/common/arrow_button_black.svg) no-repeat center top/contain;
  left: 0px;
  transform: rotate(180deg);
  /*
  &::before {
    right: 7px;
    transform: rotate(45deg);
    @include bp( max, 1440px ) {
      right: vw_pc( 7 );
    }
    @include bp( max, 828px ) {
      right: vw_sp( 7 );
    }
  }
  */
}
.imageSlider_button .swiper-button-next {
  background: url(../img/common/arrow_button_black.svg) no-repeat center top/contain;
  right: 0px;
  /*
  &::before {
    left: 7px;
    transform: rotate(225deg);
    @include bp( max, 1440px ) {
      left: vw_pc( 7 );
    }
    @include bp( max, 828px ) {
      left: vw_sp( 7 );
    }
  }
  */
}
.imageSlider_pagination {
  margin-top: 32px;
  height: 12px;
}
@media screen and (max-width: 1366px) {
  .imageSlider_pagination {
    margin-top: 2.3426061493vw;
    height: 0.878477306vw;
  }
}
@media screen and (max-width: 828px) {
  .imageSlider_pagination {
    margin-top: 5.7971014493vw;
    height: 2.8985507246vw;
    display: flex;
    align-items: center;
  }
}
.imageSlider_pagination .swiper-pagination {
  line-height: 0;
  width: 100%;
  height: 14px;
  margin: auto;
}
@media screen and (max-width: 1366px) {
  .imageSlider_pagination .swiper-pagination {
    height: 1.0248901903vw;
  }
}
@media screen and (max-width: 828px) {
  .imageSlider_pagination .swiper-pagination {
    height: 5.3140096618vw;
  }
}
.imageSlider_pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #000;
}
@media screen and (max-width: 1366px) {
  .imageSlider_pagination .swiper-pagination-bullet {
    width: 0.7320644217vw;
    height: 0.7320644217vw;
  }
}
@media screen and (max-width: 828px) {
  .imageSlider_pagination .swiper-pagination-bullet {
    width: 2.4154589372vw;
    height: 2.4154589372vw;
  }
}
.imageSlider_pagination .swiper-pagination-bullet:not(:first-child) {
  margin-left: 15px;
}
@media screen and (max-width: 1366px) {
  .imageSlider_pagination .swiper-pagination-bullet:not(:first-child) {
    margin-left: 1.0980966325vw;
  }
}
@media screen and (max-width: 828px) {
  .imageSlider_pagination .swiper-pagination-bullet:not(:first-child) {
    margin-left: 2.4154589372vw;
  }
}

.backButton {
  display: table;
  margin: 76px auto;
}
@media screen and (max-width: 1366px) {
  .backButton {
    margin-top: 5.5636896047vw;
    margin-bottom: 5.5636896047vw;
  }
}
@media screen and (max-width: 828px) {
  .backButton {
    margin-top: 11.1111111111vw;
    margin-bottom: 11.1111111111vw;
  }
}
.backButton .commonButton {
  width: 300px;
  border-radius: 80px;
}
@media screen and (max-width: 1366px) {
  .backButton .commonButton {
    width: 21.9619326501vw;
    border-radius: 5.8565153734vw;
  }
}
@media screen and (max-width: 828px) {
  .backButton .commonButton {
    width: 62.8019323671vw;
    border-radius: 15.4589371981vw;
  }
}
.backButton .commonButton::before {
  right: auto;
  left: 16px;
}
@media screen and (max-width: 1366px) {
  .backButton .commonButton::before {
    left: 1.1713030747vw;
  }
}
@media screen and (max-width: 828px) {
  .backButton .commonButton::before {
    left: 3.8647342995vw;
  }
}
.backButton .commonButton::after {
  right: auto;
  left: 24px;
  transform: rotate(225deg);
}
@media screen and (max-width: 1366px) {
  .backButton .commonButton::after {
    left: 1.756954612vw;
  }
}
@media screen and (max-width: 828px) {
  .backButton .commonButton::after {
    left: 5.7971014493vw;
  }
}

.categoryList {
  display: flex;
  flex-wrap: wrap;
}
.categoryList_item {
  background: #1D1D1F;
  display: flex;
  height: 27px;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 1366px) {
  .categoryList_item {
    height: 1.9765739385vw;
    padding: 0 0.5856515373vw;
    font-size: 0.878477306vw;
  }
}
@media screen and (max-width: 828px) {
  .categoryList_item {
    height: 6.5217391304vw;
    padding: 0 1.9323671498vw;
    font-size: 2.8985507246vw;
  }
}

.hover-scaleImage .scaleImage {
  overflow: hidden;
}
.hover-scaleImage .scaleImage img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  object-fit: cover;
  object-position: center;
}
@media screen and (min-width: 829px) {
  .hover-scaleImage:hover .scaleImage img {
    transform: translate(-50%, -50%) scale(1.2, 1.2);
  }
}
@media screen and (min-width: 829px) {
  .hover-opacity {
    transition: 0.3s;
  }
  .hover-opacity:hover {
    opacity: 0.5;
  }
}
@media screen and (min-width: 829px) {
  .hover-bgRed:hover {
    background: #B91D11;
  }
}
@media screen and (min-width: 829px) {
  .hover-push {
    transition: 0.2s;
  }
  .hover-push:hover {
    transform: translateY(5px);
  }
}

.archivePagination {
  display: flex;
  justify-content: center;
  background: #fff;
  margin-top: clamp(4rem, 3.127rem + 4.36vw, 6.4rem);
  margin-bottom: clamp(4rem, 3.127rem + 4.36vw, 6.4rem);
  padding-left: clamp(2.4rem, 1.926rem + 2.37vw, 4rem);
  padding-right: clamp(2.4rem, 1.926rem + 2.37vw, 4rem);
}
.archivePagination span,
.archivePagination a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-left: 10px;
  font-size: 1.6rem;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 1280px) {
  .archivePagination span,
  .archivePagination a {
    width: 3.513909224vw;
    height: 3.513909224vw;
    margin-left: 0.7320644217vw;
    font-size: 1.1713030747vw;
  }
}
@media screen and (max-width: 828px) {
  .archivePagination span,
  .archivePagination a {
    width: 9.6618357488vw;
    height: 9.6618357488vw;
    margin-left: 0.7246376812vw;
    font-size: 3.3816425121vw;
  }
}
.archivePagination *:first-child {
  margin-left: 0px;
}
.archivePagination span.current {
  opacity: 1;
  background: #000;
  color: #fff;
}
.archivePagination a.prev, .archivePagination a.next {
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1366px) {
  .archivePagination a.prev, .archivePagination a.next {
    width: 1.756954612vw;
    height: 1.756954612vw;
  }
}
@media screen and (max-width: 828px) {
  .archivePagination a.prev, .archivePagination a.next {
    width: 4.8309178744vw;
    height: 4.8309178744vw;
  }
}
.archivePagination a.prev::before, .archivePagination a.prev::after, .archivePagination a.next::before, .archivePagination a.next::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: clamp(3.2rem, 2.909rem + 1.45vw, 4rem);
  height: clamp(3.2rem, 2.909rem + 1.45vw, 4rem);
  position: absolute;
}
@media screen and (min-width: 829px) {
  .archivePagination a.prev::before, .archivePagination a.prev::after, .archivePagination a.next::before, .archivePagination a.next::after {
    transition: 0.3s;
  }
}
.archivePagination a.prev::before, .archivePagination a.next::before {
  background-image: url("../img/common/arrow_button_black.svg");
}
.archivePagination a.prev::after, .archivePagination a.next::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22m531.692-480-184-184L376-692.308%20588.308-480%20376-267.692%20347.692-296l184-184Z%22%2F%3E%3C%2Fsvg%3E");
  opacity: 0;
}
.archivePagination a.prev {
  left: 0;
  /*
  @include bp( max, 1366px ) {
    left: vw_pc( 24 );
  }
  @include bp( max, 828px ) {
    left: vw_sp( 10 );
  }
  */
}
.archivePagination a.prev::before, .archivePagination a.prev::after {
  left: 0;
  transform: rotate(180deg);
}
.archivePagination a.next {
  right: 0;
  /*
  @include bp( max, 1366px ) {
    right: vw_pc( 24 );
  }
  @include bp( max, 828px ) {
    right: vw_sp( 10 );
  }
  */
}
.archivePagination a.next::before, .archivePagination a.next::after {
  right: 0;
}
.archivePagination a.first, .archivePagination a.last {
  font-size: 1.1rem;
}
@media screen and (max-width: 1366px) {
  .archivePagination a.first, .archivePagination a.last {
    font-size: 0.8052708638vw;
  }
}
@media screen and (max-width: 828px) {
  .archivePagination a.first, .archivePagination a.last {
    font-size: 2.6570048309vw;
  }
}

.singlePagination {
  display: flex;
  justify-content: center;
  border-top: 1px solid #777;
  border-bottom: 1px solid #777;
  margin-top: 104px;
  padding: 40px 20px;
  font-size: 1.5rem;
  line-height: 1;
}
@media screen and (max-width: 1366px) {
  .singlePagination {
    margin-top: 7.6134699854vw;
    padding: 2.9282576867vw 1.4641288433vw;
    font-size: 1.0980966325vw;
  }
}
@media screen and (max-width: 828px) {
  .singlePagination {
    margin-top: 19.3236714976vw;
    padding: 9.6618357488vw 0vw;
    font-size: 3.6231884058vw;
  }
}
.singlePagination_prevButton, .singlePagination_nextButton {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.singlePagination_prevButton a, .singlePagination_nextButton a {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 829px) {
  .singlePagination_prevButton a:hover, .singlePagination_nextButton a:hover {
    opacity: 0.5;
  }
}
.singlePagination_prevButton a::before, .singlePagination_nextButton a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  width: 10px;
  height: 10px;
  border-top: solid 2px #1D1D1F;
  border-right: solid 2px #1D1D1F;
}
.singlePagination_prevButton {
  left: 16px;
}
@media screen and (max-width: 1366px) {
  .singlePagination_prevButton {
    left: 1.1713030747vw;
  }
}
@media screen and (max-width: 828px) {
  .singlePagination_prevButton {
    left: 3.8647342995vw;
  }
}
.singlePagination_prevButton a {
  padding-left: 16px;
}
.singlePagination_prevButton a::before {
  left: 0;
  transform: rotate(225deg);
}
.singlePagination_nextButton {
  right: 16px;
}
@media screen and (max-width: 1366px) {
  .singlePagination_nextButton {
    right: 1.1713030747vw;
  }
}
@media screen and (max-width: 828px) {
  .singlePagination_nextButton {
    right: 3.8647342995vw;
  }
}
.singlePagination_nextButton a {
  padding-right: 16px;
}
.singlePagination_nextButton a::before {
  right: 0;
  transform: rotate(45deg);
}

.pageHeader {
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1366px) {
  .pageHeader {
    height: 21.9619326501vw;
  }
}
@media screen and (max-width: 828px) {
  .pageHeader {
    height: 48.309178744vw;
  }
}
.pageHeader_title {
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 8rem;
  line-height: 1;
  letter-spacing: 0.04em;
  position: absolute;
  bottom: -40px;
  left: 0;
  z-index: 2;
}
@media screen and (max-width: 1366px) {
  .pageHeader_title {
    font-size: 5.8565153734vw;
    bottom: -2.9282576867vw;
  }
}
@media screen and (max-width: 828px) {
  .pageHeader_title {
    font-size: 12.077294686vw;
    bottom: -5.7971014493vw;
  }
}

.header {
  background: white;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.header_wrapper {
  width: 100%;
  height: 60px;
  margin: auto;
  display: flex;
  align-items: center;
  padding: 0 0 0 16px;
  border-bottom: 1px solid #333333;
}
@media screen and (max-width: 1366px) {
  .header_wrapper {
    height: 4.39238653vw;
    padding: 0 0 0 1.1713030747vw;
  }
}
@media screen and (max-width: 828px) {
  .header_wrapper {
    width: 100%;
    height: 15.9420289855vw;
    padding: 0 0 0 2.8985507246vw;
  }
}
.header.is-scroll {
  transform: translate(0, -100%) !important;
}
.header_logo {
  z-index: 105;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1366px) {
  .header_logo {
    font-size: 1.2445095168vw;
  }
}
@media screen and (max-width: 828px) {
  .header_logo {
    font-size: 3.6231884058vw;
  }
}
.header_globalNavi {
  display: flex;
  align-items: center;
  z-index: 103;
  margin-left: 104px;
  margin-left: auto;
  font-family: mrs-eaves,serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 828px) {
  .header_globalNavi {
    display: none;
    width: 84.5410628019%;
    margin: 3.8647342995vw auto 0;
  }
}
.header_globalNavi.is-active {
  display: block;
}
.header_globalNavi_list {
  order: 1;
  display: flex;
  align-items: center;
  /*
  @include bp( max, 1366px ) {
    margin-left: vw_pc( 48 );
  }
  */
}
@media screen and (max-width: 828px) {
  .header_globalNavi_list {
    order: 2;
    display: block;
  }
}
@media screen and (max-width: 828px) {
  .header_globalNavi_list_item {
    border-bottom: 0.4830917874vw solid #000;
  }
}
.header_globalNavi_list_item:not(:first-child) {
  margin-left: 24px;
  /*
  @include bp( max, 1536px ) {
    margin-left: 32px;
  }
  */
}
@media screen and (max-width: 1366px) {
  .header_globalNavi_list_item:not(:first-child) {
    margin-left: 1.756954612vw;
    /* chromeのみ適用
    @media screen and (-webkit-min-device-pixel-ratio:0) {
      margin-left: vw_pc( 16 );
    }
    */
  }
}
@media screen and (max-width: 828px) {
  .header_globalNavi_list_item:not(:first-child) {
    margin: 0;
  }
}
.header_globalNavi_list_button {
  cursor: pointer;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 1366px) {
  .header_globalNavi_list_button {
    height: 3.2210834553vw;
    font-size: 1.0248901903vw;
    line-height: 1.3;
  }
}
@media screen and (max-width: 828px) {
  .header_globalNavi_list_button {
    font-weight: 700;
    font-style: normal;
    height: 100%;
    min-height: 16.9082125604vw;
    justify-content: flex-start;
    padding: 1.9323671498vw 0;
    font-size: 5.3140096618vw;
    line-height: 1.2;
  }
  .header_globalNavi_list_button::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
    right: 3.1400966184vw;
    width: 2.4154589372vw;
    height: 2.4154589372vw;
    border-top: solid 0.4830917874vw #1D1D1F;
    border-right: solid 0.4830917874vw #1D1D1F;
    transform: rotate(45deg);
    transition: 0.1s;
  }
}
@media screen and (min-width: 829px) {
  .header_globalNavi_list_button {
    transition: 0.3s;
  }
  .header_globalNavi_list_button::after {
    position: absolute;
    bottom: 8px;
    left: 0;
    content: "";
    width: 100%;
    height: 2px;
    background: #333333;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
  }
}
@media screen and (min-width: 829px) and (max-width: 1366px) {
  .header_globalNavi_list_button::after {
    height: 0.1464128843vw;
    bottom: 0.5856515373vw;
  }
}
@media screen and (min-width: 829px) {
  .header_globalNavi_list_button:hover::after {
    bottom: 0px;
    opacity: 1;
    visibility: visible;
  }
}
.header_globalNavi_list_button span {
  display: inline-block;
  white-space: nowrap;
}
@media screen and (max-width: 828px) {
  .header_globalNavi_list_button.show-sp {
    display: flex !important;
  }
}
.header_langButton {
  margin-left: 24px;
  z-index: 51;
}
@media screen and (max-width: 1366px) {
  .header_langButton {
    margin-left: 1.756954612vw;
  }
}
@media screen and (max-width: 828px) {
  .header_langButton {
    margin-left: 0;
  }
}
.header_langButton a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1D1D1F;
  color: #777;
  width: 80px;
  height: 60px;
  z-index: 100;
  font-size: 1.4rem;
}
@media screen and (max-width: 1366px) {
  .header_langButton a {
    width: 5.8565153734vw;
    height: 4.39238653vw;
    font-size: 1.0248901903vw;
  }
}
@media screen and (max-width: 828px) {
  .header_langButton a {
    width: 31.884057971vw;
    height: 15.9420289855vw;
    font-size: 6.7632850242vw;
  }
}
.header_langButton a .current {
  color: #fff;
}
.header_langButton a .separator {
  margin: 0 4px 0 3px;
}
@media screen and (max-width: 1366px) {
  .header_langButton a .separator {
    margin: 0 0.2928257687vw 0 0.2196193265vw;
    width: 5.8565153734vw;
  }
}
@media screen and (max-width: 828px) {
  .header_langButton a .separator {
    margin: 0 1.4492753623vw 0 0.7246376812vw;
  }
}
.header_langButtonSp {
  margin-top: 11.5942028986vw;
}
.header_langButtonSp a {
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 7.2463768116vw;
  line-height: 1;
  letter-spacing: 0.12em;
  color: #bbb;
  display: flex;
  align-items: center;
}
.header_langButtonSp a .is-active {
  color: #000;
}
.header_langButtonSp a_separator {
  color: #000;
  margin: 0 1.4492753623vw 0 0.7246376812vw;
}
.header_toggleButton {
  display: none;
  z-index: 103;
}
@media screen and (max-width: 828px) {
  .header_toggleButton {
    background: #1D1D1F;
    display: block;
    cursor: pointer;
    position: fixed;
    top: 0;
    right: 0;
    width: 15.9420289855vw;
    height: 15.9420289855vw;
    /*
    &.typeBgImage {
      &::before,
      &::after {
        content: "";
        width: vw_sp( 30 );
        height: vw_sp( 20 );
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        transition: .3s;
      }
      &::before {
        background: url(../img/common/globalnavi_icon_default.svg) no-repeat center center / contain;
        //background-size: vw_sp( 30 ) vw_sp( 20 );
      }
      &::after {
        background: url(../img/common/globalnavi_icon_active.svg) no-repeat center center / contain;
        //background-size: vw_sp( 30 ) vw_sp( 20 );
        opacity: 0;
      }
    }
    */
    /*
    &:before {
      content: 'MENU';
      width: 100%;
      position: absolute;
      right: 0;
      bottom: vw_sp( 12 );
      left: 0;
      display: block;
      margin: auto;
      font-size: vw_sp( 10 );
      line-height: 1;
      text-align: center;
      white-space: nowrap;
      letter-spacing: ls( 0 );
      color: #fff;
      font-weight: 700;
    }
    */
  }
  .header_toggleButton-icon .toggleButtonIcon {
    width: 40%;
    margin: 0;
    transition: margin 0.3s;
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
  }
  .header_toggleButton-icon .toggleButtonIcon_item {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 100%;
    height: 0.4830917874vw;
    background: #fff;
  }
  .header_toggleButton-icon .toggleButtonIcon_item-middle {
    width: 100%;
    margin: 1.4492753623vw 0;
    transition: transform 0.3s 0.1s, margin 0.3s;
  }
  .header_toggleButton-icon .toggleButtonIcon_item-bottom {
    width: 100%;
  }
}
@media screen and (max-width: 828px) {
  .header_toggleButton.is-active {
    /*
    &:before {
      content: 'CLOSE';
    }
    */
  }
  .header_toggleButton.is-active.typeBgImage::before {
    opacity: 0;
  }
  .header_toggleButton.is-active.typeBgImage::after {
    opacity: 1;
  }
  .header_toggleButton.is-active.header_toggleButton-icon .toggleButtonIcon_item-top {
    transition: transform 0.3s 0s, margin-bottom 0.3s;
    transform: rotate(-45deg);
  }
  .header_toggleButton.is-active.header_toggleButton-icon .toggleButtonIcon_item-middle {
    margin: -0.4830917874vw auto;
    transform: scaleX(0);
  }
  .header_toggleButton.is-active.header_toggleButton-icon .toggleButtonIcon_item-bottom {
    width: 100%;
    transition: transform 0.3s 0s, margin-top 0.3s;
    transform: rotate(45deg);
  }
}
.header_toggleBg {
  background: #fff;
  z-index: 101;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  transform: translate(0, -100%);
  transition: 0.5s;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.header_toggleBg::-webkit-scrollbar {
  display: none;
  -webkit-appearance: none;
}
@media screen and (max-width: 828px) {
  .header_toggleBg {
    padding: 19.3236714976vw 0 9.6618357488vw;
  }
  @-moz-document url-prefix() {
    .header_toggleBg::after {
      content: "";
      display: block;
      width: 1px;
      height: 9.6618357488vw;
    }
  }
}
@media screen and (max-width: 828px) and (-ms-high-contrast: none) {
  .header_toggleBg::after {
    content: "";
    display: block;
    width: 1px;
    height: 9.6618357488vw;
  }
}
@media screen and (max-width: 828px) {
  .header_toggleBg.is-active {
    display: block;
    transform: translate(0);
  }
}
.header_mask {
  display: none;
  z-index: 102;
}
@media screen and (max-width: 828px) {
  .header_mask {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 15.9420289855vw;
    background: #fff;
  }
}

/*
body {
  padding-top: 60px;
  @include bp( max, 1366px ) {
    padding-top: vw_pc( 60 );
  }
  @include bp( max, 828px ) {
    padding-top: vw_sp( 66 );
  }
}
*/
.footer {
  padding-bottom: 80px;
}
@media screen and (max-width: 1366px) {
  .footer {
    padding-bottom: 5.8565153734vw;
  }
}
@media screen and (max-width: 828px) {
  .footer {
    padding-bottom: 9.6618357488vw;
  }
}
.footer_column {
  display: flex;
  align-items: flex-end;
  margin-top: 64px;
}
@media screen and (max-width: 1366px) {
  .footer_column {
    margin-top: 4.6852122987vw;
  }
}
@media screen and (max-width: 828px) {
  .footer_column {
    margin-top: 9.6618357488vw;
  }
}
@media screen and (max-width: 828px) {
  .footer_column {
    display: block;
  }
}
.footer_logo {
  width: 160px;
}
@media screen and (max-width: 1366px) {
  .footer_logo {
    width: 11.7130307467vw;
  }
}
@media screen and (max-width: 828px) {
  .footer_logo {
    width: 38.6473429952vw;
  }
}
.footer .expo {
  width: 349px;
  margin-left: 48px;
}
@media screen and (max-width: 1366px) {
  .footer .expo {
    width: 24.8901903367vw;
    margin-left: 3.513909224vw;
  }
}
@media screen and (max-width: 828px) {
  .footer .expo {
    width: 100%;
    margin: 9.6618357488vw 0 0 0;
  }
}
.footer_container {
  margin-left: auto;
  margin-top: 80px;
}
@media screen and (max-width: 1366px) {
  .footer_container {
    margin-top: 5.8565153734vw;
  }
}
@media screen and (max-width: 828px) {
  .footer_container {
    margin-top: 9.6618357488vw;
  }
}
.footer_link {
  order: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.footer_link_title {
  margin-right: 20px;
  position: relative;
  padding-right: 24px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1366px) {
  .footer_link_title {
    margin-right: 1.4641288433vw;
    padding-right: 1.756954612vw;
  }
}
@media screen and (max-width: 828px) {
  .footer_link_title {
    margin-right: 2.8985507246vw;
    padding-right: 4.8309178744vw;
    font-size: 2.8985507246vw;
  }
}
.footer_link_title::before {
  content: "";
  width: 12px;
  height: 1px;
  background: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 1366px) {
  .footer_link_title::before {
    width: 0.878477306vw;
  }
}
@media screen and (max-width: 828px) {
  .footer_link_title::before {
    width: 2.8985507246vw;
  }
}
.footer_link_icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer_link_icon_item {
  width: 40px;
}
@media screen and (max-width: 1366px) {
  .footer_link_icon_item {
    width: 2.9282576867vw;
  }
}
@media screen and (max-width: 828px) {
  .footer_link_icon_item {
    width: 9.6618357488vw;
  }
}
.footer_link_icon_item:not(:first-child) {
  margin-left: 8px;
}
@media screen and (max-width: 1366px) {
  .footer_link_icon_item:not(:first-child) {
    margin-left: 0.5856515373vw;
  }
}
@media screen and (max-width: 828px) {
  .footer_link_icon_item:not(:first-child) {
    margin-left: 1.2077294686vw;
  }
}
.footer_contact {
  text-align: right;
  margin-top: 24px;
  font-size: 1.2rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 1366px) {
  .footer_contact {
    margin-top: 1.756954612vw;
    font-size: 0.878477306vw;
  }
}
@media screen and (max-width: 828px) {
  .footer_contact {
    margin-top: 7.729468599vw;
    font-size: 2.4154589372vw;
  }
}
.footer_copyright {
  text-align: right;
  margin-top: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 1366px) {
  .footer_copyright {
    margin-top: 0.878477306vw;
    font-size: 0.878477306vw;
  }
}
@media screen and (max-width: 828px) {
  .footer_copyright {
    margin-top: 2.8985507246vw;
    font-size: 2.4154589372vw;
  }
}

.pagetop {
  position: absolute;
  top: 0px;
  right: 80px;
  width: 17px;
}
@media screen and (max-width: 1366px) {
  .pagetop {
    width: 1.2445095168vw;
    top: 0vw;
    right: 5.8565153734vw;
  }
}
@media screen and (max-width: 828px) {
  .pagetop {
    display: none;
  }
}

/*
.sa {
  opacity: 0;
  //transition: all 0.5s ease;
  transition: all 0.5s;

  &-fade {transition: 2.0s;}
  &-fadeSlow {transition: 4.0s;}
  &-lr {transform: translate(-30px, 0); transition: 0.8s;}
  &-rl {transform: translate(40px, 0); transition: 1.0s;}
  &-up {transform: translate(0, 10%); transition: 1.0s;}
  &-down {transform: translate(0, -5%); transition: 1.0s;}

  &.show {
    opacity: 1;
    transform: none;
  }
}
*/
/*---------------------------------------------------
	parts2023
---------------------------------------------------*/
.line {
  align-items: center;
  background: #333333;
  color: white;
  display: flex;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  z-index: 1;
  font-family: mrs-eaves,serif;
  font-weight: 500;
  font-style: normal;
}
.line ul {
  animation: flowing 60s linear infinite;
  font-size: 20px;
  transform: translateX(100%);
  margin: 0;
  padding: 0;
}
.line ul li {
  display: inline-block;
  padding-right: 10px;
}

@keyframes flowing {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}