main html,
main body,
main div,
main span,
main object,
main iframe,
main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
main p,
main blockquote,
main pre,
main abbr,
main address,
main cite,
main code,
main del,
main dfn,
main em,
main img,
main ins,
main kbd,
main q,
main samp,
main small,
main strong,
main sub,
main sup,
main var,
main b,
main i,
main dl,
main dt,
main dd,
main ol,
main ul,
main li,
main fieldset,
main form,
main label,
main legend,
main table,
main caption,
main tbody,
main tfoot,
main thead,
main tr,
main th,
main td,
main article,
main aside,
main canvas,
main details,
main figcaption,
main figure,
main footer,
main header,
main hgroup,
main menu,
main nav,
main section,
main summary,
main time,
main mark,
main audio,
main video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none;
}
main body {
  line-height: 1;
}
main article,
main aside,
main details,
main figcaption,
main figure,
main footer,
main header,
main hgroup,
main menu,
main nav,
main section {
  display: block;
}
main nav ul {
  list-style: none;
}
main blockquote,
main q {
  quotes: none;
}
main blockquote:before,
main blockquote:after,
main q:before,
main q:after {
  content: '';
  content: none;
}
main a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
main ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
main mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
main del {
  text-decoration: line-through;
}
main abbr[title],
main dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
main table {
  border-collapse: collapse;
  border-spacing: 0;
}
main hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
main input,
main select {
  vertical-align: middle;
}
main img,
main video {
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 960px) {
  .u-is-pc {
    display: none !important;
  }
}
@media screen and (min-width: 961px) {
  .u-is-sp {
    display: none !important;
  }
}
p:not(:last-child) {
  margin-bottom: 0;
}
.mainarea {
  max-width: none;
  width: 100%;
}
@media screen and (min-width: 961px) {
  .l-content-skew--both {
    -webkit-clip-path: polygon(0 299px, 100% 0, 100% calc(100% - 299px), 0 100%);
    clip-path: polygon(0 299px, 100% 0, 100% calc(100% - 299px), 0 100%);
  }
}
@media screen and (max-width: 960px) {
  .l-content-skew--both {
    -webkit-clip-path: polygon(0 110px, 100% 0, 100% calc(100% - 110px), 0 100%);
    clip-path: polygon(0 110px, 100% 0, 100% calc(100% - 110px), 0 100%);
  }
}
@media screen and (min-width: 961px) {
  .l-content-skew--top {
    -webkit-clip-path: polygon(0 299px, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 299px, 100% 0, 100% 100%, 0 100%);
  }
}
@media screen and (max-width: 960px) {
  .l-content-skew--top {
    -webkit-clip-path: polygon(0 110px, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 110px, 100% 0, 100% 100%, 0 100%);
  }
}
@media screen and (min-width: 961px) {
  .l-content-skew--bottom {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 299px), 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 299px), 0 100%);
  }
}
@media screen and (max-width: 960px) {
  .l-content-skew--bottom {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 110px), 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 110px), 0 100%);
  }
}
@media screen and (min-width: 961px) {
  .l-content-inner {
    padding: 0 8.125915080527086vw;
  }
}
@media screen and (max-width: 960px) {
  .l-content-inner {
    padding: 0 5.333333333333334vw;
  }
}
.c-link-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 0.03em;
  position: relative;
}
@media screen and (min-width: 961px) {
  .c-link-button {
    border-radius: 0.219619326500732vw;
    height: 4.612005856515373vw;
    font-size: 1.09809663250366vw;
  }
}
@media screen and (max-width: 960px) {
  .c-link-button {
    width: 100%;
    border-radius: 0.8vw;
    height: 16vw;
    font-size: 3.733333333333334vw;
  }
}
.c-link-button::before {
  content: "";
  display: block;
  background-image: url("/static/files/action/brand/images/top/ico-link-arrow-gray.png");
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
}
@media screen and (min-width: 961px) {
  .c-link-button::before {
    width: 1.244509516837482vw;
    height: 1.244509516837482vw;
    top: 1.683748169838946vw;
  }
}
@media screen and (max-width: 960px) {
  .c-link-button::before {
    width: 4.533333333333333vw;
    height: 4.533333333333333vw;
    top: 5.600000000000001vw;
  }
}
.c-link-button::after {
  content: "";
  display: block;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  opacity: 0;
  -webkit-transform: translateX(-3.367496339677892vw);
  transform: translateX(-3.367496339677892vw);
}
@media screen and (min-width: 961px) {
  .c-link-button::after {
    width: 1.244509516837482vw;
    height: 1.244509516837482vw;
    top: 1.683748169838946vw;
  }
}
@media screen and (max-width: 960px) {
  .c-link-button::after {
    width: 4.533333333333333vw;
    height: 4.533333333333333vw;
    top: 5.600000000000001vw;
  }
}
.c-link-button:hover::before {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
.c-link-button:hover::after {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.c-link-button--white {
  background-color: #fff;
  color: #46545c;
}
.c-link-button--white::before {
  background-image: url("/static/files/action/brand/images/top/ico-link-arrow-gray.png");
}
.c-link-button--white::after {
  background-image: url("/static/files/action/brand/images/top/ico-link-arrow-gray.png");
}
.c-link-button--gray {
  background-color: #8096a3;
  color: #fff;
}
.c-link-button--gray::before {
  background-image: url("/static/files/action/brand/images/top/ico-link-arrow-white.png");
}
.c-link-button--gray::after {
  background-image: url("/static/files/action/brand/images/top/ico-link-arrow-white.png");
}
.c-en {
  font-family: 'Myriad Pro', sans-serif;
}
.c-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0,0,0,0.85);
  z-index: 1000;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
}
.c-modal.is-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.c-modal-inner {
  position: relative;
}
@media screen and (min-width: 961px) {
  .c-modal-inner {
    width: 70.71742313323573vw;
  }
}
@media screen and (max-width: 960px) {
  .c-modal-inner {
    width: 89.33333333333333vw;
  }
}
.c-modal-close {
  display: block;
  position: fixed;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 961px) {
  .c-modal-close {
    width: 3.660322108345535vw;
    top: 2.196193265007321vw;
    right: 2.196193265007321vw;
  }
}
@media screen and (max-width: 960px) {
  .c-modal-close {
    width: 13.333333333333334vw;
    top: 5.333333333333334vw;
    right: 5.333333333333334vw;
  }
}
.c-modal-close:hover {
  opacity: 0.6;
}
.c-modal-iframe-wrap {
  position: relative;
  padding-top: 56.25%;
}
.c-modal-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-brand-text {
  line-height: 1.7;
  letter-spacing: 0.05em;
  color: #fff;
}
@media screen and (min-width: 961px) {
  .c-brand-text {
    font-size: 1.171303074670571vw;
  }
}
@media screen and (max-width: 960px) {
  .c-brand-text {
    font-size: 4.266666666666667vw;
  }
}
.c-brand-text--color02 {
  color: #46545c;
}
.c-youtube-thumbnail {
  display: block;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 961px) {
  .c-youtube-thumbnail {
    border-radius: 0.732064421669107vw;
  }
}
@media screen and (max-width: 960px) {
  .c-youtube-thumbnail {
    border-radius: 1.6vw;
  }
}
.c-youtube-thumbnail::after {
  content: "";
  display: block;
  background-image: url("/static/files/action/brand/images/top/ico-thumbnail-play.png");
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}
.c-youtube-thumbnail:hover::after {
  -webkit-transform: translate(-50%, -50%) scale(1.2);
  transform: translate(-50%, -50%) scale(1.2);
}
.c-youtube-thumbnail__title {
  letter-spacing: 0.08em;
  color: #fff;
  position: absolute;
}
@media screen and (max-width: 960px) {
  .c-youtube-thumbnail__title {
    font-size: 3.733333333333334vw;
    bottom: 2.933333333333333vw;
    left: 3.466666666666666vw;
  }
}
.c-brand-title-lv1 {
  letter-spacing: 0.03em;
  font-weight: normal;
  color: #fff;
}
@media screen and (min-width: 961px) {
  .c-brand-title-lv1 {
    line-height: calc(140 / 121);
    font-size: 8.857979502196194vw;
  }
}
@media screen and (max-width: 960px) {
  .c-brand-title-lv1 {
    line-height: calc(69 / 60);
    font-size: 16vw;
  }
}
.c-brand-title-lv2 {
  letter-spacing: 0em;
  font-weight: normal;
  color: #fff;
}
@media screen and (min-width: 961px) {
  .c-brand-title-lv2 {
    line-height: calc(80 / 90);
    font-size: 6.588579795021962vw;
  }
}
@media screen and (max-width: 960px) {
  .c-brand-title-lv2 {
    line-height: calc(56 / 54);
    font-size: 14.399999999999999vw;
  }
}
.c-brand-title-lv2--color02 {
  color: #46545c;
}
.c-brand-title-lv3 {
  letter-spacing: 0em;
  font-weight: normal;
  color: #fff;
}
@media screen and (min-width: 961px) {
  .c-brand-title-lv3 {
    line-height: calc(65 / 64);
    font-size: 4.685212298682284vw;
  }
}
@media screen and (max-width: 960px) {
  .c-brand-title-lv3 {
    line-height: calc(47 / 41);
    font-size: 10.933333333333334vw;
  }
}
.c-brand-title-lv3--color02 {
  color: #46545c;
}
.c-brand-title-lv4 {
  font-weight: bold;
  color: #fff;
}
@media screen and (min-width: 961px) {
  .c-brand-title-lv4 {
    line-height: calc(42 / 30);
    letter-spacing: 0.05em;
    font-size: 2.196193265007321vw;
  }
}
@media screen and (max-width: 960px) {
  .c-brand-title-lv4 {
    line-height: calc(38 / 24);
    letter-spacing: 0.03em;
    font-size: 6.4vw;
  }
}
.c-brand-title-lv4--color02 {
  color: #46545c;
}
.c-brand-title-lv5 {
  letter-spacing: 0.03em;
  font-weight: bold;
  color: #fff;
}
@media screen and (min-width: 961px) {
  .c-brand-title-lv5 {
    line-height: calc(36 / 24);
    font-size: 1.756954612005857vw;
  }
}
@media screen and (max-width: 960px) {
  .c-brand-title-lv5 {
    line-height: calc(39 / 24);
    font-size: 6.4vw;
  }
}
.p-brand {
  width: 100vw;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 961px) {
  .p-brand {
    margin: -74px 0 -150px;
  }
}
@media screen and (max-width: 960px) {
  .p-brand {
    margin: -40px 0 -90px;
  }
}
.p-brand img {
  width: 100%;
  vertical-align: middle;
}
.p-brand-bg {
  width: 100%;
  height: 100vh;
  left: 0;
  z-index: -1;
  -webkit-filter: brightness(0.4);
  filter: brightness(0.4);
}
.p-brand-bg__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-brand-keyvisual {
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media screen and (min-width: 961px) {
  .p-brand-keyvisual {
    padding: 12.152269399707174vw 0 23.206442166910687vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-keyvisual {
    padding: 29.333333333333332vw 0 43.46666666666666vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-keyvisual-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-keyvisual-title__brand {
    width: 55.05124450951684vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-keyvisual-title__brand {
    width: 89.33333333333333vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-keyvisual-title__jera {
    width: 19.1800878477306vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-keyvisual-title__jera {
    margin: 23.200000000000003vw 0 0 0.533333333333333vw;
    width: 46.800000000000004vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-keyvisual-movie {
    margin: 12.152269399707174vw 0 0;
    width: 43.04538799414349vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-keyvisual-movie {
    margin: 19.2vw 0 0;
    width: 100%;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-keyvisual-movie::after {
    width: 6.573938506588579vw;
    height: 6.573938506588579vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-keyvisual-movie::after {
    width: 23.946666666666665vw;
    height: 23.946666666666665vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-keyvisual-movie__title {
    font-size: 1.171303074670571vw;
    bottom: 1.903367496339678vw;
    left: 2.269399707174232vw;
  }
}
.p-brand-keyvisual__lead {
  letter-spacing: 0.05em;
  color: #fff;
}
@media screen and (min-width: 961px) {
  .p-brand-keyvisual__lead {
    margin: 6.588579795021962vw 0 0;
    line-height: calc(44 / 16);
    font-size: 1.171303074670571vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-keyvisual__lead {
    margin: 14.133333333333335vw -2.666666666666667vw 0 0.533333333333333vw;
    line-height: calc(37 / 16);
    font-size: 4.266666666666667vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-keyvisual__ardor {
    margin: 5.856515373352855vw 0 0 0;
    width: 47.87701317715959vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-keyvisual__ardor {
    margin: 14.399999999999999vw 0 0;
    width: 89.33333333333333vw;
  }
}
.p-brand-movie {
  position: relative;
}
.p-brand-movie-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 4;
}
@media screen and (min-width: 961px) {
  .p-brand-movie-title {
    top: 8.052708638360176vw;
    left: 4.904831625183016vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-movie-title {
    top: 10.4vw;
    left: 5.600000000000001vw;
  }
}
.p-brand-movie-title::before {
  content: "";
  display: block;
  border: 1px solid #ebeef0;
  -webkit-transform: skewY(343.5deg);
  transform: skewY(343.5deg);
}
@media screen and (min-width: 961px) {
  .p-brand-movie-title::before {
    margin: 0.512445095168375vw 1.464128843338214vw 0 0;
    border-radius: 0.366032210834553vw;
    width: 1.390922401171303vw;
    height: 10.248901903367496vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-movie-title::before {
    margin: 2.666666666666667vw 4vw 0 0;
    border-radius: 1.066666666666667vw;
    width: 3.466666666666666vw;
    height: 25.066666666666666vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-movie-title__image {
    width: 25.988286969253295vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-movie-title__image {
    width: 71.2vw;
  }
}
.p-brand-movie-content {
  background-size: cover;
}
@media screen and (min-width: 961px) {
  .p-brand-movie-content {
    margin: -300px 0 0;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-movie-content {
    margin: -111px 0 0;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-movie-content--01 {
    padding: 24.084919472913615vw 0 25.69546120058565vw;
    background-image: url("/static/files/action/brand/images/top/bg-movie01-pc.jpg");
  }
}
@media screen and (max-width: 960px) {
  .p-brand-movie-content--01 {
    padding: 58.93333333333334vw 0 64.8vw;
    background-image: url("/static/files/action/brand/images/top/bg-movie01-sp.jpg");
  }
}
@media screen and (min-width: 961px) {
  .p-brand-movie-content--02 {
    padding: 24.084919472913615vw 0 20.717423133235723vw;
    background-image: url("/static/files/action/brand/images/top/bg-movie02-pc.jpg");
  }
}
@media screen and (max-width: 960px) {
  .p-brand-movie-content--02 {
    padding: 53.06666666666666vw 0 47.46666666666667vw;
    background-image: url("/static/files/action/brand/images/top/bg-movie02-sp.jpg");
  }
}
@media screen and (min-width: 961px) {
  .p-brand-movie-content--03 {
    padding: 30.084919472913615vw 0 28.717423133235723vw;
    background-image: url("/static/files/action/brand/images/top/bg-movie03-pc.png");
  }
}
@media screen and (max-width: 960px) {
  .p-brand-movie-content--03 {
    padding: 53.06666666666666vw 0 47.46666666666667vw;
    background-image: url("/static/files/action/brand/images/top/bg-movie03-sp.png");
  }
}
@media screen and (min-width: 961px) {
  .p-brand-movie-content-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-movie-content-movie {
    width: 47.87701317715959vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-movie-content-movie {
    width: 100%;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-movie-content-movie::after {
    width: 7.313323572474379vw;
    height: 7.313323572474379vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-movie-content-movie::after {
    width: 23.946666666666665vw;
    height: 23.946666666666665vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-movie-content-movie__title {
    font-size: 1.244509516837482vw;
    bottom: 0.585651537335286vw;
    left: 2.489019033674964vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-movie-content__title {
    margin: 11.466666666666667vw 0 0;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-movie-content__title--01 {
    margin: 11.200585651537336vw 0 0;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-movie-content__title--02 {
    margin: 7.906295754026354vw 0 0;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-movie-content__title--03 {
    margin: 7.906295754026354vw 0 0;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-movie-content__text {
    margin: 0.585651537335286vw 0 0;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-movie-content__text {
    margin: 3.2vw 0 0;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-movie-content__link {
    margin: 4.319180087847731vw 0 0;
    padding: 0 0 0 1.756954612005857vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-movie-content__link {
    margin: 11.200000000000001vw 0 0;
    padding: 0 0 0 5.866666666666666vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-movie-content__link--01 {
    width: 19.1800878477306vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-movie-content__link--01::before,
  .p-brand-movie-content__link--01::after {
    right: 0.878477306002928vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-movie-content__link--01::before,
  .p-brand-movie-content__link--01::after {
    right: 6.933333333333333vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-movie-content__link--02 {
    width: 26.13469985358712vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-movie-content__link--02::before,
  .p-brand-movie-content__link--02::after {
    right: 1.756954612005857vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-movie-content__link--02::before,
  .p-brand-movie-content__link--02::after {
    right: 6.933333333333333vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-movie-content__link + .p-brand-movie-content__link {
    margin: 1.756954612005857vw 0 0;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-movie-content__link + .p-brand-movie-content__link {
    margin: 6.4vw 0 0;
  }
}
.p-brand-story {
  background-color: #fff;
}
@media screen and (min-width: 961px) {
  .p-brand-story {
    margin: -300px 0 0;
    padding: 27.232796486090777vw 0 8.784773060029282vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-story {
    margin: -111px 0 0;
    padding: 49.6vw 0 23.200000000000003vw;
  }
}
.p-brand-story-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 961px) {
  .p-brand-story-title {
    margin: 0 0 0 -2.928257686676428vw;
  }
}
.p-brand-story-title::before {
  content: "";
  display: block;
  background-color: #46545c;
  -webkit-transform: skewY(343.5deg);
  transform: skewY(343.5deg);
}
@media screen and (min-width: 961px) {
  .p-brand-story-title::before {
    margin: 0.439238653001464vw 1.537335285505125vw 0 0;
    border-radius: 0.292825768667643vw;
    width: 0.951683748169839vw;
    height: 3.294289897510981vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-story-title::before {
    margin: 2.133333333333333vw 4.266666666666667vw 0 0.266666666666667vw;
    border-radius: 1.066666666666667vw;
    width: 3.2vw;
    height: 20.533333333333335vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-story-title__image {
    width: 42.313323572474374vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-story-title__image {
    width: 81.6vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-story-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-story-content:nth-of-type(1) {
    margin: 5.34407027818448vw 0 0;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-story-content:nth-of-type(1) {
    margin: 13.600000000000001vw 0 0;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-story-content:nth-of-type(n + 2) {
    margin: 4.319180087847731vw 0 0;
    padding: 4.392386530014641vw 0 0;
    border-top: 1px solid rgba(70,84,92,0.2);
  }
}
@media screen and (max-width: 960px) {
  .p-brand-story-content:nth-of-type(n + 2) {
    margin: 14.666666666666666vw 0 0;
    padding: 16vw 0 0;
    border-top: 1px solid #46545c;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-story-content__image {
    width: 40.702781844802345vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-story-content__image {
    width: 100%;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-story-content-text {
    width: 35.79795021961933vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-story-content-text {
    margin: 11.466666666666667vw 0 0;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-story-content-text--wide {
    width: 100%;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-story-content-text__desc {
    margin: 1.464128843338214vw 0 0;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-story-content-text__desc {
    margin: 5.866666666666666vw 0 0;
  }
}
.p-brand-zero {
  background-color: #000;
  background-repeat: no-repeat;
}
@media screen and (min-width: 961px) {
  .p-brand-zero {
    padding: 9.224011713030746vw 0 8.052708638360176vw;
    background-image: url("/static/files/action/brand/images/top/bg-zero-pc.png");
    background-size: 52.41581259150805vw auto;
    background-position: top 2.196193265007321vw right 1.610541727672035vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-zero {
    padding: 19.466666666666665vw 0 23.733333333333334vw;
    background-image: url("/static/files/action/brand/images/top/bg-zero-sp.png");
    background-size: 72.26666666666667vw auto;
    background-position: top 42.4vw right 14.666666666666666vw;
  }
}
.p-brand-zero-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 961px) {
  .p-brand-zero-title {
    margin: 0 0 0 -2.928257686676428vw;
  }
}
.p-brand-zero-title::before {
  content: "";
  display: block;
  -webkit-transform: skewY(343.5deg);
  transform: skewY(343.5deg);
}
@media screen and (min-width: 961px) {
  .p-brand-zero-title::before {
    margin: 0.439238653001464vw 1.537335285505125vw 0 0;
    border-radius: 0.292825768667643vw;
    border: 1px solid #ebeef0;
    width: 0.951683748169839vw;
    height: 3.294289897510981vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-zero-title::before {
    margin: 2.133333333333333vw 4.266666666666667vw 0 0.266666666666667vw;
    border-radius: 1.066666666666667vw;
    border: 1px solid #fff;
    width: 3.2vw;
    height: 27.73333333333333vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-zero-title__image {
    width: 28.550512445095166vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-zero-title__image {
    width: 65.33333333333333vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-zero-content {
    margin: 2.781844802342606vw 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-zero-content {
    margin: 86.93333333333332vw 0 0;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-zero-content-movie {
    margin: 3.22108345534407vw 0 0;
    width: 33.52855051244509vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-zero-content-movie {
    width: 100%;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-zero-content-movie::after {
    width: 6.024890190336749vw;
    height: 6.024890190336749vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-zero-content-movie::after {
    width: 23.946666666666665vw;
    height: 23.946666666666665vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-zero-content-text {
    margin: 9.066666666666666vw 0 0;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-zero-content-text__desc {
    margin: 1.09809663250366vw 0 0;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-zero-content-text__desc {
    margin: 2.933333333333333vw 0 0;
  }
}
.p-brand-zero__link {
  letter-spacing: 0.14em;
}
@media screen and (min-width: 961px) {
  .p-brand-zero__link {
    margin: 4.392386530014641vw 0 0;
    padding: 0.219619326500732vw 0 0 2.049780380673499vw;
    width: 19.1800878477306vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-zero__link {
    margin: 23.200000000000003vw 0 0;
    padding: 1.066666666666667vw 0 0 5.866666666666666vw;
    width: 100%;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-zero__link::before,
  .p-brand-zero__link::after {
    right: 0.878477306002928vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-zero__link::before,
  .p-brand-zero__link::after {
    right: 6.933333333333333vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-other {
    padding: 8.49194729136164vw 0 0;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-other {
    padding: 25.333333333333336vw 0 0;
  }
}
.p-brand-other-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 961px) {
  .p-brand-other-title {
    margin: 0 0 0 -2.928257686676428vw;
  }
}
.p-brand-other-title::before {
  content: "";
  display: block;
  -webkit-transform: skewY(343.5deg);
  transform: skewY(343.5deg);
}
@media screen and (min-width: 961px) {
  .p-brand-other-title::before {
    margin: 0.439238653001464vw 1.537335285505125vw 0 0;
    border-radius: 0.292825768667643vw;
    border: 1px solid #ebeef0;
    width: 0.951683748169839vw;
    height: 3.294289897510981vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-other-title::before {
    margin: 2.133333333333333vw 4.266666666666667vw 0 0.266666666666667vw;
    border-radius: 1.066666666666667vw;
    border: 1px solid #fff;
    width: 3.2vw;
    height: 27.73333333333333vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-other-title__image {
    width: 35.57833089311859vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-other-title__image {
    width: 79.2vw;
  }
}
.p-brand-other-banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  background-size: cover;
}
@media screen and (min-width: 961px) {
  .p-brand-other-banner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.439238653001464vw;
    padding: 0 2.635431918008785vw 0 4.831625183016105vw;
    height: 10.980966325036604vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-other-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 88.26666666666667vw;
    height: 88.26666666666667vw;
    border-radius: 1.6vw;
    padding: 10.4vw 2.666666666666667vw 5.600000000000001vw 5.600000000000001vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-other-banner:nth-of-type(1) {
    margin: 3.294289897510981vw 0 0;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-other-banner:nth-of-type(1) {
    margin: 13.333333333333334vw auto 0;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-other-banner:nth-of-type(n + 2) {
    margin: 3.074670571010249vw 0 0;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-other-banner:nth-of-type(n + 2) {
    margin: 16vw auto 0;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-other-banner--employment {
    background-image: url("/static/files/action/brand/images/top/bg-other-banner-employment-pc.png");
  }
}
@media screen and (max-width: 960px) {
  .p-brand-other-banner--employment {
    background-image: url("/static/files/action/brand/images/top/bg-other-banner-employment-sp.png");
  }
}
@media screen and (min-width: 961px) {
  .p-brand-other-banner--discover {
    background-image: url("/static/files/action/brand/images/top/bg-other-banner-discover-pc.png");
  }
}
@media screen and (max-width: 960px) {
  .p-brand-other-banner--discover {
    background-image: url("/static/files/action/brand/images/top/bg-other-banner-discover-sp.png");
  }
}
@media screen and (min-width: 961px) {
  .p-brand-other-banner__title--discover {
    margin: 0 0 0.878477306002928vw;
    width: 31.99121522693997vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-other-banner__title--discover {
    width: 70.13333333333334vw;
  }
}
.p-brand-other-banner__desc {
  letter-spacing: 0.03em;
}
@media screen and (min-width: 961px) {
  .p-brand-other-banner__desc {
    margin: 0.292825768667643vw 0 0;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-other-banner__desc {
    margin: 4.266666666666667vw 0 0;
  }
}
.p-brand-other-banner__link {
  letter-spacing: 0.14em;
}
@media screen and (min-width: 961px) {
  .p-brand-other-banner__link {
    padding: 0.219619326500732vw 0 0 2.049780380673499vw;
    width: 19.1800878477306vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-other-banner__link {
    padding: 1.066666666666667vw 0 0 7.733333333333333vw;
    width: 77.60000000000001vw;
    font-size: 4vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-other-banner__link::before,
  .p-brand-other-banner__link::after {
    right: 0.878477306002928vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-other-banner__link::before,
  .p-brand-other-banner__link::after {
    right: 6.4vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-share {
    margin: 8.784773060029282vw 0 0;
    padding: 0 0 8.784773060029282vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-share {
    margin: 24vw 0 0;
    padding: 0 0 23.733333333333334vw;
  }
}
.p-brand-share-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 961px) {
  .p-brand-share-title {
    margin: 0 0 0 -2.928257686676428vw;
  }
}
.p-brand-share-title::before {
  content: "";
  display: block;
  -webkit-transform: skewY(343.5deg);
  transform: skewY(343.5deg);
}
@media screen and (min-width: 961px) {
  .p-brand-share-title::before {
    margin: 0.439238653001464vw 1.537335285505125vw 0 0;
    border-radius: 0.292825768667643vw;
    border: 1px solid #ebeef0;
    width: 0.951683748169839vw;
    height: 3.294289897510981vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-share-title::before {
    margin: 2.133333333333333vw 4.266666666666667vw 0 0.266666666666667vw;
    border-radius: 1.066666666666667vw;
    border: 1px solid #fff;
    width: 3.2vw;
    height: 11.200000000000001vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-share-title__image {
    width: 13.103953147877013vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-share-title__image {
    width: 49.86666666666667vw;
  }
}
@media screen and (min-width: 961px) {
  .p-brand-share-btns {
    margin: 3.294289897510981vw 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-share-btns {
    margin: 13.333333333333334vw 0 0;
  }
}
.p-brand-share-btns__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 0.12em;
  font-weight: bold;
  color: #fff;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 961px) {
  .p-brand-share-btns__link {
    border-radius: 0.439238653001464vw;
    width: 26.35431918008785vw;
    height: 4.392386530014641vw;
    font-size: 1.171303074670571vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-share-btns__link {
    border-radius: 1.6vw;
    width: 100%;
    height: 16vw;
    font-size: 3.733333333333334vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-share-btns__link:nth-of-type(n + 2) {
    margin: 5.600000000000001vw 0 0;
  }
}
.p-brand-share-btns__link:hover {
  opacity: 0.6;
}
.p-brand-share-btns__link::before {
  content: "";
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
}
@media screen and (min-width: 961px) {
  .p-brand-share-btns__link::before {
    width: 2.196193265007321vw;
    height: 2.196193265007321vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-share-btns__link::before {
    width: 8vw;
    height: 8vw;
  }
}
.p-brand-share-btns__link--facebook {
  background-color: #35599e;
}
.p-brand-share-btns__link--facebook::before {
  background-image: url("/static/files/action/brand/images/top/ico-share-facebook.png");
}
@media screen and (min-width: 961px) {
  .p-brand-share-btns__link--facebook::before {
    background-size: 0.963396778916545vw auto;
    top: 1.09809663250366vw;
    left: 0.951683748169839vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-share-btns__link--facebook::before {
    background-size: 3.509333333333333vw auto;
    top: 4.533333333333333vw;
    left: 4vw;
  }
}
.p-brand-share-btns__link--twitter {
  background-color: #00a8e6;
}
.p-brand-share-btns__link--twitter::before {
  background-image: url("/static/files/action/brand/images/top/ico-share-twitter.png");
}
@media screen and (min-width: 961px) {
  .p-brand-share-btns__link--twitter::before {
    background-size: 1.949487554904832vw auto;
    top: 1.09809663250366vw;
    left: 1.610541727672035vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-share-btns__link--twitter::before {
    background-size: 7.101333333333333vw auto;
    top: 4vw;
    left: 6.4vw;
  }
}
.p-brand-share-btns__link--linkedin {
  background-color: #0266b8;
}
.p-brand-share-btns__link--linkedin::before {
  background-image: url("/static/files/action/brand/images/top/ico-share-linkedin.png");
}
@media screen and (min-width: 961px) {
  .p-brand-share-btns__link--linkedin::before {
    background-size: 1.775988286969253vw auto;
    top: 1.09809663250366vw;
    left: 1.610541727672035vw;
  }
}
@media screen and (max-width: 960px) {
  .p-brand-share-btns__link--linkedin::before {
    background-size: 6.469333333333334vw auto;
    top: 3.733333333333334vw;
    left: 6.4vw;
  }
}