@charset "utf-8";



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

#brandStory {
  padding-bottom: 0;
  width:  auto;
}

#brandStory .breadcrumb {
  margin: 0 auto;
  max-width: 1200px;
}

@media (max-width: 750px) {

  #brandStory .breadcrumb {
    padding: 10px 20px;
  }
}

#brandStory .container {
  padding: 0;
}



html,
body {
}

footer {
  background: #FFF;
  margin-top: -50px;
}

.contents {
}

.brandStory,
.brandStory * {
  box-sizing: border-box;
}

.brandStory,
.brandStory button,
.brandStory input,
.brandStory textarea {
  color: #000;
  font-family: 'YakuHanMP', 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-feature-settings: "palt";
  font-size: 14px;
  font-weight: normal;
  letter-spacing: .06rem;
  -webkit-text-size-adjust: 100%;
}

.brandStory a,
.brandStory button,
.brandStory input[type="submit"] {
  color: #000;
  transition: opacity .5s;
}

.brandStory a.hover,
.brandStory button.hover,
.brandStory input[type="submit"].hover {
  opacity: .5;
}

.brandStory b.le {
  font-weight: inherit;
}

.brandStory img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.brandStory input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

.brandStory input::-ms-clear {
    visibility:hidden
}

.brandStory input::-ms-reveal {
    visibility:hidden
}

.ifPc {
  display: inline-block;
}

.ifSp {
  display: none;
}

.bg_white {
  background: #FFF;
}



/**
 * .brandStory
 */

.brandStory {
}

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

  .brandStory {
  }
}



/**
 * .mv--01
 */

.mv--01 {
  background: #FFF;
  overflow: hidden;
  padding: 18px 0 0;
}

.mv--01 .mv-wrap {
}

.mv--01 .mv-pcImage {
  display: block;
}

.mv--01 .mv-spImage {
  display: none;
}

.mv--01 a {
}

.mv--01 img {
  display: block;
  width: 100%;
}

.mv--01 .mv-item {
}

.mv--01 .mv-image {
}

.mv--01 .mv-text {
  bottom: 70px;
  color: #FFF;
  opacity: 0;
  position: absolute;
  transition: opacity .8s cubic-bezier(0.22, 0.61, 0.36, 1);
  left: 70px;
  width: calc(100% - 140px);
  z-index: 1;
}

.mv--01 .mv-title {
}

.mv--01 .mv-title-1 {
  display: flex;
}

.mv--01 .mv-title-1 > *:first-child:after {
  background: #FFF;
  content: "";
  display: block;
  height: 1px;
  margin: 3px 10px 0 10px;
  width: 35px;
}

.mv--01 .mv-title-1 > * {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  font-family: 'Gilda Display', serif;
  font-size: 22px;
  margin: 0 0 0 0;
}

.mv--01 .mv-title-1 > * + * {
  font-size: 18px;
  letter-spacing: .075rem;
  margin: 6px 0 0 0;
}

.mv--01 .mv-title-2 > *:first-child {
  font-family: 'Gilda Display', serif;
  font-size: 80px;
  letter-spacing: 0;
  line-height: 1;
  margin: 4px 0 0 0;
  /* text-transform: uppercase; */
  word-break: break-word;
}

.mv--01 .mv-title-2 > * + * {
  font-size: 35px;
  letter-spacing: .1rem;
  line-height: 1.4;
  margin: 8px 0 0 0;
}

.mv--01 .mv-sentence {
}

.mv--01 .mv-anchor {
}

.mv--01 .mv-list {
}

.mv--01 .mv-date {
}

.mv--01 .mv-remarks {
  display: flex;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1;
  margin: 23px 0 0 0;
}

.mv--01 .mv-remarks img {
  display: block;
  margin: -1px 15px 0 0;
  width: 24px;
}

.mv--01 .mv-contents {
  position: relative;
  z-index: 1;
}

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

  .mv--01 .mv-text {
    bottom: 100px;
    left: 100px;
  }
}

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

  .mv--01 {
    padding: 0 0 0 0;
  }

  .mv--01 .mv-contents {
    align-items: flex-end;
    display: flex;
    /* min-height: 525px; */
    padding: 200px 0 0 0;
  }

  .mv--01 .mv-text {
    bottom: 60px;
    left: 60px;
    position: relative;
    z-index: 2;
  }

  .mv--01 .mv-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }

  .mv--01 .mv-image img {
    visibility: hidden;
  }
}

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

  .mv--01 .mv-contents {
    overflow: hidden;
    padding: 0 0 0 0;
  }

  .mv--01 .mv-image {
    background: #1D1A1A !important;
    height: 112.8vw;
    min-height: 700px;
    position: static;
  }

  .mv--01 .mv-image img {
    height: auto;
    visibility: visible;
    width: 100%;
  }

  .mv--01 .mv-text {
    bottom: 60px;
    left: 60px;
    position: absolute;
    width: calc(100% - 110px);
  }

  .mv--01 .mv-title-2 > * + * {
    font-size: 25px;
  }
}

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

  .mv--01 .mv-title-2 > * + * br {
  }
}

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

  .mv--01 .mv-text {
    bottom: 30px;
    left: 20px;
    width: calc(100% - 40px);
  }

  .mv--01 .mv-remarks {
    font-size: 10px;
    margin: 16px 0 0 0;
  }

  .mv--01 .mv-title-1 > * {
    font-size: 16px;
    margin: 0 0 0 0;
  }
  
  .mv--01 .mv-title-1 > * + * {
    font-size: 13px;
    letter-spacing: .075rem;
    margin: 3px 0 0 0;
  }
  
  .mv--01 .mv-title-2 > *:first-child {
    font-size: 41px;
    margin: 17px 0 0 0;
  }

  .mv--01 .mv-title-1 > *:first-child:after {
    background: #FFF;
    content: "";
    display: block;
    height: 1px;
    margin: 0px 10px 0 10px;
    width: 35px;
  }
  
  .mv--01 .mv-title-2 > * + * {
    font-size: 18px;
    letter-spacing: .05rem;
    line-height: 1.4;
    margin: 15px 0 0 0;
  }

  .mv--01 .mv-remarks img {
    margin: -3px 15px 0 0;
  }

  .mv--01 .mv-image {
    height: 133.4vw;
    min-height: auto;
  }

  .mv--01 .mv-contents,
  .mv--01 .mv-image img {
  }
}

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

  .mv--01 .mv-text {
  }

  .mv--01 .mv-remarks {
  }

  .mv--01 .mv-title-1 > * {
    font-size: 16px;
    margin: 0 0 0 0;
  }
  
  .mv--01 .mv-title-1 > * + * {
    font-size: 13px;
    letter-spacing: .075rem;
    margin: 3px 0 0 0;
  }
  
  .mv--01 .mv-title-2 > *:first-child {
  }

  .mv--01 .mv-title-1 > *:first-child:after {
    background: #FFF;
    content: "";
    display: block;
    height: 1px;
    margin: 0px 10px 0 10px;
    width: 35px;
  }
  
  .mv--01 .mv-title-2 > * + * {
  }

  .mv--01 .mv-remarks img {
    margin: -3px 15px 0 0;
  }

  .mv--01 .mv-contents,
  .mv--01 .mv-image img {
  }
}



/**
 * .boxx--01
 */

.boxx--01 {
  padding: 200px 0 0;
  position: relative;
  z-index: 1;
}

.boxx--01#brandStory01_3 {
  padding-bottom: 200px;
}


.boxx--01 .boxx-wrap {
}

.boxx--01 .boxx-pcImage {
  display: block;
}

.boxx--01 .boxx-spImage {
  display: none;
}

.boxx--01 a {
}

.boxx--01 img {
  width: 100%;
}

.boxx--01 .boxx-item {
}

/* .boxx-item.boxx-item-1のようにする */
.boxx--01 .boxx-item:nth-child(1) {
  display: flex;
  justify-content: flex-start;
  margin: 22px 60px 0 auto;
  width: 35%;
  max-width: none;
}

/* .boxx-item.boxx-item-1のようにする */
.boxx--01 .boxx-item:nth-child(2) {
  width: 56.4%;
  width: 50%;
}

.boxx--01 .boxx-image {
  line-height: 1;
}

.boxx--01 .boxx-text {
  max-width: 500px;
}

.boxx--01 .boxx-title {
  color: #50002B;
  font-size: 35px;
  letter-spacing: .075rem;
  line-height: 1.4;
  margin: 0 0 36px 0;
}

.boxx--01 .boxx-sentence {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  letter-spacing: .075rem;
  line-height: 2;
}

.boxx--01 .boxx-anchor {
}

.boxx--01 .boxx-list {
}

.boxx--01 .boxx-date {
}

.boxx--01 .boxx-remarks {
}

.boxx--01 .boxx-contents {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin: 0 0 0 auto;
}

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

  .boxx--01 .boxx-wrap {
    padding: 0 0 0 180px;
    padding: 0;
  }
  
  .boxx--01 .boxx-contents {
    max-width: 93.36%;
    max-width: none;
  }

  .boxx--01 .boxx-item:nth-child(1) {
    margin: 22px 0 0 auto;
    width: 38.75%;
  }

  .boxx--01 .boxx-item:nth-child(2) {
    width: 50%;
  }

  .boxx--01 .boxx-text {
    max-width: 80.3%;
  }
}

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

  .boxx--01 {
    padding: 250px 0 0;
  }

  .boxx--01#brandStory01_3 {
  padding-bottom: 330px;
  }

  .boxx--01 .boxx-contents {
    max-width: 2200px;
  }

  .boxx--01 .boxx-item:nth-child(1) {
    margin: 42px 40px 0 0;
    width: 40.9%;
  }
  
  .boxx--01 .boxx-item:nth-child(2) {
    width: 59.5%;
  }

  .boxx--01 .boxx-text {
    max-width: 680px;
  }
}

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

  .boxx--01 .boxx-wrap {
  }

  .boxx--01 .boxx-contents {
  }

  .boxx--01 .boxx-item:nth-child(1) {
    margin: 22px auto 0 80px;
    width: 38.4%;
  }
  
  .boxx--01 .boxx-item:nth-child(2) {
    width: 57.8%;
    width: 50%;
  }
}

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

  .boxx--01 .boxx-wrap {
  }

  .boxx--01 .boxx-item:nth-child(1) {
    margin-left: 7.9%;
  }
}


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

  .boxx--01 {
    padding: 100px 0 0;
  }

  .boxx--01#brandStory01_3 {
    padding-bottom: 95px;
  }

  .boxx--01 .boxx-wrap {
    padding: 0 20px 0 20px;
  }

  .boxx--01 .boxx-contents {
    flex-flow: row wrap;
    justify-content: flex-start;
    margin: 0 auto 0 auto;
    max-width: 608px;
  }

  .boxx--01 .boxx-item:nth-child(n) {
    margin: 0 0 0 0;
    width: 100%;
  }

  .boxx--01 .boxx-item:nth-child(1) {
    margin: 50px 0 0 0;
    order: 2;
  }

  .boxx--01 .boxx-item:nth-child(2) {
    order: 1;
  }

  .boxx--01 .boxx-text {
    max-width: none;
  }
}

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

  .boxx--01 {
  }

  .boxx--01 .boxx-image {
    margin: 0 0 0 -20px;
    width: calc(100% + 40px);
  }

  .boxx--01 .boxx-contents {
  }

  .boxx--01 .boxx-item:nth-child(n) {
  }

  .boxx--01 .boxx-item:nth-child(1) {
    margin: 50px 0 0 0;
  }

  .boxx--01 .boxx-item:nth-child(2) {
  }

  .boxx--01 .boxx-wrap {
    padding: 0 20px 0 20px;
  }

  .boxx--01 .boxx-title {
    font-size: 30px;
    margin: 0 0 23px 0;
  }
  
  .boxx--01 .boxx-sentence {
  }
}



.boxx--01.boxx_reverse {
}

.boxx--01.boxx_reverse .boxx-wrap {
}

.boxx--01.boxx_reverse .boxx-contents {
  margin: 0 auto 0 0;
}

.boxx--01.boxx_reverse .boxx-item:nth-child(1) {
  justify-content: flex-end;
  margin-left: 60px;
  margin-right: auto;
}

.boxx--01.boxx_reverse .boxx-item:nth-child(1) {
  order: 2;
}

.boxx--01.boxx_reverse .boxx-item:nth-child(2) {
  order: 1;
}

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

  .boxx--01.boxx_reverse .boxx-wrap {
    padding: 0 180px 0 0;
    padding: 0;
  }

  .boxx--01.boxx_reverse .boxx-item:nth-child(1) {
    margin: 22px auto 0 0;
  }
}

@media screen and (max-width: 1200px) {
  
  .boxx--01.boxx_reverse .boxx-item:nth-child(1) {
    margin: 22px 80px 0 auto;
    width: 38.4%;
  }
  
  .boxx--01.boxx_reverse .boxx-item:nth-child(2) {
    width: 57.8%;
    width: 50%;
  }
}

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

  .boxx--01.boxx_reverse .boxx-wrap {
  }

  .boxx--01.boxx_reverse .boxx-item:nth-child(1) {
    margin-left: 40px;
    margin-right: 7.9%;
  }
}

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

  .boxx--01.boxx_reverse .boxx-wrap {
    padding: 0 20px 0 20px;
  }

  .boxx--01.boxx_reverse .boxx-contents {
    margin: 0 auto 0 auto;
  }

  .boxx--01.boxx_reverse .boxx-item:nth-child(n) {
    margin: 0 0 0 0;
    width: 100%;
  }

  .boxx--01.boxx_reverse .boxx-item:nth-child(1) {
    justify-content: flex-start;
    margin: 50px 0 0 0;
    margin-left: 0;
    max-width: none;
    width: 100%;
  }
}

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

  .boxx--01.boxx_reverse .boxx-wrap {
    padding: 0 20px 0 20px;
  }
}



/**
 * .boxx--02
 */

.boxx--02 {
  position: relative;
  padding: 200px 0 0;
  z-index: 1;
}

.boxx--02 .boxx-wrap {
}

.boxx--02 .boxx-pcImage {
  display: block;
}

.boxx--02 .boxx-spImage {
  display: none;
}

.boxx--02 a {
}

.boxx--02 img {
  width: 100%;
}

.boxx--02 .boxx-item {
}

.boxx--02 .boxx-item:nth-child(1) {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  width: 43.6%;
  max-width: 620px;
}

.boxx--02 .boxx-item:nth-child(2),
.boxx--02 .boxx-item:nth-child(3) {
  width: 50%;
}

.boxx--02 .boxx-image {
  line-height: 1;
}

.boxx--02 .boxx-text {
  max-width: 500px;
}

.boxx--02 .boxx-title {
}

.boxx--02 .boxx-sentence {
}

.boxx--02 .boxx-anchor {
}

.boxx--02 .boxx-list {
}

.boxx--02 .boxx-date {
}

.boxx--02 .boxx-remarks {
}

.boxx--02 .boxx-contents {
  display: flex;
  justify-content: flex-end;
  margin: 0 auto;
}

@media (min-width: 2560px) {

  .boxx--02 {
  }

  .boxx--03 + .boxx--02 {
    padding: 240px 0 0;
  }
}

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

  .boxx--02 {
    padding: 95px 0 0;
  }

  .boxx--03 + .boxx--02 {
  }
}



.boxx--02.boxx_mw_1240 .boxx-wrap {
  padding-left: 80px;
  padding-right: 80px;
}

.boxx--02.boxx_mw_1240 .boxx-wrap .boxx-contents {
  margin-left: auto;
  margin-right: auto;
  max-width: 1240px;
}

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

  .boxx--02.boxx_mw_1240 .boxx-wrap .boxx-contents {
    margin-left: auto;
    margin-right: auto;
    max-width: 1840px;
    max-width: 76.67%;
  }
}

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

  .boxx--02.boxx_mw_1240 .boxx-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .boxx--02.boxx_mw_1240 .boxx-wrap .boxx-contents {
    margin-left: auto;
    margin-right: auto;
    max-width: 608px;
  }
}



/**
 * .boxx--03
 */

.boxx--03 {
  padding: 200px 0 0;
  position: relative;
  z-index: 1;
}

#brandStory01_7.boxx--03 {
  padding-bottom: 200px;
}

.boxx--03 .boxx-wrap {
  display: flex;
  justify-content: space-between;
  margin: 120px auto 0 auto;
  padding: 0 80px 0 80px;
  width: 100%;
  max-width: 1400px;
}

.boxx--03 .boxx-pcImage {
  display: block;
}

.boxx--03 .boxx-spImage {
  display: none;
}

.boxx--03 a {
}

.boxx--03 img {
  width: 100%;
}

.boxx--03 .boxx-item {
}

.boxx--03 .boxx-item-1 {
  align-self: flex-start;
  min-width: 1066px;
  width: 66.6%;
}

.boxx--03 .boxx-item-2,
.boxx--03 .boxx-item-3 {
}

.boxx--03 .boxx-item-2 {
  flex-shrink: 0;
  margin: 0 17.75% 0 0;
  margin: 0 calc(30vw - 305px) 0 0;
}

.boxx--03 .boxx-item-3 {
  flex-shrink: 1;
  margin: -5px 0 0 auto;
}

.boxx--03 .boxx-image {
  line-height: 1;
}

.boxx--03 .boxx-text {
  max-width: 500px;
}

.boxx--03 .boxx-title {
  color: #50002B;
  font-size: 35px;
  letter-spacing: .05rem;
  line-height: 1.4;
}

.boxx--03 .boxx-sentence {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  letter-spacing: .075rem;
  line-height: 2;
}

.boxx--03 .boxx-anchor {
}

.boxx--03 .boxx-list {
}

.boxx--03 .boxx-date {
}

.boxx--03 .boxx-remarks {
}

.boxx--03 .boxx-contents {
  align-items: center;
  display: flex;
  flex-flow: column;
}

#brandStory01_5 {
  
}

@media screen and (min-width: 1618px) {
  
  .boxx--03 .boxx-wrap {
    width: 87.5%;
    max-width: 1760px;
  }

  .boxx--03 .boxx-item-2 {
    margin: 0 14.55% 0 0;
  }
}

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

  .boxx--03 {
    padding: 250px 0 0;
  }

  #brandStory01_7.boxx--03 {
    padding-bottom: 250px;
  }

  .boxx--03 .boxx-wrap {
    margin: 120px auto 0 auto;
    padding: 0 80px 0 80px;
    max-width: 1760px;
  }

  .boxx--03 .boxx-item-2 {
    flex-shrink: 0;
    margin: 0 11.9% 0 0;
  }
}

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

  .boxx--03 .boxx-wrap {
    padding: 0 7.9% 0 7.9%;
  }
}

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

  .boxx--03 .boxx-item-1 {
    width: calc(100% - 160px);
    min-width: auto;
  }

  .boxx--03 .boxx-item-2 {
    margin: 0 9.8% 0 0;
    flex-shrink: 0.6;
  }

  .boxx--03 .boxx-title br {
    display: none;
  }
}

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

  .boxx--03 {
    padding: 100px 0 0;
  }

  #brandStory01_7.boxx--03 {
    padding-bottom: 95px;
  }

  .boxx--03 .boxx-item-1 {
    align-self: flex-start;
    margin: 0 0 0 -20px;
    width: 100%;
    max-width: 688px;
    max-width: calc(89.6% + 20px);
  }

  .boxx--03 .boxx-contents {
    padding: 0 20px 0 20px;
  }

  .boxx--03 .boxx-wrap {
    flex-flow: row wrap;
    margin: 50px auto 0 auto;
    padding: 0 0 0 0;
    max-width: 608px;
  }
  
  .boxx--03 .boxx-item-2,
  .boxx--03 .boxx-item-3 {
  }
  
  .boxx--03 .boxx-item-2 {
    flex-shrink: 0.4;
    margin: 0 0 35px 0;
    width: 100%;
  }
  
  .boxx--03 .boxx-item-3 {
    margin: 0 0 0 0;
  }
}

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

  .boxx--03 {
  }

  .boxx--03 .boxx-item-1 {
    align-self: flex-start;
    margin: 0 0 0 -20px;
    width: calc(100% + 40px);
    max-width: 688px;
    max-width: none;
  }

  .boxx--03 .boxx-wrap {
  }
  
  .boxx--03 .boxx-item-2,
  .boxx--03 .boxx-item-3 {
  }
  
  .boxx--03 .boxx-item-2 {
    flex-shrink: 0.4;
    margin: 0 0 25px 0;
    width: 100%;
  }
  
  .boxx--03 .boxx-item-3 {
    margin: 0 0 0 0;
  }

  .boxx--03 .boxx-title {
    font-size: 30px;
  }
}



/**
 * .boxx--04
 */

.boxx--04 {
  overflow: hidden;
  padding: 200px 0 200px;
  position: relative;
  z-index: 1;
}

.boxx--04 .boxx-wrap {
  padding: 0 80px 0 80px;
}

.boxx--04 .boxx-pcImage {
  display: block;
}

.boxx--04 .boxx-spImage {
  display: none;
}

.boxx--04 a {
}

.boxx--04 img {
  width: 100%;
}

.boxx--04 .boxx-item {
  width: 100%;
}

.boxx--04 .boxx-item-1 {
  margin: 0 4.8% 0 0;
  width: 41.3%;
}

.boxx--04 .boxx-item-2 {
  width: 50%;
}

.boxx--04 .boxx-item-3 {
  margin: 140px auto 0 auto;
  width: 100%;
}

.boxx--04 .boxx-image {
  line-height: 1;
}

.boxx--04 .boxx-item-3 .boxx-image {
  position: relative;
  z-index: 1;
}

.boxx--04 .boxx-item-3 .boxx-image:before {
  border: 1px solid #C9C9C9;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.boxx--04 .boxx-text {
  max-width: 500px;
}

.boxx--04 .boxx-title {
  color: #50002B;
  font-size: 35px;
  letter-spacing: .05rem;
  line-height: 1.4;
}

.boxx--04 .boxx-sentence {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  letter-spacing: .075rem;
  line-height: 2;
  margin: 40px 0 0 0;
}

.boxx--04 .boxx-anchor {
  margin: 80px auto 0;
}

.boxx--04 .boxx-list {
}

.boxx--04 .boxx-date {
}

.boxx--04 .boxx-remarks {
}

.boxx--04 .boxx-contents {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  margin: 0 auto 0 auto;
  max-width: 1040px;
}

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

  .boxx--04 .boxx-contents {
    max-width: 72.2%;
  }
}

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

  .boxx--04 {
    padding-bottom: 250px;
    padding-top: 250px;
  }

  .boxx--04 .boxx-contents {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin: 0 auto 0 auto;
    max-width: 1600px;
  }

  .boxx--04 .boxx-item-2 {
    margin: 42px 0 0 0;
    width: 47.6%;
  }

  .boxx--04 .boxx-item-3 {
    margin: 200px auto 0 auto;
  }

  .boxx--04 .boxx-anchor {
    margin: 120px auto 0;
  }
}

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

  .boxx--04 {
    padding: 95px 0;
  }

  .boxx--04 .boxx-wrap {
    padding: 0 20px 0 20px;
  }

  .boxx--04 .boxx-contents {
    max-width: 608px;
  }
  
  .boxx--04 .boxx-item:nth-child(n) {
    margin: 0 auto 0 auto;
    width: 100%;
  }

  .boxx--04 .boxx-item.boxx-item-1 {
    max-width: 74.1%;
  }

  .boxx--04 .boxx-item.boxx-item-2 {
    margin: 50px 0 90px 0;
    max-width: none;
  }

  .boxx--04 .boxx-item-3 .boxx-image {
    padding-top: 74.6268%;
  }

  .boxx--04 .boxx-item.boxx-item-3 .boxx-image img {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, 0);
    width: auto;
    z-index: 1;
  }

  .boxx--04 .boxx-anchor {
    margin: 60px auto 0;
  }
}

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

  .boxx--04 {
  }

  .boxx--04 .boxx-wrap {
    padding: 0 20px 0 20px;
  }
  
  .boxx--04 .boxx-item:nth-child(n) {
    margin: 0 auto 0 auto;
    width: 100%;
  }

  .boxx--04 .boxx-item.boxx-item-1 {
    padding: 0 20px 0 20px;
    max-width: 335px;
  }

  .boxx--04 .boxx-item.boxx-item-2 {
    margin: 50px 0 90px 0;
    max-width: none;
  }

  .boxx--04 .boxx-title {
    font-size: 30px;
  }

  .boxx--04 .boxx-sentence {
    margin: 25px 0 0 0;
  }
    
  .boxx--04 .boxx-title {
    font-size: 30px;
  }

  .boxx--04 .boxx-sentence {
    margin: 25px 0 0 0;
  }

  .boxx--04 .boxx-item-3 .boxx-image {
    padding-top: 74.6268%;
  }

  .boxx--04 .boxx-item.boxx-item-3 .boxx-image img {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, 0);
    width: auto;
    z-index: 1;
  }
}



/**
 * .boxx--05
 */

.boxx--05 {
  position: relative;
  transition: opacity .5s;
  z-index: -1 !important;
}

.boxx--05 .boxx-wrap {
}

.boxx--05 .boxx-pcImage {
  display: block;
}

.boxx--05 .boxx-spImage {
  display: none;
}

.boxx--05 a {
}

.boxx--05 img {
  visibility: hidden;
  width: 100%;
}

.boxx--05 .boxx-item {
}

.boxx--05 .boxx-item:nth-child(1) {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  width: 43.6%;
  max-width: 620px;
}

.boxx--05 .boxx-item:nth-child(2),
.boxx--05 .boxx-item:nth-child(3) {
  width: 50%;
}

.boxx--05 .boxx-image {
  height: 100vh;
  left: 0;
  line-height: 1;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}

#brandStory01_8.boxx--05 .boxx-image {
}

.boxx--05 .boxx-text {
  max-width: 500px;
}

.boxx--05 .boxx-title {
}

.boxx--05 .boxx-sentence {
}

.boxx--05 .boxx-anchor {
}

.boxx--05 .boxx-list {
}

.boxx--05 .boxx-date {
}

.boxx--05 .boxx-remarks {
}

.boxx--05 .boxx-contents {
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  z-index: -1;
}

@media (min-width: 2560px) {

  .boxx--05 {
    margin: 330px auto 0;
  }

  .boxx--03 + .boxx--05 {
    margin: 240px auto 0;
  }
}

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

  .boxx--05 {
  }

  .boxx--03 + .boxx--05 {
    margin: 95px auto 0;
  }

  .boxx--05 .boxx-contents {
    padding-top: 106.7708%;
  }

  .boxx--05 .boxx-image {
  }

  #brandStory01_8.boxx--05 .boxx-image {
  }
}



.boxx--05.boxx_mw_1240 .boxx-wrap {
  padding-left: 80px;
  padding-right: 80px;
}

.boxx--05.boxx_mw_1240 .boxx-wrap .boxx-contents {
  margin-left: auto;
  margin-right: auto;
  max-width: 1240px;
}

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

  .boxx--05.boxx_mw_1240 .boxx-wrap .boxx-contents {
    margin-left: auto;
    margin-right: auto;
    max-width: 1840px;
    max-width: 76.67%;
  }
}

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

  .boxx--05.boxx_mw_1240 .boxx-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .boxx--05.boxx_mw_1240 .boxx-wrap .boxx-contents {
    margin-left: auto;
    margin-right: auto;
    max-width: 608px;
  }
}



/**
 * .anchor--01
 */

.anchor--01 {
  display: flex;
  justify-content: center;
}

.anchor--01 a {
  align-items: center;
  background-color: #50002B;
  color: #FFF;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  min-height: 100px;
  justify-content: center;
  letter-spacing: .08rem;
  line-height: 1.3;
  margin: 0 auto;
  padding: 20px 50px;
  min-width: 450px;
}

.anchor--01 a span{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2230px%22%20height%3D%224px%22%20viewBox%3D%220%200%2030%204%22%20enable-background%3D%22new%200%200%2030%204%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22ico_arrow-w%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M0.079%2C4V2.961h20.573V0l9.427%2C4H0.079z%22%2F%3E%3C%2Fsvg%3E');
  background-position: calc(100% - 0px) calc(50% - 2px);
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 48px 0 0;
}

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

  .anchor--01 a {
    font-size: 14px;
    min-height: 70px;
    margin: 0 auto;
    margin: 0 auto;
    padding: 20px 20px;
    min-width: 335px;
  }
  
  .anchor--01 a span{
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2230px%22%20height%3D%224px%22%20viewBox%3D%220%200%2030%204%22%20enable-background%3D%22new%200%200%2030%204%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22ico_arrow-w%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M0.079%2C4V2.961h20.573V0l9.427%2C4H0.079z%22%2F%3E%3C%2Fsvg%3E');
    background-position: calc(100% - 0px) calc(50% - 2px);
    background-repeat: no-repeat;
    background-size: 20px;
    display: inline-block;
    padding: 0 38px 0 0;
  }
}



[id^="section-2"]:last-child,
[id^="section-5"]:last-child {
  padding-bottom: 200px;
}

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

  [id^="section-2"]:last-child,
  [id^="section-5"]:last-child {
    padding-bottom: 95px;
  }
}



.unveil {
  opacity: 0;
  transform: translate(0, 100px);
}

.unveil-run {
  opacity: 1;
  transform: translate(0, 0);
  transition: opacity 1s cubic-bezier(0.22, 0.61, 0.36, 1), transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
}