@charset "utf-8";

html {
  font-size: 62.5%;
}

body {
  width: 100%;
  background: #ffffff;
  color: #111;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .02em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.is-body-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

a,
a:link,
a:visited {
  color: #111;
}

img {
  display: block;
  max-width: 100%;
}

section {
  position: relative;
}

.block-corporate-container {
  position: relative;
}

@media screen and (min-width: 641px) {

  .sp-only {
    display: none !important;
  }

  body {
    padding-top: 120px;
    font-size: 1.6rem;
  }

  .wrapper {
    min-width: 1200px;
  }

  a,
  a:link {
    transition: .2s ease;
  }

  a:hover {
    text-decoration: none;
    opacity: .75;
  }

  .block-corporate-container {
    width: 1200px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 640px) {

  .pc-only {
    display: none !important;
  }

  body {
    padding-top: 10.67vw;
    font-size: 4.27vw;
  }

  .block-corporate-container {
    margin: 0 4.27vw;
  }
}

/*ヘッダー*/

.block-corporate-header {
  position: relative;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  letter-spacing: .08em;
}

.block-corporate-header-nav-store a {
  background-color: #D4334A;
  color: #fff;
}

@media screen and (min-width: 641px) {

  .block-corporate-header {
    display: flex;
    flex-direction: column;
  }

  .block-corporate-header-pc {
    display: flex;
    align-items: center;
    position: relative;
    min-width: 1200px;
    width: 100%;
    height: 120px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.3);
  }

  .block-corporate-header-logo {
    margin-left: 24px;
  }

  .block-corporate-header-logo a,
  .block-corporate-header-logo img {
    flex-shrink: 0;
    display: block;
    width: 193px;
  }

  .block-corporate-header-nav {
    display: flex;
    align-items: center;
    margin-left: auto;
    font-family: 'Lato', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }

  .block-corporate-header-nav-list-items,
  .block-corporate-header-nav-language,
  .block-corporate-header-nav-store {
    display: flex;
  }

  .block-corporate-header-nav-list-items {
    align-items: center;
    height: 90px;
    margin-top: 30px;
    font-size: 1.4rem;
    font-weight: 700;
  }

  .block-corporate-header-nav-list-items > li + li {
    margin-left: 30px;
  }

  .block-corporate-header-nav-list-items > li {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
  }

  .block-corporate-header-nav-sub-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    padding: 64px;
    background-color: #ffffff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    white-space: nowrap;
    transform: translate(-50%, 0);
    opacity: 0;
    visibility: hidden;
    transition: .2s ease;
  }

  .block-corporate-header-nav-list-items > li:hover .block-corporate-header-nav-sub-menu {
    opacity: 1;
    visibility: visible;
  }

  .block-corporate-header-nav-sub-menu .sub-menu-txt-list {
    font-size: 1.4rem;
    font-weight: 400;
  }

  .block-corporate-header-nav-sub-menu .sub-menu-txt-list li + li {
    margin-top: 2em;
  }

  .block-corporate-header-nav-language {
    position: absolute;
    top: 27px;
    right: 190px;
    font-size: 1.3rem;
  }

  .block-corporate-header-nav-language li {
    position: relative;
  }

  .block-corporate-header-nav-language li:not(:last-child)::after {
    content: '/';
    margin: 0 .5em;
  }

  .block-corporate-header-nav-store {
    margin-left: 40px;
  }

  .block-corporate-header-nav-store a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 120px;
    font-size: 1.3rem;
  }

  .block-corporate-header-nav-store span {
    margin-top: 10px;
  }
}

@media screen and (max-width: 640px) {

  .block-corporate-header {
    height: 10.67vw;
  }

  .block-corporate-header-sp {
    display: flex;
    align-items: center;
    width: 100vw;
    height: 10.67vw;
    padding-left: 2.27vw;
    background-color: rgba(255, 255, 255, 0.3);
    transition: .2s ease;
  }

  .is-body-fixed .block-corporate-header-sp {
    background-color: #fff;
  }

  .block-corporate-header-menu-switch {
    position: relative;
    width: 23px;
    height: 24px;
  }

  .block-corporate-header-menu-switch > span {
    display: block;
    position: absolute;
    left: 4px;
    width: 15px;
    height: 2px;
    background-color: #111;
    transition: .2s ease;
  }

  .block-corporate-header-menu-switch > span:nth-child(1) {
    top: 6px;
  }

  .block-corporate-header-menu-switch > span:nth-child(2) {
    top: 11px;
  }

  .block-corporate-header-menu-switch > span:nth-child(3) {
    top: 16px;
  }

  .block-corporate-header-menu-switch.is-open > span:nth-child(1) {
    top: 11px;
    transform: rotate(45deg);
  }

  .block-corporate-header-menu-switch.is-open > span:nth-child(3) {
    top: 11px;
    transform: rotate(-45deg);
  }

  .block-corporate-header-menu-switch.is-open > span:nth-child(2) {
    opacity: 0;
  }

  .block-corporate-header-logo {
    margin-left: 3.2vw;
  }

  .block-corporate-header-logo a,
  .block-corporate-header-logo img {
    display: block;
    width: 18.27vw;
  }

  .block-corporate-header-nav-language {
    display: flex;
    align-items: center;
    margin-left: auto;
    font-size: 3.2vw;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
  }

  .block-corporate-header-nav-language li {
    position: relative;
  }

  .block-corporate-header-nav-language li:not(:last-child)::after {
    content: '/';
    margin: 0 .5em;
  }

  .block-corporate-header-nav-store {
    margin-left: 5.33vw;
  }

  .block-corporate-header-nav-store a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37.33vw;
    height: 10.67vw;
    font-size: 3.2vw;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    letter-spacing: .04em;
  }

  .block-corporate-header-nav-store img {
    width: 3.33vw;
    margin-right: 2.13vw;
  }

  .block-corporate-header-menu-content {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    overflow: auto;
  }

  .block-corporate-header-menu-body {
    padding: 10.67vw 8.53vw;
  }

  .block-corporate-header-nav-list-item {
    border-bottom: 1px solid #EDEDED;
  }

  .block-corporate-header-nav-list-item .list-name {
    position: relative;
  }

  .block-corporate-header-nav-list-item .list-name > span {
    display: block;
    position: absolute;
    top: 50%;
    right: 1.6vw;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background-color: #fff;
  }

  .block-corporate-header-nav-list-item .list-name > span::before,
  .block-corporate-header-nav-list-item .list-name > span::after {
    content: '';
    display: block;
    position: absolute;
    background-color: #9E9E9E;
    transition: .15s ease;
  }

  .block-corporate-header-nav-list-item .list-name > span::before {
    top: 11px;
    left: 6px;
    width: 11px;
    height: 1px;
  }

  .block-corporate-header-nav-list-item .list-name > span::after {
    top: 6px;
    left: 11px;
    width: 1px;
    height: 11px;
  }

  .block-corporate-header-nav-list-item .list-name > span.is-open::after {
    opacity: 0;
  }

  .block-corporate-header-nav-list-items a {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: calc(16vw - 1px);
    padding: 0 12vw 0 2.67vw;
    font-size: 4.27vw;
    font-weight: 700;
    letter-spacing: .04em;
  }

  .block-corporate-header-nav-list-items a::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 3.67vw;
    width: 1.6vw;
    height: 1.6vw;
    margin-top: -.67vw;
    border-top: 1px solid #9E9E9E;
    border-right: 1px solid #9E9E9E;
    transform: rotate(45deg);
  }

  .block-corporate-header-nav-sub-menu {
    display: none;
  }

  .block-corporate-header-nav-sub-menu li {
    border-top: 1px solid #EDEDED;
  }

  .block-corporate-header-nav-sub-menu a {
    padding-left: 6vw;
  }

  .block-corporate-header-menu-onlinestore {
    margin-top: 10.67vw;
  }

  .block-corporate-header-menu-onlinestore a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 16vw;
    background-color: #D4334A;
    color: #ffffff;
    font-size: 4.27vw;
    font-family: 'Lato', sans-serif;
  }

  .block-corporate-header-menu-onlinestore a::before {
    content: '';
    display: inline-block;
    position: relative;
    width: 4.53vw;
    height: 3.87vw;
    margin-right: 2.13vw;
    background: url(../image/corporatesite/common/icon_menu_cart@2x.png) center no-repeat;
    background-size: contain;
  }
}

/* ボタン*/

.block-corporate-more-btn {
  display: flex;
}

.block-corporate-more-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid #EAEAEA;
  background-color: #ffffff;
  font-family: 'Lato', sans-serif;
}

.block-corporate-more-btn a::after {
  content: '';
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (min-width: 641px) {

  .block-corporate-more-btn a {
    width: 140px;
    height: 50px;
    border-radius: 50px;
    font-size: 1.4rem;
  }

  .block-corporate-more-btn a::after {
    width: 17px;
    height: 11px;
    margin-left: 16px;
    background-image: url(../image/corporatesite/common/icon_link_arw.png);
  }
}

@media screen and (max-width: 640px) {

  .block-corporate-more-btn {
    justify-content: center;
  }

  .block-corporate-more-btn a {
    width: 37.33vw;
    height: 13.33vw;
    border-radius: 13.33vw;
    font-size: 3.73vw;
  }

  .block-corporate-more-btn a::after {
    width: 4.53vw;
    height: 2.93vw;
    margin-left: 4.27vw;
    background-image: url(../image/corporatesite/common/icon_link_arw@2x.png);
  }
}


/* タイトル*/

.block-corporate-h2 .ttl-en {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  letter-spacing: .08em;
}

.block-corporate-h2 .ttl-ja {
  color: #D4334A;
  font-weight: 400;
}

.block-corporate-img-ttl-h1 {
  position: relative;
  margin: 0;
  padding: 0;
}

.block-corporate-img-ttl-h1 figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.block-corporate-img-ttl-h1 .block-corporate-container {
  display: flex;
  flex-direction: column;
}

.block-corporate-img-ttl-h1 .block-corporate-container p {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  letter-spacing: .08em;
}

.block-corporate-img-ttl-h1 .block-corporate-container p span {
  font-family: 'Lato', sans-serif;
}

@media screen and (min-width: 641px) {

  .block-corporate-h2 .ttl-en {
    font-size: 5rem;
  }

  .block-corporate-h2 .ttl-ja {
    margin-top: 10px;
    font-size: 1.6rem;
  }

  .block-corporate-img-ttl-h1 {
    height: 260px;
  }

  .block-corporate-img-ttl-h1 figure img {
    width: 100%;
    height: 260px;
    object-fit: cover;
  }

  .block-corporate-img-ttl-h1 .block-corporate-container p {
    height: 260px;
    font-size: 3.4rem !important;
  }

  .block-corporate-img-ttl-h1 .block-corporate-container p span {
    font-size: 3.6rem;
  }
}

@media screen and (max-width: 640px) {

  .block-corporate-h2 .ttl-en {
    font-size: 9.6vw;
    letter-spacing: .08em;
  }

  .block-corporate-h2 .ttl-ja {
    margin-top: 2.67vw;
    font-size: 4.27vw;
  }

  .block-corporate-img-ttl-h1 {
    height: 42.67vw;
  }

  .block-corporate-img-ttl-h1 figure img {
    width: 100%;
    height: 42.67vw;
    object-fit: cover;
  }

  .block-corporate-img-ttl-h1 .block-corporate-container p {
    height: 42.67vw;
    font-size: 6.4vw !important;
  }

  .block-corporate-img-ttl-h1 .block-corporate-container p span {
    font-size: 6.93vw;
  }
}

/*MV*/

.block-corporate-mv-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #D4334A;
}

.block-corporate-mv-slider {
  display: flex;
  opacity: 0;
  transition: opacity .3s linear;
}

.block-corporate-mv-slider.slick-initialized {
  display: block;
  opacity: 1;
}

.block-corporate-mv-slider .item-logo a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

.block-corporate-mv-slider .item-logo a img {
  flex-shrink: 0;
}

.block-corporate-mv-slider .slick-dots {
  display: flex;
  justify-content: center;
}

.block-corporate-mv-slider .slick-dots li {
  position: relative;
  cursor: pointer;
}

.block-corporate-mv-slider .slick-dots li button {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: none;
  background-color: #ffffff;
  color: transparent;
  font-size: 0;
  cursor: pointer;
}

.block-corporate-mv-slider .slick-dots li.slick-active button {
  background-color: #FD8798;
}

@media screen and (min-width: 641px) {

  .block-corporate-mv-bg {
    width: 1000px;
    height: 75%;
  }

  @media screen and (min-width: 1200px) {

    .block-corporate-mv-bg {
      width: calc(((100% - 1200px) / 2) + 1000px)
    }
  }

  .block-corporate-mv-item {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 60px;
  }

  .block-corporate-mv-item .item-img {
    display: flex;
    justify-content: flex-end;
  }

  .block-corporate-mv-item .item-img img {
    flex-shrink: 0;
    width: 1160px;
    height: auto;
  }

  @media screen and (min-width: 1200px) {

    .block-corporate-mv-item .item-img img {
      width: calc(((100vw - 1200px) / 2) + 1160px)
    }
  }

  .block-corporate-mv-slider .item-logo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 1200px;
  }

  .block-corporate-mv-slider .item-logo-inner {
    width: 1200px;
    margin: 0 auto;
  }

  .block-corporate-mv-slider .item-logo a {
    width: 500px;
    height: 200px;
  }

  .block-corporate-mv-slider .item-logo p {
    margin-top: 22px;
    font-size: 1.6rem;
  }

  .block-corporate-mv-slider .slick-dots {
    position: absolute;
    bottom: 34px;
    left: 0;
    width: 100%;
    z-index: 99;
  }

  .block-corporate-mv-slider .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 8px;
  }

  .block-corporate-mv-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 10px;
  }
}

@media screen and (max-width: 640px) {

  .block-corporate-mv-bg {
    width: 100%;
    height: 100%;
  }

  .block-corporate-mv-item .item-img {
    width: 100%;
  }

  .block-corporate-mv-item .item-img img {
    width: 100%;
    height: auto;
  }

  .block-corporate-mv-slider .item-logo {
    display: flex;
    justify-content: flex-start;
    margin-top: -10.67vw;
  }

  .block-corporate-mv-slider .item-logo a {
    width: 60vw;
    height: 22vw;
  }

  .block-corporate-mv-slider .item-logo img {
    flex-shrink: 0;
    max-width: 42.47vw;
    max-height: 10.33vw;
  }

  .block-corporate-mv-slider .item-logo p {
    margin-top: 2.8vw;
    font-size: 3.2vw;
  }

  .block-corporate-mv-slider .slick-dots {
    margin-top: 4.27vw;
  }

  .block-corporate-mv-slider .slick-dots li {
    width: 2.67vw;
    height: 2.67vw;
    margin: 0 2.13vw;
  }

  .block-corporate-mv-slider .slick-dots li button {
    width: 2.67vw;
    height: 2.67vw;
    border-radius: 2.67vw;
  }
}

/*ABOUT US*/

.block-corporate-about-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #D4334A;
}

.block-corporate-about-list ul {
  display: flex;
  justify-content: space-between;
}

.block-corporate-about-list a,
.block-corporate-about-list img {
  display: block;
}

.block-corporate-about-list .list-ttl {
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: 2px solid #EAEAEA;
  font-weight: 700;
}

.block-corporate-about-list .list-ttl::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (min-width: 641px) {

  .block-corporate-about {
    padding-top: 73px;
  }

  .block-corporate-about-bg {
    width: 1000px;
    height: 110px;
  }

  @media screen and (min-width: 1200px) {

    .block-corporate-about-bg {
      width: calc(((100% - 1200px) / 2) + 1000px)
    }
  }

  .block-corporate-about-list {
    margin-top: 54px;
  }

  .block-corporate-about-list li {
    width: 276px;
  }

  .block-corporate-about-list .list-ttl {
    height: 80px;
    padding: 0 10px;
    font-size: 2rem;
  }

  .block-corporate-about-list .list-ttl::after {
    right: 10px;
    width: 17px;
    height: 11px;
    margin-top: -5px;
    background-image: url(../image/corporatesite/common/icon_link_arw.png);
  }
}

@media screen and (max-width: 640px) {

  .block-corporate-about {
    padding-top: 10.4vw;
  }

  .block-corporate-about-bg {
    width: 100%;
    height: 17.33vw;
  }

  .block-corporate-about-list {
    margin-top: 10.67vw;
  }

  .block-corporate-about-list ul {
    flex-wrap: wrap;
  }

  .block-corporate-about-list li {
    width: calc((100% - 4.27vw) / 2);
  }

  .block-corporate-about-list li:not(:nth-child(-n+2)) {
    margin-top: 6.4vw;
  }

  .block-corporate-about-list .list-ttl {
    height: 14.93vw;
    padding: 0 2.67vw;
    font-size: 4.27vw;
  }

  .block-corporate-about-list .list-ttl::after {
    right: .6vw;
    width: 4.53vw;
    height: 2.93vw;
    margin-top: -1.33vw;
    background-image: url(../image/corporatesite/common/icon_link_arw@2x.png);
  }
}

/*BRAND*/

.block-corporate-brand-list ul {
  display: flex;
  flex-wrap: wrap;
}

.block-corporate-brand-list img {
  display: block;
  flex-shrink: 0;
}

.block-corporate-brand-list .list-name {
  font-weight: 700;
  text-align: center;
}

.block-corporate-brand-list .list-btns {
  font-family: 'Lato', sans-serif;
}

.block-corporate-brand-list .list-btns-top a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #EAEAEA;
  background-color: #FAFAFA;
}

.block-corporate-brand-list .list-btns-onlinestore a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #D4334A;
  color: #ffffff;
}

.block-corporate-brand-list .list-btns-onlinestore a::before {
  content: '';
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.block-corporate-brand-onlinestore a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #D4334A;
  background-color: #ffffff;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  letter-spacing: .08em;
}

.block-corporate-brand-onlinestore a::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (min-width: 641px) {

  .block-corporate-brand {
    margin-top: 140px;
  }

  .block-corporate-brand-list {
    margin-top: 56px;
  }

  .block-corporate-brand-list li {
    width: 276px;
  }

  .block-corporate-brand-list li:not(:nth-child(4n)) {
    margin-right: 32px;
  }

  .block-corporate-brand-list li:not(:nth-child(-n+4)) {
    margin-top: 40px;
  }

  .block-corporate-brand-list .list-logo {
    margin-top: 10px;
  }

  .block-corporate-brand-list .list-ttl {
    margin-top: 10px;
  }

  .block-corporate-brand-list .list-comment {
    margin-top: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
  }

  .block-corporate-brand-list .list-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 22px;
  }

  .block-corporate-brand-list .list-btns-top a {
    width: 133px;
    height: 44px;
    border-radius: 44px;
  }

  .block-corporate-brand-list .list-btns-onlinestore {
    margin-top: 10px;
    width: 100%;
  }

  .block-corporate-brand-list .list-btns-onlinestore a {
    width: 100%;
    height: 44px;
    border-radius: 44px;
  }

  .block-corporate-brand-list .list-btns-onlinestore a::before {
    width: 20px;
    height: 17px;
    margin-right: 10px;
    background-image: url(../image/corporatesite/top/icon_brand_cart.png);
  }

  .block-corporate-brand-onlinestore {
    margin-top: 40px;
  }

  .block-corporate-brand-onlinestore a {
    width: 100%;
    height: 120px;
    font-size: 2.4rem;
  }

  .block-corporate-brand-onlinestore a::after {
    right: 40px;
    width: 17px;
    height: 11px;
    margin-top: -5px;
    background-image: url(../image/corporatesite/common/icon_link_arw.png);
  }

  .block-corporate-brand-onlinestore img {
    flex-shrink: 0;
    margin-right: 24px;
  }
}

@media screen and (max-width: 640px) {

  .block-corporate-brand {
    margin-top: 26.67vw;
  }

  .block-corporate-brand-list {
    margin-top: 10.67vw;
  }

  .block-corporate-brand-list ul {
    justify-content: space-between;
  }

  .block-corporate-brand-list li {
    width: calc((100% - 4.27vw) / 2);
  }

  .block-corporate-brand-list li:not(:nth-child(-n+2)) {
    margin-top: 6.4vw;
  }

  .block-corporate-brand-list .list-logo {
    margin-top: 2.67vw;
  }

  .block-corporate-brand-list .list-ttl {
    margin-top: 2.4vw;
    font-size: 4.27vw;
  }

  .block-corporate-brand-list .list-btns {
    margin-top: 6vw;
  }

  .block-corporate-brand-list .list-btns-top + .list-btns-top {
    margin-top: 2.67vw;
  }

  .block-corporate-brand-list .list-btns-top a {
    width: 100%;
    height: 10.67vw;
    border-radius: 10.67vw;
    font-size: 3.73vw;
  }

  .block-corporate-brand-onlinestore {
    margin-top: 6.4vw;
  }

  .block-corporate-brand-onlinestore a {
    width: 100%;
    height: 32vw;
    padding: 0 14vw 0 8vw;
    font-size: 6.4vw;
  }

  .block-corporate-brand-onlinestore a::after {
    right: 6vw;
    width: 4.53vw;
    height: 2.93vw;
    margin-top: -1.33vw;
    background-image: url(../image/corporatesite/common/icon_link_arw@2x.png);
  }
}

/*PROFESSIONALS*/

.block-corporate-professionals-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F7F7F7;
}

.block-corporate-professionals-content a,
.block-corporate-professionals-content img {
  display: block;
}

@media screen and (min-width: 641px) {

  .block-corporate-professionals {
    margin-top: 140px;
    padding-top: 100px;
  }

  .block-corporate-professionals-bg {
    width: 1000px;
    height: 444px;
  }

  @media screen and (min-width: 1200px) {

    .block-corporate-professionals-bg {
      width: calc(((100% - 1200px) / 2) + 1000px)
    }
  }

  .block-corporate-professionals-content {
    margin-top: 54px;
  }

  .block-corporate-professionals .block-corporate-more-btn {
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media screen and (max-width: 640px) {

  .block-corporate-professionals {
    margin-top: 26.67vw;
    padding-top: 21vw;
  }

  .block-corporate-professionals-bg {
    width: 80vw;
    height: 118.4vw;
  }

  .block-corporate-professionals-content {
    margin-top: 10.67vw;
  }

  .block-corporate-professionals .block-corporate-more-btn {
    margin-top: 10.67vw
  }
}

/*NEWS RELEASE*/

.block-corporate-news-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F7F7F7;
}

.block-corporate-news-list a {
  display: block;
}

.block-corporate-news-list li {
  border-bottom: 1px solid #EAEAEA;
}

.block-corporate-news-list li:first-child {
  border-top: 1px solid #EAEAEA;
}

.block-corporate-news-list dl {
  background-color: #fff;
}

.block-corporate-news-list dt {
  display: flex list-itemce;
  font-family: 'Lato', sans-serif;
}

.block-corporate-news-list a,
.block-corporate-news-list img {
  display: block;
  position: relative;
}

.block-corporate-news-list a::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (min-width: 641px) {

  .block-corporate-news {
    margin-top: 140px;
    padding-top: 100px;
  }

  .block-corporate-news-bg {
    width: 100%;
    height: 356px;
  }

  .block-corporate-news-list {
    margin-top: 54px;
  }

  .block-corporate-news-list a::after {
    right: 24px;
    width: 17px;
    height: 11px;
    margin-top: -5px;
    background-image: url(../image/corporatesite/common/icon_link_arw.png);
  }

  .block-corporate-news-list dl {
    display: flex;
    align-items: center;
    min-height: 100px;
    padding: 5px 0;
  }

  .block-corporate-news-list dt {
    display: flex;
    width: 308px;
    padding-left: 40px;
  }

  .block-corporate-news-list dt img {
    height: 30px;
    margin-left: 40px;
  }

  .block-corporate-news-list dd {
    width: calc(100% - 308px);
    padding-right: 80px;
  }

  .block-corporate-news .block-corporate-more-btn {
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media screen and (max-width: 640px) {

  .block-corporate-news {
    margin-top: 26.67vw;
    padding-top: 21.33vw;
  }

  .block-corporate-news-bg {
    width: 100%;
    height: 119.2vw;
  }

  .block-corporate-news-list {
    margin-top: 10.67vw;
  }

  .block-corporate-news-list a::after {
    right: 6vw;
    width: 4.53vw;
    height: 2.93vw;
    margin-top: -1.33vw;
    background-image: url(../image/corporatesite/common/icon_link_arw@2x.png);
  }

  .block-corporate-news-list dl {
    padding: 4.27vw 16vw 4.27vw 4.27vw;
  }

  .block-corporate-news-list dt {
    display: flex;
    align-items: center;
  }

  .block-corporate-news-list dt img {
    height: 8vw;
    margin-left: 10.67vw;
  }

  .block-corporate-news-list dd {
    margin-top: 2.67vw;
  }

  .block-corporate-news-list dd p {
    height: 14vw;
    overflow: hidden;
  }

  .block-corporate-news .block-corporate-more-btn {
    margin-top: 10.67vw;
  }
}

/*GOLF MAGAZINE*/

.block-corporate-magazine-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F7F7F7;
}

.block-corporate-magazine-list ul {
  display: flex;
  flex-wrap: wrap;
}

.block-corporate-magazine-list a {
  display: block;
}

.block-corporate-magazine-list .list-img img {
  display: block;
  width: 100%;
}

.block-corporate-magazine-list .list-brand {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1em;
  color: #7B7B7B;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  letter-spacing: .04em;
  overflow: hidden;
}

.block-corporate-magazine-list .list-brand > p {
  margin-right: 1em;
}

.block-corporate-magazine-list .list-comment {
  overflow: hidden;
}

.block-corporate-magazine-list .list-date {
  color: #7B7B7B;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  letter-spacing: .04em;
}

@media screen and (min-width: 641px) {

  .block-corporate-magazine {
    margin-top: 160px;
  }

  .block-corporate-magazine-bg {
    width: 100%;
    height: 356px;
  }

  .block-corporate-magazine .block-corporate-h2 {
    position: relative;
    top: -28px;
    margin-bottom: -28px;
  }

  .block-corporate-magazine-list {
    margin-top: 54px;
  }

  .block-corporate-magazine-list li {
    width: 276px;
  }

  .block-corporate-magazine-list li:not(:nth-child(4n)) {
    margin-right: 32px;
  }

  .block-corporate-magazine-list .list-detail {
    margin-top: 20px;
  }

  .block-corporate-magazine-list .list-brand {
    font-size: 1.4rem;
  }

  .block-corporate-magazine-list .list-comment {
    height: 80px;
    margin-top: 10px;
  }

  .block-corporate-magazine-list .list-date {
    margin-top: 6px;
    font-size: 1.2rem;
  }

  .block-corporate-magazine-link {
    margin-top: 40px;
    justify-content: flex-end;
  }

  .block-corporate-magazine .block-corporate-more-btn {
    position: absolute;
    top: -15px;
    right: 0;
  }
}

@media screen and (max-width: 640px) {

  .block-corporate-magazine {
    margin-top: 26.67vw;
  }

  .block-corporate-magazine-bg {
    width: 100%;
    height: 118.4vw;
  }

  .block-corporate-magazine .block-corporate-h2 {
    position: relative;
    top: -7.47vw;
    margin-bottom: -7.47vw;
  }

  .block-corporate-magazine-list {
    margin-top: 10.67vw
  }

  .block-corporate-magazine-list ul {
    justify-content: space-between;
  }

  .block-corporate-magazine-list li {
    width: calc((100% - 4.27vw) / 2);
  }

  .block-corporate-magazine-list li:not(:nth-child(-n+2)) {
    margin-top: 6.4vw;
  }

  .block-corporate-magazine-list .list-detail {
    margin-top: 3.67vw;
  }

  .block-corporate-magazine-list .list-brand {
    font-size: 3.73vw;
  }

  .block-corporate-magazine-list .list-comment {
    height: 80px;
    margin-top: 1.8vw;
  }

  .block-corporate-magazine-list .list-date {
    margin-top: 1.6vw;
    font-size: 3.2vw;
  }

  .block-corporate-magazine .block-corporate-more-btn {
    margin-top: 10.67vw;
  }
}

/*CONTACT*/

.block-corporate-contact {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.block-corporate-contact .block-corporate-container {
  height: 100%;
}

.block-corporate-contact .block-corporate-container a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #ffffff;
}

.block-corporate-contact .block-corporate-container a .ttl-en {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}

@media screen and (min-width: 641px) {

  .block-corporate-contact {
    width: 100%;
    min-width: 1200px;
    height: 400px;
    margin-top: 140px;
    background-image: url(../image/corporatesite/top/contact_bg.jpg);
  }

  .block-corporate-contact .block-corporate-container a .ttl-en {
    font-size: 5rem;
  }

  .block-corporate-contact .block-corporate-container a .ttl-ja {
    margin-top: 8px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 640px) {

  .block-corporate-contact {
    width: 100%;
    height: 64vw;
    margin-top: 26.67vw;
    background-image: url(../image/corporatesite/top/contact_bg@2x.jpg);
  }

  .block-corporate-contact .block-corporate-container a .ttl-en {
    font-size: 9.6vw;
  }

  .block-corporate-contact .block-corporate-container a .ttl-ja {
    margin-top: 2.13vw;
    font-size: 4.27vw;
  }
}

/*フッター*/

.block-page-top {
  display: none;
  position: fixed;
  z-index: 9999;
}

.block-page-top a {
  display: block;
}

.block-corporate-footer-link-list ul {
  display: flex;
  align-items: center;
}

.block-corporate-footer-copyright {
  font-family: 'Josefin Sans', sans-serif
}

@media screen and (min-width: 641px) {

  .block-corporate-footer {
    margin-top: 110px;
  }

  .block-page-top {
    right: 20px;
    bottom: 20px;
  }

  .block-page-top a {
    width: 70px;
    height: 70px;
    background: url(../image/corporatesite/common/page_top.png) center no-repeat;
    background-size: contain;
  }

  .block-corporate-footer .block-corporate-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 112px;
  }

  .block-corporate-footer-link-list li + li {
    margin-left: 26px;
  }

  .block-corporate-footer-copyright {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 640px) {

  .block-corporate-footer {
    margin: 40vw 0 10vw;
  }

  .block-page-top {
    right: 6.4vw;
    bottom: 6.4vw;
  }

  .block-page-top a {
    width: 18.67vw;
    height: 18.67vw;
    background: url(../image/corporatesite/common/page_top@2x.png) center no-repeat;
    background-size: contain;
  }

  .block-corporate-footer-link-list ul {
    justify-content: space-between;
  }

  .block-corporate-footer-link-list img {
    width: auto;
    height: 10.67vw;
  }

  .block-corporate-footer-copyright {
    margin-top: 10.67vw;
    padding: 0 4.8vw;
    font-size: 3.2vw;
    text-align: center;
  }
}

/**** タイトル ****/

@media screen and (min-width: 641px) {

  .ttl-common-h1 {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    letter-spacing: .08em;
  }

  h1.ttl-common-h1 {
    margin-top: 34px;
  }

  .ttl-common-h2 {
    margin: 74px 0 0;
    padding: 0;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: .08em;
  }

  .ttl-common-h2.ttl-center {
    font-weight: 700;
    text-align: center;
  }

  .ttl-common-h3 {
    margin: 74px 0 0;
    padding: 0;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .08em;
  }

  h2 + .ttl-common-h3 {
    margin-top: 38px;
  }

  .ttl-common-h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 60px;
    margin: 58px 0 0;
    padding: 13px 24px;
    background-color: #F4F4F4;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: .08em;
    line-height: 1.4;
  }

  h3 + .ttl-common-h4 {
    margin-top: 28px;
  }

  .ttl-common-h5 {
    margin: 50px 0 0;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .08em;
  }

  h4 + .ttl-common-h5 {
    margin-top: 22px;
  }

  .block-common-date {
    margin-top: 12px;
    font-size: 13px;
    text-align: center;
    letter-spacing: .06em;
  }
}

@media screen and (max-width: 640px) {

  .ttl-common-h1 {
    margin: 0;
    padding: 0;
    font-size: 6.4vw;
    font-weight: 700;
    text-align: center;
    letter-spacing: .08em;
  }

  h1.ttl-common-h1 {
    margin-top: 8vw;
  }

  .ttl-common-h2 {
    margin: 17.07vw 0 0;
    padding: 0;
    font-size: 6.4vw;
    font-weight: 400;
    letter-spacing: .08em;
  }

  .ttl-common-h2.ttl-center {
    font-weight: 700;
    text-align: center;
  }

  .ttl-common-h3 {
    margin: 10.67vw 0 0;
    padding: 0;
    font-size: 5.87vw;
    font-weight: 700;
    letter-spacing: .08em;
  }

  h2 + .ttl-common-h3 {
    margin-top: 7.47vw;
  }

  .ttl-common-h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100vw;
    min-height: 16vw;
    margin: 10.67vw -4.27vw 0;
    padding: 3.47vw 6.4vw;
    background-color: #F4F4F4;
    font-size: 5.33vw;
    font-weight: 400;
    letter-spacing: .08em;
    line-height: 1.4;
  }

  h3 + .ttl-common-h4 {
    margin-top: 5.87vw;
  }

  .ttl-common-h5 {
    margin: 10.67vw 0 0;
    padding: 0;
    font-size: 4.8vw;
    font-weight: 700;
    letter-spacing: .08em;
  }

  h4 + .ttl-common-h5 {
    margin-top: 4.27vw;
  }

  .block-common-date {
    margin-top: 3.2vw;
    font-size: 3.47vw;
    text-align: center;
    letter-spacing: .06em;
  }
}

/*professionals*/

@media screen and (min-width: 641px) {
  .block-professionals {
    width: 1180px;
    margin: 160px auto;
    color: #666;
  }

  .block-professionals-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 80px;
  }

  .block-professionals-img {
    width: 470px;
  }

  .block-professionals-detail {
    width: calc(100% - 510px);
  }

  .block-professionals-name {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
  }

  .block-professionals-kana {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1;
  }

  .block-professionals-comment,
  .block-professionals-comment p + p {
    margin-top: 30px;
    font-size: 14px;
  }

  .block-professionals strong {
    font-weight: bold;
  }

  .block-professionals-profile {
    margin-top: 30px;
    padding: 30px;
    background-color: #ededed;
  }

  .block-professionals-profile h4 {
    margin: 0;
    padding: 0;
    color: #d85298;
    font-size: 14px;
    font-weight: normal;
  }

  .block-professionals-profile-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .block-professionals-profile-detail dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 500px;
    white-space: nowrap;
  }

  .block-professionals-profile-detail dl dt {
    width: 100px;
    margin-top: 15px;
    white-space: nowrap;
  }

  .block-professionals-profile-detail dl dd {
    margin-top: 15px;
    width: 400px;
  }

  .block-professionals-profile-sns {
    width: 50px;
  }

  .block-professionals-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
  }

  .block-professionals-gallery-item {
    width: 117px;
  }

  .block-professionals-gallery-item img {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 640px) {

  .block-professionals {
    margin: 18vw 0 20vw;
    padding: 0;
    color: #666;
  }

  .block-professionals .ttl-common-h1 {
    font-size: 8vw;
  }

  .block-professionals-item {
    margin-top: 10.67vw;
  }

  .block-professionals-detail {
    margin-top: 5.33vw;
  }

  .block-professionals-name {
    margin: 0;
    padding: 0;
    font-size: 6.4vw;
    font-weight: normal;
    line-height: 1;
  }

  .block-professionals-kana {
    margin-top: 2.67vw;
    font-size: 3.2vw;
    line-height: 1;
  }

  .block-professionals-comment,
  .block-professionals-comment p + p {
    margin-top: 8vw;
    font-size: 3.73vw;
  }

  .block-professionals strong {
    font-weight: bold;
  }

  .block-professionals-profile {
    margin-top: 8vw;
    padding: 8vw;
    background-color: #ededed;
  }

  .block-professionals-profile h4 {
    margin: 0;
    padding: 0;
    color: #d85298;
    font-size: 3.73vw;
    font-weight: normal;
  }

  .block-professionals-profile-detail dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    white-space: nowrap;
  }

  .block-professionals-profile-detail dl dt {
    width: 26.67vw;
    margin: 4vw 0 0;
    white-space: nowrap;
  }

  .block-professionals-profile-detail dl dd {
    margin: 4vw 0 0;
    width: calc(100% - 26.67vw);
  }

  .block-professionals-profile-sns {
    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;
    margin-top: 5.33vw;
  }

  .block-professionals-profile-sns img {
    width: 13.33vw;
  }

  .block-professionals-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8vw;
  }

  .block-professionals-gallery-item {
    width: 25%;
  }

  .block-professionals-gallery-item img {
    display: block;
    width: 100%;
  }
}

/**** SDGs ****/

.block-corporate-sdgs-comment {
  text-align: center;
}

.block-corporate-sdgs-main-img img {
  display: block;
  width: 100%;
}

.block-corporate-sdgs-list ul {
  display: flex;
  flex-direction: column;
}

.block-corporate-sdgs-list li {
  display: flex;
  border-bottom: 1px solid #EAEAEA;
  letter-spacing: .08em;
}

.block-corporate-sdgs-list .list-no {
  color: #D4334A;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}

@media screen and (min-width: 641px) {

  .block-corporate-sdgs {
    margin: 0 -120px;
  }

  .block-corporate-sdgs-comment {
    margin-top: 76px;
    font-size: 1.8rem;
    line-height: 1.8;
  }

  .block-corporate-sdgs-main-img {
    margin-top: 100px;
  }

  .block-corporate-sdgs-list {
    margin-top: 60px;
  }

  .block-corporate-sdgs-list li {
    align-items: center;
    padding: 40px 0;
  }

  .block-corporate-sdgs-list .list-no {
    width: 90px;
    font-size: 5rem;
  }

  .block-corporate-sdgs-list .list-comment {
    width: 940px;
    font-size: 2.4rem;
  }

  .block-corporate-sdgs-list .list-icon {
    width: 130px;
    margin-left: auto;
  }
}

@media screen and (max-width: 640px) {

  .block-corporate-sdgs-comment {
    margin-top: 5.33vw;
    font-size: 4.27vw;
  }

  .block-corporate-sdgs-main-img {
    margin-top: 10.67vw;
  }

  .block-corporate-sdgs-list {
    margin-top: 34vw;
  }

  .block-corporate-sdgs-list li {
    padding: 5.33vw 0;
  }

  .block-corporate-sdgs-list .list-no {
    position: relative;
    top: -.1em;
    width: 16vw;
    font-size: 10.67vw;
  }

  .block-corporate-sdgs-list .list-comment {
    width: 56vw;
    font-size: 4.27vw;
  }

  .block-corporate-sdgs-list .list-icon {
    width: 16vw;
    margin-left: auto;
  }
}

/*メンバーズアプリ*/

.block-brandsite-members_app-header h1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  text-align: center;
}

.block-brandsite-members_app-header h1 img {
  display: block;
}

.block-brandsite-members_app-header h1 p {
  font-weight: 600;
}

.block-brandsite-members_app-header-comment {
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  text-align: center;
}

.block-brandsite-members_app-download h2 {
  margin: 0;
  padding: 0;
  font-weight: 600;
  text-align: center;
}

.block-brandsite-members_app-download-list ul {
  display: flex;
  justify-content: center;
}

.block-brandsite-members_app-download-list .list-ttl {
  font-weight: 600;
}

.block-brandsite-members_app-download-list .list-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-brandsite-members_app-flow dl {
  display: flex;
}

.block-brandsite-members_app-flow dt,
.block-brandsite-members_app-flow-comment {
  color: #CD213A;
  font-weight: 600;
}

.block-brandsite-members_app-flow dd {
  font-weight: 600;
}

.block-brandsite-members_app-flow-comment {
  text-align: center;
}

@media screen and (min-width: 561px) {

  .block-brandsite-members_app-header {
    margin-top: 20px;
    padding-top: 132px;
  }

  #contents .block-brandsite-members_app-header h1 p {
    margin-top: 40px;
    font-size: 4rem;
    line-height: 1.5;
  }

  .block-brandsite-members_app-header-comment {
    width: 980px;
    margin: 97px auto 0;
    padding: 30px 0;
  }

  #contents .block-brandsite-members_app-header-comment p {
    font-size: 3rem;
    line-height: 1.5;
  }

  .block-brandsite-members_app-download {
    margin-top: 100px;
  }

  .block-brandsite-members_app-download h2 {
    font-size: 4rem;
  }

  .block-brandsite-members_app-download-list {
    margin-top: 60px;
  }

  .block-brandsite-members_app-download-list .list-ttl {
    font-size: 3rem;
  }

  .block-brandsite-members_app-download-list .list-btn {
    height: 111px;
  }

  .block-brandsite-members_app-flow {
    margin-top: 96px;
  }

  .block-brandsite-members_app-flow dl {
    padding: 0 40px;
  }

  .block-brandsite-members_app-flow dl + dl {
    margin-top: 5px;
  }

  .block-brandsite-members_app-flow dt {
    width: 53px;
    font-size: 5rem;
  }

  .block-brandsite-members_app-flow dd {
    width: calc(100% - 53px);
    padding-top: 20px;
    font-size: 2.6rem;
  }

  .block-brandsite-members_app-flow-comment {
    margin-top: 80px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 560px) {

  .block-brandsite-members_app-header {
    margin-top: 10.67vw;
    padding-top: 13vw;
  }

  .block-brandsite-members_app-header h1 img {
    width: 80vw;
  }

  #contents .block-brandsite-members_app-header h1 p {
    margin-top: 5.33vw;
    font-size: 6vw;
    line-height: 1.5;
  }

  .block-brandsite-members_app-header-comment {
    margin-top: 5.33vw;
    padding: 4vw 0;
  }

  #contents .block-brandsite-members_app-header-comment p {
    font-size: 3.73vw;
    line-height: 1.5;
  }

  .block-brandsite-members_app-download {
    margin-top: 16vw;
  }

  .block-brandsite-members_app-download h2 {
    font-size: 5.33vw;
  }

  .block-brandsite-members_app-download-list {
    margin-top: 4vw;
  }

  .block-brandsite-members_app-download-list li {
    width: 38vw;
  }

  .block-brandsite-members_app-download-list li + li {
    margin-left: 6vw;
  }

  .block-brandsite-members_app-download-list .list-ttl {
    font-size: 4.27vw;
  }

  .block-brandsite-members_app-download-list .list-btn {
    margin-top: 2vw;
  }

  .block-brandsite-members_app-download-list .list-btn img {
    height: 12vw;
  }

  .block-brandsite-members_app-flow {
    margin-top: 16vw;
  }

  .block-brandsite-members_app-flow dl + dl {
    margin-top: 2.13vw;
  }

  .block-brandsite-members_app-flow dt {
    width: 8vw;
    font-size: 6.4vw;
  }

  .block-brandsite-members_app-flow dd {
    width: calc(100% - 8vw);
    padding-top: 1.6vw;
    font-size: 4.27vw;
  }

  .block-brandsite-members_app-flow-comment {
    margin-top: 13.33vw;
    font-size: 4.53vw;
  }
}

#pro .tab .nav li {
  width: 16.1%
}

a.btn01,
a.btn02 {
  color: #fff;
}

#shoplist .list .direct span,
#shoplist .list .map a,
#shoplist .list .fb a,
#shoplist .list .ig a,
#shoplist .list .map a,
#shoplist .list .fb a,
#shoplist .list .ig a {
  height: 38px;
}

.navipage_,
.navipage_::before,
.navipage_::after,
.navipage_ *,
.navipage_ *::before,
.navipage_ *::after {
  box-sizing: content-box;
}
#brand .panel h3.titie img {
    margin: auto;
}

/*STAFF STYLING*/

.block-corporate-staff_styling-list ul {
  display: flex;
    justify-content: space-between;
}

.block-corporate-staff_styling-list .list-img img {
  display: block;
  width: 100%;
}

@media screen and (min-width: 641px) {
  .block-corporate-staff_styling-list {
    margin-top: 54px;
  }

  .block-corporate-staff_styling-list li {
    width: 276px;
  }

  .block-corporate-staff_styling-list .list-detail {
    margin-top: 10px;
  }

  .block-corporate-staff_styling-list .list-staff_info {
    display: flex;
    align-items: baseline;
    letter-spacing: .02em;
  }

  .block-corporate-staff_styling-list .list-staff_info .name {
    font-size: 16px;
  }

  .block-corporate-staff_styling-list .list-staff_info .height {
    margin-left: 10px;
    font-size: 14px;
  }

  .block-corporate-staff_styling-list .list-shop {
    margin-top: 7px;
    color: #7B7B7B;
    font-size: 12px;
    letter-spacing: .08em;
  }
}

@media screen and (max-width: 640px) {
  .block-corporate-staff_styling-list {
    margin-top: 10.67vw;
  }

  .block-corporate-staff_styling-list ul {
    flex-wrap: wrap;
  }

  .block-corporate-staff_styling-list li {
    width: calc((100% - 4.27vw) / 2);
  }

  .block-corporate-staff_styling-list li:not(:nth-child(-n+2)) {
    margin-top: 6.4vw;
  }

  .block-corporate-staff_styling-list .list-detail {
    margin-top: 2.67vw;
  }

  .block-corporate-staff_styling-list .list-staff_info {
    display: flex;
    align-items: baseline;
    letter-spacing: .02em;
  }

  .block-corporate-staff_styling-list .list-staff_info .name {
    font-size: 3.73vw;
  }

  .block-corporate-staff_styling-list .list-staff_info .height {
    margin-left: 1.33vw;
    font-size: 3.2vw;
  }

  .block-corporate-staff_styling-list .list-shop {
    margin-top: .8vw;
    color: #7B7B7B;
    font-size: 2.67vw;
    letter-spacing: .08em;
  }
}
