@charset 'UTF-8';

body {
  -webkit-font-smoothing: antialiased;
  width: calc(100% - 14px);
  position: fixed;
  background: #073190;
}

@media screen and (max-width: 990px) {
  body {
    width: 100%;
  }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
}

border 0 {
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquotebefore,
blockquoteafter,
qbefore,
qafter {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  outline: none;
  -webkit-appearance: none;
}

input {
  -webkit-appearance: none;
  outline: none;
}

select {
  -webkit-appearance: none;
  outline: none;
}

a {
  text-decoration: none;
}

a:link,
a:visited,
a:hover,
a:active {
  color: inherit;
}

a:hover {
  text-decoration: none;
}

.l-cotent-inner {
  width: 79.16666666666666%;
  margin: 0px auto;
}

@media screen and (max-width: 990px) {
  .l-cotent-inner {
    width: 86.66666666666667%;
  }
}

.l-footer {
  width: 100%;
  background: #000;
  height: 50px;
  color: #fff;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0px 25px 0px 30px;
  position: relative;
  z-index: 0;
  margin-top: -2px;
}

@media screen and (max-width: 990px) {
  .l-footer {
    margin-top: 0px;
    display: block;
    height: auto;
    padding: 4% 0px 4% 3.333333333333333%;
    font-size: 10px;
  }
}

.l-footer-logos {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 990px) {
  .l-footer-logos {
    display: block;
    width: 77.77777777777779%;
  }
}

.l-footer-logos-list {
  display: flex;
}

.l-footer-logos-list >li + li {
  margin-left: 20px;
  padding-left: 20px;
  border-left: solid 1px #404040;
}

@media screen and (max-width: 990px) {
  .l-footer-logos-list >li + li {
    margin-left: 2.678571428571428%;
    padding-left: 2.678571428571428%;
  }
}

.l-footer-logos-slash {
  margin: 0px 20px;
  width: 1px;
  height: 36px;
  background: #4a4a4a;
  transform: skewX(-30deg);
}

.l-footer-links-sns {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 990px) {
  .l-footer-links-sns {
    display: block;
  }
}

.l-footer-links-sns-list {
  margin-left: 40px;
  display: flex;
}

@media screen and (max-width: 990px) {
  .l-footer-links-sns-list {
    margin-left: 5%;
    margin-top: 5%;
  }
}

.l-footer-links-sns-list > li {
  width: 40px;
  height: 36px;
  background: #fff;
  transform: skewX(-30deg);
}

.l-footer-links-sns-list > li + li {
  margin-left: 5px;
}

.l-footer-links-sns-list > li.is-fb {
  background: #304e97;
}

.l-footer-links-sns-list > li.is-fb a {
  background: url("/brand/image/footer/icon_fb.png") no-repeat center center;
}

.l-footer-links-sns-list > li.is-tw {
  background: #4faaf0;
}

.l-footer-links-sns-list > li.is-tw a {
  background: url("/brand/image/footer/icon_tw.png") no-repeat center center;
}

.l-footer-links-sns-list > li.is-gp {
  background: #df4e3d;
}

.l-footer-links-sns-list > li.is-gp a {
  background: url("/brand/image/footer/icon_gp.png") no-repeat center center;
}

.l-footer-links-sns-list > li.is-in {
  background: #0177bd;
}

.l-footer-links-sns-list > li.is-in a {
  background: url("/brand/image/footer/icon_in.png") no-repeat center 9px;
}

.l-footer-links-sns-list > li.is-insta {
  background: #3c719d;
}

.l-footer-links-sns-list > li.is-insta a {
  background: url("/brand/image/footer/icon_insta.png") no-repeat center center;
}

.l-footer-links-sns-list > li a {
  display: block;
  width: 100%;
  height: 100%;
  transform: skewX(30deg);
}

.l-footer-links-slash {
  margin: 0px 53px;
  width: 1px;
  height: 36px;
  background: #fff;
  transform: skewX(-30deg);
}

@media screen and (max-width: 990px) {
  .l-footer-links-slash {
    width: 1px;
    height: 56px;
    background: #fff;
    transform: skewX(-30deg);
    margin: 0px 24px;
  }
}

.l-footer-links {
  display: flex;
}

@media screen and (max-width: 990px) {
  .l-footer-links {
    margin-top: 4%;
    position: relative;
  }
}

.l-footer-logos-copy {
  display: flex;
  align-items: center;
}

.l-footer-links-app {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

@media screen and (max-width: 990px) {
  .l-footer-links-app {
    margin-right: 16px;
    width: calc(85px + 10.5%);
  }
}

.l-footer-links-app-img {
  margin-left: 10px;
}

@media screen and (max-width: 990px) {
  .l-footer-links-app-img {
    margin-left: 5px;
    width: 23%;
  }
}

.l-footer-logos-list-ana-logo {
  width: 198px;
}

@media screen and (max-width: 990px) {
  .l-footer-logos-list-ana-logo {
    width: 48.75%;
  }
}

.l-footer-logos-list-ana-logo a {
  display: block;
}

.l-footer-logos-list-asam-logo {
  width: 187px;
}

@media screen and (max-width: 990px) {
  .l-footer-logos-list-asam-logo {
    width: 46.42857142857143%;
  }
}

.l-footer-logos-list-asam-logo a {
  display: block;
}

.l-header {
  width: 100%;
  height: 70px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 50px 0px 20px;
  box-sizing: border-box;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
}

@media screen and (max-width: 990px) {
  .l-header {
    height: 40px;
    padding: 0px 15px 0px 12px;
  }
}

.l-header-logo {
  width: 300px;
}

@media screen and (max-width: 990px) {
  .l-header-logo {
    width: 150px;
  }
}

.l-header-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: none;
  opacity: 0;
}

.l-header-nav-slash {
  width: 1px;
  height: 50px;
  background: #bababa;
  transform: skewX(-30deg);
  margin: 0px 30px;
}

@media screen and (max-width: 990px) {
  .l-header-nav-slash {
    display: none;
  }
}

.l-header-nav-lang {
  display: flex;
  padding-left: 20px;
  background: url("/brand/image/header/icon_earth.png") no-repeat left center;
  background-size: 16px 16px;
  height: 16px;
  align-items: center;
}

@media screen and (max-width: 990px) {
  .l-header-nav-lang {
    margin-right: 15px;
  }
}

.l-header-nav-lang-slash {
  width: 1px;
  height: 16px;
  background: #bababa;
  transform: skewX(-30deg);
  margin: 0px 7px;
}

.l-header-sp-menu {
  width: 100%;
  height: calc(100vh - 40px);
  position: fixed;
  top: 40px;
  left: 0%;
  opacity: 0;
  display: none;
  background: rgba(7,49,144,0.9);
}

.l-header-sp-menu-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(4,150,223,0.9);
  transform: skewX(-30deg);
}

.l-header-sp-menu-inner {
  padding-left: 22%;
  height: 100%;
  width: 100%;
  display: flex;
  /* 1 */
  justify-content: center;
  /* 2 */
  align-items: center;
}

.l-header-nav-sp-menu-btn {
  width: 19px;
  height: 19px;
  display: block;
  position: relative;
  overflow: hidden;
}

.l-header-nav-sp-menu-btn > span {
  position: absolute;
  display: block;
  width: 130%;
  height: 2px;
  left: 50%;
  background: #000;
  transition: all 0.3s;
  transform-origin: 50% 50%;
  transform: translate3d(-50%, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}

.l-header-nav-sp-menu-btn > span:nth-child(1) {
  top: 25%;
}

.l-header-nav-sp-menu-btn > span:nth-child(2) {
  top: 50%;
}

.l-header-nav-sp-menu-btn > span:nth-child(3) {
  top: 75%;
}

.l-header-nav-sp-menu-btn.is-active > span {
  width: 130%;
}

.l-header-nav-sp-menu-btn.is-active > span:nth-child(1) {
  top: 47%;
  transform: translate3d(-50%, 0, 0) rotate(60deg);
}

.l-header-nav-sp-menu-btn.is-active > span:nth-child(2) {
  left: 0;
  transform: translate3d(-100%, 0, 0);
}

.l-header-nav-sp-menu-btn.is-active > span:nth-child(3) {
  top: 47%;
  transform: translate3d(-50%, 0, 0) rotate(-60deg);
}

.l-main {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
  padding-top: 70px;
  display: block;
  font-family: "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", -apple-system, sans-serif;
}

@media screen and (max-width: 990px) {
  .l-main {
    padding-top: 40px;
  }
}

.l-main.is-en {
  font-family: "Myriad Pro", "Segoe UI", -apple-system, sans-serif;
}

@media screen and (max-width: 990px) {
  .l-menu {
    width: 100%;
  }
}

.l-menu-list {
  display: flex;
}

@media screen and (max-width: 990px) {
  .l-menu-list {
    display: block;
  }
}

.l-menu-list-item {
  position: relative;
  transition: opacity 0.3s;
}

.l-menu-list-item:hover {
  opacity: 0.5;
}

@media screen and (max-width: 990px) {
  .l-menu-list-item:before {
    content: '';
    position: absolute;
    bottom: 1px;
    height: 1px;
    background: #000;
    left: 0;
  }
}

.l-menu-list-item + .l-menu-list-item {
  margin-left: 50px;
}

@media screen and (max-width: 990px) {
  .l-menu-list-item + .l-menu-list-item {
    margin-left: 0;
    margin-top: 46px;
  }
}

.l-menu-list-item.is-top {
  width: 26px;
}

@media screen and (max-width: 990px) {
  .l-menu-list-item.is-top {
    width: 15.254237288135593%;
    padding-top: 6.101694915254238%;
  }

  .l-menu-list-item.is-top:before {
    width: 80%;
  }
}

.l-menu-list-item.is-brand {
  width: 113px;
}

@media screen and (max-width: 990px) {
  .l-menu-list-item.is-brand {
    width: 47.96610169491525%;
    padding-top: 6.271186440677965%;
  }

  .l-menu-list-item.is-brand:before {
    width: 90%;
  }
}

.l-menu-list-item.is-aioj {
  width: 187px;
}

@media screen and (max-width: 990px) {
  .l-menu-list-item.is-aioj {
    width: 74.91525423728814%;
    padding-top: 6.101694915254238%;
  }

  .l-menu-list-item.is-aioj:before {
    width: 95%;
  }
}

.l-menu-list-item.is-experience {
  width: 121px;
}

@media screen and (max-width: 990px) {
  .l-menu-list-item.is-experience {
    width: 49.66101694915254%;
    padding-top: 6.101694915254238%;
  }

  .l-menu-list-item.is-experience:before {
    width: 95%;
  }
}

.l-menu-list-item a {
  width: 100%;
  display: block;
}

@media screen and (max-width: 990px) {
  .l-menu-list-item-inner {
    width: 100%;
    position: absolute;
    top: 0;
  }
}

@media screen and (max-width: 990px) {
  .l-menu-list-item-inner.is-top {
    width: 60%;
  }
}

@media screen and (max-width: 990px) {
  .l-menu-list-item-inner.is-brand {
    width: 87.98586572438163%;
  }
}

@media screen and (max-width: 990px) {
  .l-menu-list-item-inner.is-aioj {
    width: 91.4027149321267%;
  }
}

@media screen and (max-width: 990px) {
  .l-menu-list-item-inner.is-experience {
    width: 87.37201365187714%;
  }
}

.l-menu-list-item-slash {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 990px) {
  .l-menu-list-item-slash.is-top {
    width: 28.888888888888886%;
    padding-top: 31.11111111111111%;
  }
}

@media screen and (max-width: 990px) {
  .l-menu-list-item-slash.is-brand {
    width: 9.187279151943462%;
    padding-top: 9.89399293286219%;
  }
}

@media screen and (max-width: 990px) {
  .l-menu-list-item-slash.is-aioj {
    width: 5.88235294117647%;
    padding-top: 6.334841628959276%;
  }
}

@media screen and (max-width: 990px) {
  .l-menu-list-item-slash.is-experience {
    width: 8.873720136518772%;
    padding-top: 9.556313993174061%;
  }
}

.c-cloud-left {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  transform: translate(-53%, -39%);
  opacity: 0;
}

@media screen and (max-width: 990px) {
  .c-cloud-left {
    width: 200%;
    max-width: none;
  }
}

.c-cloud-left.is-landing {
  transition: all 5s;
  transform: translate(-46%, -39%);
  opacity: 1;
}

.c-cloud-left.is-scroll {
  transition: all 1s;
  opacity: 0;
}

@media screen and (max-width: 990px) and (min-aspect-ratio: 3/4) {
  .c-cloud-left {
    width: 100%;
  }
}

.c-cloud-right {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 85%;
  transform: translate(30%, 28%);
  opacity: 0;
}

@media screen and (max-width: 990px) {
  .c-cloud-right {
    width: 200%;
    max-width: none;
    transform: translate(50%, 30%);
  }
}

.c-cloud-right.is-landing {
  transition: all 5s;
  transform: translate(25%, 28%);
  opacity: 1;
}

@media screen and (max-width: 990px) {
  .c-cloud-right.is-landing {
    transform: translate(45%, 30%);
  }
}

.c-cloud-right.is-scroll {
  transition: all 1s;
  opacity: 0;
}

@media screen and (max-width: 990px) and (min-aspect-ratio: 3/4) {
  .c-cloud-right {
    width: 100%;
  }
}

.c-section-hdg.is-experience {
  width: 14.485981308411214%;
  padding-top: 1.588785046728972%;
  position: relative;
}

@media screen and (max-width: 990px) {
  .c-section-hdg.is-experience {
    width: 31.23076923076923%;
    padding-top: 3.846153846153846%;
  }
}

.c-section-hdg.is-aioj {
  width: 20.526315789473685%;
  padding-top: 1.491228070175439%;
  position: relative;
}

@media screen and (max-width: 990px) {
  .c-section-hdg.is-aioj {
    width: 46.61538461538461%;
    padding-top: 3.846153846153846%;
  }
}

.c-section-hdg.is-brandstatement {
  width: 13.157894736842104%;
  padding-top: 1.228070175438597%;
  position: relative;
}

@media screen and (max-width: 990px) {
  .c-section-hdg.is-brandstatement {
    width: 30.76923076923077%;
    padding-top: 3.076923076923077%;
  }
}

.c-section-hdg-inner.is-experience {
  width: 87.09677419354838%;
  position: absolute;
  bottom: 0;
}

.c-section-hdg-inner.is-aioj {
  width: 89.74358974358975%;
  position: absolute;
  bottom: 0;
}

.c-section-hdg-inner.is-brandstatement {
  width: 85.33333333333334%;
  position: absolute;
  bottom: 0;
}

.c-section-hdg-fin.is-experience {
  position: absolute;
  top: 0;
  right: 0%;
  width: 10.32258064516129%;
  padding-top: 9.032258064516128%;
}

.c-section-hdg-fin.is-aioj {
  position: absolute;
  top: 0;
  right: 0%;
  width: 6.837606837606838%;
  padding-top: 5.982905982905983%;
}

.c-section-hdg-fin.is-brandstatement {
  position: absolute;
  top: 0;
  right: 0%;
  width: 10.666666666666668%;
  padding-top: 9.333333333333334%;
}

.c-svg-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.c-parts-svg {
  position: relative;
  width: 100%;
}

.c-parts-svg.is-brandstatement {
  padding-top: 10.15625%;
}

.c-parts-svg.is-aioj {
  padding-top: 7.142857142857142%;
}

.c-parts-svg.is-experience {
  padding-top: 11.71875%;
}

.c-parts-svg.is-top {
  padding-top: 56.00000000000001%;
}

.p-top-brand-section {
  padding-top: 8.333333333333332%;
  padding-bottom: 8.333333333333332%;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 990px) {
  .p-top-brand-section {
    padding-top: 13.333333333333334%;
    padding-bottom: 20%;
  }
}

.p-top-brand-section-bg {
  width: 100%;
  border-top: solid 2px #000;
}

.p-top-brand-message {
  width: 100%;
  margin-top: 3.508771929824561%;
  position: relative;
}

@media screen and (max-width: 990px) {
  .p-top-brand-message {
    margin-top: 6.923076923076923%;
  }
}

.p-top-brand-message.is-en .p-top-brand-message-paragraph span {
  margin: 0 !important;
  -webkit-font-smoothing: antialiased;
  font-size: 2.638888888888889vw;
  letter-spacing: 0.15vw;
}

@media screen and (max-width: 990px) {
  .p-top-brand-message.is-en .p-top-brand-message-paragraph span {
    font-size: 6.133333333333333vw;
  }
}

.p-top-brand-slash {
  position: absolute;
  top: 0;
  left: 30%;
  width: 46.52777777777778%;
  height: 100%;
  background: #0b318f;
  transform: skewX(-30deg);
  display: flex;
  opacity: 0.85;
  transition: left 0.5s;
}

@media screen and (max-width: 990px) {
  .p-top-brand-slash {
    width: 115%;
    left: 50%;
    transform: translateX(-50%) skewX(-30deg);
  }
}

.p-top-brand-slash:before {
  content: '';
  position: absolute;
  right: 0px;
  width: 19.402985074626866%;
  height: 100%;
  background: #00a7ea;
}

.p-top-brand-message-paragraph {
  width: 100%;
  color: #fff;
  font-size: 2.222222222222222vw;
  position: relative;
}

@media screen and (max-width: 990px) {
  .p-top-brand-message-paragraph {
    font-size: 5.066666666666666vw;
  }
}

.p-top-brand-message-paragraph span {
  opacity: 0;
  -webkit-font-smoothing: subpixel-antialiased;
}

.p-top-brand-message-paragraph span::selection {
  background: rgba(255,255,255,0.01);
  color: rgba(255,255,255,1);
}

.p-top-brand-message-paragraph span.is-kakko {
  font-weight: normal;
}

.p-top-brand-message-paragraph.is-01 .is-0 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-01 .is-1 {
  margin-right: -0.1vh;
}

.p-top-brand-message-paragraph.is-01 .is-3 {
  margin-right: 0.3vh;
}

.p-top-brand-message-paragraph.is-01 .is-4 {
  margin-right: -1.2vh;
}

.p-top-brand-message-paragraph.is-01 .is-8 {
  margin-right: -3vh;
}

.p-top-brand-message-paragraph.is-01 .is-11 {
  margin-right: 0.1vh;
}

.p-top-brand-message-paragraph.is-01 .is-12 {
  margin-right: 0.1vh;
}

.p-top-brand-message-paragraph.is-01 .is-14 {
  margin-right: -1.7vh;
}

.p-top-brand-message-paragraph.is-01 .is-16 {
  margin-right: 0.3vh;
}

.p-top-brand-message-paragraph.is-01 .is-17 {
  margin-right: 0.1vh;
}

.p-top-brand-message-paragraph.is-01 .is-18 {
  margin-right: -0.2vh;
}

.p-top-brand-message-paragraph.is-01 .is-19 {
  margin-right: -0.2vh;
}

.p-top-brand-message-paragraph.is-02 .is-0 {
  margin-left: -0.1vh;
}

@media screen and (max-width: 990px) {
  .p-top-brand-message-paragraph.is-02 .is-0 {
    margin-left: -1.5vh;
  }
}

.p-top-brand-message-paragraph.is-02 .is-6 {
  margin-right: -0.1vh;
}

.p-top-brand-message-paragraph.is-02 .is-10 {
  margin-right: -0.2vh;
}

.p-top-brand-message-paragraph.is-02 .is-12 {
  margin-right: -0.2vh;
}

.p-top-brand-message-paragraph.is-02 .is-13 {
  margin-right: 0.3vh;
}

.p-top-brand-message-paragraph.is-02 .is-14 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-02 .is-16 {
  margin-right: -0.2vh;
}

.p-top-brand-message-paragraph.is-02 .is-18 {
  margin-right: -0.2vh;
}

.p-top-brand-message-paragraph.is-02 .is-19 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-02 .is-22 {
  margin-right: -0.2vh;
}

.p-top-brand-message-paragraph.is-02 .is-24 {
  margin-right: -0.5vh;
}

.p-top-brand-message-paragraph.is-02 .is-26 {
  margin-right: 0.3vh;
}

.p-top-brand-message-paragraph.is-02 .is-31 {
  margin-right: -0.2vh;
}

.p-top-brand-message-paragraph.is-02 .is-32 {
  margin-right: -0.2vh;
}

.p-top-brand-message-paragraph.is-03 .is-4 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-03 .is-5 {
  margin-right: 0.1vh;
}

.p-top-brand-message-paragraph.is-03 .is-11 {
  margin-right: -0.6vh;
}

.p-top-brand-message-paragraph.is-03 .is-12 {
  margin-right: 0.1vh;
}

.p-top-brand-message-paragraph.is-03 .is-13 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-03 .is-14 {
  margin-right: 0.1vh;
}

.p-top-brand-message-paragraph.is-03 .is-15 {
  margin-right: 0.3vh;
}

.p-top-brand-message-paragraph.is-03 .is-18 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-04 .is-6 {
  margin-right: -0.5vh;
}

@media screen and (max-width: 990px) {
  .p-top-brand-message-paragraph.is-04 .is-6 {
    margin-right: 0.2vh;
  }
}

.p-top-brand-message-paragraph.is-04 .is-7 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-04 .is-10 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-04 .is-13 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-04 .is-16 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-04 .is-17 {
  margin-right: 0.1vh;
}

.p-top-brand-message-paragraph.is-04 .is-19 {
  margin-right: -0.2vh;
}

.p-top-brand-message-paragraph.is-04 .is-20 {
  margin-right: -0.1vh;
}

.p-top-brand-message-paragraph.is-04 .is-22 {
  margin-right: -0.1vh;
}

.p-top-brand-message-paragraph.is-04 .is-23 {
  margin-right: -0.1vh;
}

.p-top-brand-message-paragraph.is-04 .is-24 {
  margin-right: -0.3vh;
}

.p-top-brand-message-paragraph.is-05 .is-0 {
  margin-left: -0.1vh;
}

.p-top-brand-message-paragraph.is-05 .is-8 {
  margin-right: -0.5vh;
}

.p-top-brand-message-paragraph.is-05 .is-15 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-06 .is-0 {
  margin-left: -2vh;
}

@media screen and (max-width: 990px) {
  .p-top-brand-message-paragraph.is-06 .is-0 {
    margin-left: 0vh;
  }
}

.p-top-brand-message-paragraph.is-06 .is-11 {
  margin-right: -0.5vh;
}

.p-top-brand-message-paragraph.is-06 .is-12 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-06 .is-15 {
  margin-right: -0.3vh;
}

.p-top-brand-message-paragraph.is-06 .is-16 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-06 .is-17 {
  margin-right: -0.5vh;
}

.p-top-brand-message-paragraph.is-06 .is-21 {
  margin-right: 0.3vh;
}

.p-top-brand-message-paragraph.is-06 .is-22 {
  margin-right: 0.1vh;
}

.p-top-brand-message-paragraph.is-07 .is-0 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-07 .is-11 {
  margin-right: 0.4vh;
}

.p-top-brand-message-paragraph.is-07 .is-12 {
  margin-right: 0.1vh;
}

.p-top-brand-message-paragraph.is-07 .is-14 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-07 .is-15 {
  margin-right: 0.1vh;
}

.p-top-brand-message-paragraph.is-07 .is-18 {
  margin-right: -0.5vh;
}

.p-top-brand-message-paragraph.is-07 .is-20 {
  margin-right: -0.2vh;
}

.p-top-brand-message-paragraph.is-07 .is-22 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-07 .is-24 {
  margin-right: -0.2vh;
}

.p-top-brand-message-paragraph.is-07 .is-25 {
  margin-right: -0.3vh;
}

.p-top-brand-message-paragraph.is-08 .is-7 {
  margin-right: -0.2vh;
}

.p-top-brand-message-paragraph.is-08 .is-13 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-08 .is-15 {
  margin-right: -0.2vh;
}

.p-top-brand-message-paragraph.is-09 .is-0 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-09 .is-6 {
  margin-right: -0.3vh;
}

.p-top-brand-message-paragraph.is-09 .is-7 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-09 .is-11 {
  margin-right: 0.1vh;
}

.p-top-brand-message-paragraph.is-10 .is-2 {
  margin-right: 0.1vh;
}

.p-top-brand-message-paragraph.is-10 .is-3 {
  margin-right: 0.1vh;
}

.p-top-brand-message-paragraph.is-10 .is-6 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-10 .is-7 {
  margin-right: 0.1vh;
}

.p-top-brand-message-paragraph.is-10 .is-8 {
  margin-right: 0.2vh;
}

@media screen and (max-width: 990px) {
  .p-top-brand-message-paragraph.is-10 .is-8 {
    margin-right: -1vh;
  }
}

.p-top-brand-message-paragraph.is-10 .is-12 {
  margin-right: -0.1vh;
}

.p-top-brand-message-paragraph.is-10 .is-15 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-11 .is-2 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-11 .is-6 {
  margin-right: 0.1vh;
}

.p-top-brand-message-paragraph.is-11 .is-9 {
  margin-right: -0.2vh;
}

.p-top-brand-message-paragraph.is-11 .is-10 {
  margin-right: -0.5vh;
}

.p-top-brand-message-paragraph.is-11 .is-11 {
  margin-right: -0.1vh;
}

.p-top-brand-message-paragraph.is-11 .is-13 {
  margin-right: 0.2vh;
}

@media screen and (max-width: 990px) {
  .p-top-brand-message-paragraph.is-11 .is-0 {
    margin-left: -1.5vh;
  }
}

.p-top-brand-message-paragraph.is-11 .is-5 {
  margin-right: -0.3vh;
}

.p-top-brand-message-paragraph.is-11 .is-7 {
  margin-right: 0.1vh;
}

.p-top-brand-message-paragraph.is-12 .is-3 {
  margin-right: -0.3vh;
}

.p-top-brand-message-paragraph.is-13 .is-10 {
  margin-right: 0.4vh;
}

.p-top-brand-message-paragraph.is-13 .is-14 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-13 .is-15 {
  margin-right: 0.3vh;
}

.p-top-brand-message-paragraph.is-13 .is-18 {
  margin-right: -0.2vh;
}

.p-top-brand-message-paragraph.is-14 .is-7 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-14 .is-10 {
  margin-right: -0.4vh;
}

.p-top-brand-message-paragraph.is-16 .is-3 {
  margin-right: -0.4vh;
}

.p-top-brand-message-paragraph.is-16 .is-5 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-16 .is-6 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-16 .is-7 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-16 .is-8 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-16 .is-9 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-16 .is-10 {
  margin-right: 0.1vh;
}

.p-top-brand-message-paragraph.is-16 .is-11 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-16 .is-12 {
  margin-right: 0.3vh;
}

.p-top-brand-message-paragraph.is-16 .is-13 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-16 .is-14 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-16 .is-17 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-16 .is-20 {
  margin-right: 0.1vh;
}

.p-top-brand-message-paragraph.is-16 .is-21 {
  margin-right: 0.1vh;
}

.p-top-brand-message-paragraph.is-16 .is-22 {
  margin-right: -0.1vh;
}

.p-top-brand-message-paragraph.is-16 .is-29 {
  margin-right: 0.2vh;
}

.p-top-brand-message-paragraph.is-16 .is-35 {
  margin-right: -0.5vh;
}

.p-top-brand-message-paragraph + .p-top-brand-message-paragraph {
  margin-top: 3.608247422680412%;
}

@media screen and (max-width: 990px) {
  .p-top-brand-message-paragraph + .p-top-brand-message-paragraph {
    margin-top: 6.461538461538462%;
  }
}

.p-top-experience-section {
  width: 100%;
  overflow: hidden;
  border-top: solid 2px #000;
  background-size: cover;
}

@media screen and (max-width: 990px) {
  .p-top-experience-section {
    padding-top: 6.666666666666667%;
    padding-bottom: 6.666666666666667%;
    display: block !important;
  }
}

.p-top-experience-section .l-cotent-inner {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  margin-top: 12.149532710280374%;
  width: 74.30555555555556%;
}

@media screen and (max-width: 990px) {
  .p-top-experience-section .l-cotent-inner {
    position: relative;
    width: 86.66666666666667%;
  }
}

.p-top-experience-section-bg {
  width: 100%;
}

.p-top-experience-section-innner {
  width: 100%;
  transform: skewX(-30deg);
  justify-content: center;
  overflow: hidden;
}

@media screen and (max-width: 990px) {
  .p-top-experience-section-innner {
    display: block;
    transform: skewX(0deg);
  }
}

.p-top-experience-clm {
  float: left;
  padding-top: 24.5%;
  padding-bottom: 18.75%;
  width: 33.33333333333333%;
  position: relative;
  overflow: hidden;
}

.p-top-experience-clm.is-en {
  padding-bottom: 21%;
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm.is-en {
    padding-top: 10.666666666666668%;
    padding-bottom: 5.333333333333334%;
  }
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm {
    transform: skewX(0deg);
    width: 100%;
    padding-top: 8%;
    padding-bottom: 8%;
    margin-top: 6%;
  }
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm +.p-top-experience-clm {
    margin-top: 3.076923076923077%;
    border-left: none;
  }
}

.p-top-experience-clm.is-sparkling .p-top-experience-clm-bg {
  background-image: url("/brand/image/top/experiene/bg_01_pc.png");
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm.is-sparkling .p-top-experience-clm-bg {
    background-image: url("/brand/image/top/experiene/bg_01_sp.png");
    width: 100%;
  }
}

.p-top-experience-clm.is-caring .p-top-experience-clm-bg {
  background-image: url("/brand/image/top/experiene/bg_02_pc.png");
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm.is-caring .p-top-experience-clm-bg {
    background-image: url("/brand/image/top/experiene/bg_02_sp.png");
    width: 100%;
  }
}

.p-top-experience-clm.is-japanquality {
  padding-bottom: 20.8%;
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm.is-japanquality {
    padding-top: 10%;
    padding-bottom: 10%;
  }
}

.p-top-experience-clm.is-japanquality.is-en {
  padding-bottom: 21.4%;
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm.is-japanquality.is-en {
    padding-top: 10.666666666666668%;
    padding-bottom: 5.333333333333334%;
  }
}

.p-top-experience-clm.is-japanquality .p-top-experience-clm-bg {
  background-image: url("/brand/image/top/experiene/bg_03_pc.png");
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm.is-japanquality .p-top-experience-clm-bg {
    background-image: url("/brand/image/top/experiene/bg_03_sp.png");
    width: 100%;
  }
}

.p-top-experience-clm-bg {
  position: absolute;
  top: 0;
  left: 50%;
  width: 200%;
  height: 100%;
  transform: translateX(-50%) skewX(30deg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm-bg {
    width: 235%;
    transform: translateX(-50%) skewX(0deg);
  }
}

.p-top-experience-clm-inner {
  transform: skewX(30deg);
  width: 100%;
  margin-left: 18%;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm-inner {
    transform: skewX(0deg);
    width: 86.66666666666667%;
    margin-left: auto;
    margin-right: auto;
  }
}

.p-top-experience-clm-ttl {
  position: relative;
  display: block;
  overflow: hidden;
}

.p-top-experience-clm-ttl.is-sparkling {
  width: 40.208333333333336%;
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm-ttl.is-sparkling {
    width: 30.461538461538463%;
  }
}

.p-top-experience-clm-ttl.is-caring {
  width: 30.833333333333336%;
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm-ttl.is-caring {
    width: 23.076923076923077%;
  }
}

.p-top-experience-clm-ttl.is-japanquality {
  width: 54.79166666666667%;
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm-ttl.is-japanquality {
    width: 41.53846153846154%;
  }
}

.p-top-experience-clm-ttl-txt {
  position: relative;
  height: 0;
  float: left;
}

.p-top-experience-clm-ttl-txt.is-sparkling {
  width: 78.23834196891191%;
  padding-top: 16.580310880829018%;
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm-ttl-txt.is-sparkling {
    width: 80.3030303030303%;
    padding-top: 17.17171717171717%;
  }
}

.p-top-experience-clm-ttl-txt.is-caring {
  width: 70.94594594594594%;
  padding-top: 20.945945945945947%;
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm-ttl-txt.is-caring {
    width: 72.66666666666667%;
    padding-top: 22%;
  }
}

.p-top-experience-clm-ttl-txt.is-japanquality {
  width: 84.79087452471484%;
  padding-top: 12.547528517110266%;
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm-ttl-txt.is-japanquality {
    width: 85.55555555555556%;
    padding-top: 12.592592592592592%;
  }
}

.p-top-experience-clm-hdg-slash {
  position: relative;
  float: left;
}

.p-top-experience-clm-hdg-slash.is-sparkling {
  margin-left: 3.10880829015544%;
  width: 16.580310880829018%;
  padding-top: 14%;
}

.p-top-experience-clm-hdg-slash.is-caring {
  margin-left: 4.054054054054054%;
  width: 21.62162162162162%;
  padding-top: 17%;
}

.p-top-experience-clm-hdg-slash.is-japanquality {
  margin-left: 1.520912547528517%;
  width: 12.167300380228136%;
  padding-top: 10%;
}

.p-top-experience-clm-txt {
  position: relative;
  height: 0;
  margin-top: 8.333333333333332%;
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm-txt {
    margin-top: 3.846153846153846%;
  }
}

.p-top-experience-clm-txt.is-sparkling {
  width: 55.833333333333336%;
  padding-top: 27.708333333333336%;
}

.p-top-experience-clm-txt.is-sparkling.is-en {
  padding-top: 20.416666666666668%;
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm-txt.is-sparkling.is-en {
    width: 67.38461538461539%;
    padding-top: 21.076923076923077%;
  }
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm-txt.is-sparkling {
    width: 73.53846153846155%;
    padding-top: 21.69230769230769%;
  }
}

.p-top-experience-clm-txt.is-caring {
  width: 63.33333333333333%;
  padding-top: 27.708333333333336%;
}

.p-top-experience-clm-txt.is-caring.is-en {
  padding-top: 20.416666666666668%;
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm-txt.is-caring.is-en {
    width: 76.61538461538461%;
    padding-top: 21.076923076923077%;
  }
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm-txt.is-caring {
    width: 79.23076923076923%;
    padding-top: 21.846153846153847%;
  }
}

.p-top-experience-clm-txt.is-japanquality {
  width: 55.833333333333336%;
  padding-top: 21.458333333333332%;
}

.p-top-experience-clm-txt.is-japanquality.is-en {
  margin-top: 8.6%;
  width: 64%;
  padding-top: 18.9%;
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm-txt.is-japanquality.is-en {
    margin-top: 3.846153846153846%;
    width: 66.15384615384615%;
    padding-top: 21.076923076923077%;
  }
}

@media screen and (max-width: 990px) {
  .p-top-experience-clm-txt.is-japanquality {
    width: 77.84615384615384%;
    padding-top: 15.846153846153847%;
  }
}

.p-top-inspiration-section {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 58%;
  border-top: solid 2px #000;
}

@media screen and (max-width: 990px) {
  .p-top-inspiration-section {
    padding-top: 58.666666666666664%;
    padding-bottom: 27.73333333333333%;
    background-size: 100% auto;
    background-size: contain;
  }
}

.p-top-inspiration-section >.l-cotent-inner {
  min-width: 920px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 990px) {
  .p-top-inspiration-section >.l-cotent-inner {
    position: relative;
    top: 0%;
    left: 0%;
    min-width: 0;
    transform: translate(0%, 0%);
  }
}

.p-top-inspiration-section-bg {
  width: 100%;
}

.p-top-inspiration-ttl {
  margin-top: 4.385964912280701%;
  width: 78.33333333333333%;
  padding-top: 7.456140350877193%;
  position: relative;
}

.p-top-inspiration-ttl.is-en {
  width: 84.03508771929825%;
  padding-top: 10.789473684210527%;
}

@media screen and (max-width: 990px) {
  .p-top-inspiration-ttl.is-en {
    width: 96.46153846153847%;
    padding-top: 40.15384615384615%;
  }
}

@media screen and (max-width: 990px) {
  .p-top-inspiration-ttl {
    margin-top: 4.615384615384616%;
    width: 96.76923076923077%;
    padding-top: 33.53846153846154%;
  }
}

.p-top-inspiration-txt {
  position: relative;
  width: 77.10526315789473%;
  padding-top: 9.824561403508772%;
  margin-top: 5.263157894736842%;
}

.p-top-inspiration-txt.is-en {
  width: 89.29824561403508%;
  padding-top: 11.052631578947368%;
}

@media screen and (max-width: 990px) {
  .p-top-inspiration-txt.is-en {
    width: 98.61538461538461%;
    padding-top: 78%;
  }
}

@media screen and (max-width: 990px) {
  .p-top-inspiration-txt {
    margin-top: 15.384615384615385%;
    width: 99.38461538461539%;
    padding-top: 77.38461538461539%;
  }
}

.p-top-inspiration-graphic {
  position: relative;
  width: 80%;
  padding-top: 11.491228070175438%;
  margin-top: 5.263157894736842%;
}

@media screen and (max-width: 990px) {
  .p-top-inspiration-graphic {
    margin-top: 12.307692307692308%;
    width: 100%;
    padding-top: 56.15384615384615%;
  }
}

.p-top-inspiration-section-slash-bg {
  width: 100%;
  height: 100%;
  display: flex;
  top: 0;
  left: 0;
  position: absolute;
  transform: skewX(-30deg);
}

@media screen and (max-width: 990px) {
  .p-top-inspiration-section-slash-bg {
    height: 38.75694795351187%;
    transform: skewX(0deg);
    background: url("/brand/image/top/inspiration/bg_sp.png") no-repeat top center;
    background-size: contain;
  }
}

.p-top-inspiration-section-bg-clm {
  height: 100%;
  flex-grow: 1;
  width: 33.33333333333333%;
  position: relative;
  overflow: hidden;
}

.p-top-inspiration-section-bg-clm:nth-child(3) .p-top-inspiration-section-bg-clm-inner {
  background-image: url("/brand/image/top/inspiration/bg_pc.png");
  position: absolute;
  top: 0;
  right: -52%;
  width: 205%;
  height: 100%;
  transform: skewX(30deg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
}

.p-top-mv-section {
  width: 100%;
  min-height: calc(100vh - 70px);
  position: relative;
  z-index: 1;
  overflow: hidden;
  box-sizing: border-box;
}

@media screen and (max-width: 990px) {
  .p-top-mv-section {
    min-height: calc(100vh - 40px);
  }
}

.p-top-mv-section .l-cotent-inner {
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

@media screen and (max-width: 990px) {
  .p-top-mv-section .l-cotent-inner {
    top: 50%;
  }
}

.p-top-scroll {
  position: absolute;
  bottom: 52px;
  left: 10.5%;
  width: 30px;
  opacity: 0;
  transform: translate(-10px, 30px);
}

@media screen and (max-width: 990px) {
  .p-top-scroll {
    width: 5.866666666666666%;
    left: 8%;
    bottom: 50px;
  }
}

@media screen and (max-width: 990px) and (min-aspect-ratio: 3/4) {
  .p-top-scroll {
    width: 30px;
    bottom: 20px;
    left: 6.5%;
  }
}

.p-top-scroll-txt {
  position: relative;
  width: 100%;
  padding-top: 26.666666666666668%;
}

.p-top-scroll-arrow {
  position: relative;
  margin: 26.666666666666668% auto 0px auto;
  width: 76.66666666666667%;
  padding-top: 50%;
}

@media screen and (max-width: 990px) {
  .p-top-scroll-arrow {
    width: 52.27272727272727%;
  }
}

.p-top-mv-slash-wrap {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

.p-top-mv-slash {
  position: absolute;
  top: 0;
  right: 17%;
  width: 46.5%;
  height: 100%;
  background: transparent;
  transform: skewX(-30deg);
  display: flex;
}

@media screen and (max-width: 990px) {
  .p-top-mv-slash {
    width: 129%;
    right: 50%;
    transform: translateX(50%) skewX(-30deg);
  }
}

.p-top-mv-slash-inner {
  width: 0%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
}

.p-top-mv-slash-01 {
  width: 0%;
  height: 100%;
  background: #073190;
  float: left;
}

.p-top-mv-slash-02 {
  width: 0%;
  height: 100%;
  background: #00a7eb;
  float: left;
}

.p-top-mv-section-inner {
  color: #fff;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  min-width: 1020px;
}

@media screen and (max-width: 990px) {
  .p-top-mv-section-inner {
    min-width: 0px;
  }
}

.p-top-mv-hdg-sub {
  width: 32.631578947368425%;
  padding-top: 1.491228070175439%;
  position: relative;
  transform: translate(-10px, 30px);
  opacity: 0;
}

.p-top-mv-hdg-sub.is-en {
  width: 38.421052631578945%;
  padding-top: 1.31578947368421%;
}

@media screen and (max-width: 990px) {
  .p-top-mv-hdg-sub.is-en {
    width: 67.23076923076923%;
    padding-top: 8.307692307692308%;
  }
}

@media screen and (max-width: 990px) and (min-aspect-ratio: 3/4) {
  .p-top-mv-hdg-sub.is-en {
    width: 38.421052631578945%;
    padding-top: 1.31578947368421%;
  }
}

@media screen and (max-width: 990px) {
  .p-top-mv-hdg-sub {
    width: 83.07692307692308%;
    padding-top: 3.384615384615385%;
  }
}

@media screen and (max-width: 990px) and (min-aspect-ratio: 3/4) {
  .p-top-mv-hdg-sub {
    width: 32.631578947368425%;
    padding-top: 1.491228070175439%;
  }
}

.p-top-mv-hdg-lv1 {
  margin-top: 2.631578947368421%;
  width: 59.82456140350877%;
  padding-top: 18.24561403508772%;
  position: relative;
  transform: translate(-10px, 30px);
  opacity: 0;
}

@media screen and (max-width: 990px) {
  .p-top-mv-hdg-lv1 {
    margin-top: 5.384615384615385%;
    width: 92.3076923076923%;
    padding-top: 36.15384615384615%;
  }
}

@media screen and (max-width: 990px) and (min-aspect-ratio: 3/4) {
  .p-top-mv-hdg-lv1 {
    margin-top: 2.631578947368421%;
    width: 59.82456140350877%;
    padding-top: 18.24561403508772%;
  }

  .p-top-mv-hdg-lv1 .s-hidden-s {
    display: block;
  }

  .p-top-mv-hdg-lv1 .s-visible-s {
    display: none;
  }
}

.p-top-mv-list {
  margin-top: 4.56140350877193%;
  width: 100%;
}

@media screen and (max-width: 990px) {
  .p-top-mv-list {
    margin-top: 9.230769230769232%;
    display: block;
  }
}

@media screen and (max-width: 990px) and (min-aspect-ratio: 3/4) {
  .p-top-mv-list {
    margin-top: 4.56140350877193%;
  }
}

.p-top-mv-list-item {
  position: relative;
  opacity: 0;
  transform: translate(-10px, 30px);
  transition: opacity 0.3s;
  display: inline-block;
}

@media screen and (max-width: 990px) {
  .p-top-mv-list-item {
    display: block;
  }
}

.p-top-mv-list-item:hover {
  opacity: 0.6 !important;
}

.p-top-mv-list-item + .p-top-mv-list-item {
  margin-left: 2.631578947368421%;
}

@media screen and (max-width: 990px) {
  .p-top-mv-list-item + .p-top-mv-list-item {
    margin-top: 9.230769230769232%;
    margin-left: 0;
  }
}

@media screen and (max-width: 990px) and (min-aspect-ratio: 3/4) {
  .p-top-mv-list-item + .p-top-mv-list-item {
    margin-top: 0;
  }
}

.p-top-mv-list-item:before {
  content: '';
  height: 1px;
  background: rgba(255,255,255,0.5);
  position: absolute;
  left: 0;
  bottom: 1px;
}

.p-top-mv-list-item.is-brandstatement {
  width: 13.157894736842104%;
  padding-top: 2.105263157894737%;
}

@media screen and (max-width: 990px) {
  .p-top-mv-list-item.is-brandstatement {
    width: 32.30769230769231%;
    padding-top: 4.307692307692307%;
  }
}

.p-top-mv-list-item.is-brandstatement:before {
  width: 88.5%;
}

.p-top-mv-list-item.is-brandstatement .p-top-mv-list-item-txt {
  width: 81.33333333333333%;
}

@media screen and (max-width: 990px) and (min-aspect-ratio: 3/4) {
  .p-top-mv-list-item.is-brandstatement {
    width: 13.157894736842104%;
    padding-top: 2.105263157894737%;
  }
}

.p-top-mv-list-item.is-aioj {
  width: 19.649122807017545%;
  padding-top: 2.105263157894737%;
}

@media screen and (max-width: 990px) {
  .p-top-mv-list-item.is-aioj {
    width: 50.30769230769231%;
    padding-top: 4.615384615384616%;
  }
}

.p-top-mv-list-item.is-aioj:before {
  width: 92.5%;
}

.p-top-mv-list-item.is-aioj .p-top-mv-list-item-txt {
  width: 89.28571428571429%;
}

@media screen and (max-width: 990px) and (min-aspect-ratio: 3/4) {
  .p-top-mv-list-item.is-aioj {
    width: 19.649122807017545%;
    padding-top: 2.105263157894737%;
  }
}

.p-top-mv-list-item.is-experience {
  width: 13.333333333333334%;
  padding-top: 2.105263157894737%;
}

@media screen and (max-width: 990px) {
  .p-top-mv-list-item.is-experience {
    width: 33.07692307692307%;
    padding-top: 4.615384615384616%;
  }
}

.p-top-mv-list-item.is-experience:before {
  width: 89%;
}

.p-top-mv-list-item.is-experience .p-top-mv-list-item-txt {
  width: 84.21052631578947%;
}

@media screen and (max-width: 990px) and (min-aspect-ratio: 3/4) {
  .p-top-mv-list-item.is-experience {
    width: 13.333333333333334%;
    padding-top: 2.105263157894737%;
  }
}

@media screen and (max-width: 990px) and (min-aspect-ratio: 3/4) {
  .p-top-mv-list-item {
    display: inline-block;
  }
}

.p-top-mv-list-item-txt {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

.p-top-mv-list-item-slash {
  position: absolute;
  bottom: 1px;
  right: 0;
  opacity: 0.55;
}

.p-top-mv-list-item-slash.is-brandstatement {
  width: 12%;
  padding-top: 10.666666666666668%;
}

.p-top-mv-list-item-slash.is-aioj {
  width: 8.035714285714286%;
  padding-top: 7.142857142857142%;
}

.p-top-mv-list-item-slash.is-experience {
  width: 11.842105263157894%;
  padding-top: 10.526315789473683%;
}

.p-top-mv-loading-layer {
  position: absolute;
  top: 0px;
  width: 100%;
  overflow: hidden;
  height: 100%;
  z-index: 999;
}

.p-top-mv-loading-layer-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #073190;
}

@media screen and (max-width: 990px) {
  .p-top-mv-loading-layer-inner {
    width: 110%;
  }
}

.p-top-mv-loading-layer-01 {
  position: absolute;
  right: 50%;
  background: #073190;
  width: 100%;
  height: 100%;
  transform: skewX(-30deg);
}

.p-top-mv-loading-layer-02 {
  position: absolute;
  left: 50%;
  background: #073190;
  width: 100%;
  height: 100%;
  transform: skewX(-30deg);
}

.p-top-mv-loading-layer-02-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  transform: skewX(30deg);
  display: flex;
  /* 1 */
  justify-content: center;
  /* 2 */
  align-items: center;
  /* 3 */
}

@media screen and (max-width: 990px) {
  .p-top-mv-loading-layer-02-inner {
    align-items: flex-end;
  }
}

.p-top-mv-loading-layer-02-inner-txt-holder {
  width: 30.416666666666664%;
  display: block;
}

@media screen and (max-width: 990px) {
  .p-top-mv-loading-layer-02-inner-txt-holder {
    width: 85.33333333333334%;
    margin-right: 50px;
    margin-bottom: 50px;
  }
}

.p-top-mv-loading-layer-02-sitename-holder {
  width: 100%;
  padding-top: 8.21917808219178%;
  position: relative;
}

.p-top-mv-loading-layer-02-fin {
  position: relative;
  width: 7.30593607305936%;
  padding-top: 8.21917808219178%;
  position: absolute;
  top: 0;
  right: 0;
}

.p-top-mv-loading-layer-02-sitename {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 88.58447488584474%;
  padding-top: 6.185567010309279%;
}

.p-top-mv-loading-layer-02-sitename img {
  height: 100%;
}

.p-top-mv-loading-layer-02-loading {
  margin-top: 4.166666666666666%;
  color: #fff;
  font-family: "Myriad Pro", Myriad, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Yu Gothic", YuGothic, sans-serif;
  font-size: 10px;
}

@media screen and (max-width: 990px) {
  .p-top-mv-loading-layer-02-loading {
    transform-origin: left center;
    transform: scale(0.7);
  }
}

.p-top-mv-loading-layer-02-loading span {
  opacity: 0;
  display: inline-block;
}

.p-top-mv-loading-layer-02-loading span + span {
  margin-left: 1.8px;
}

@media screen and (max-width: 990px) {
  .p-top-mv-loading-layer-02-loading span + span {
    margin-left: 3px;
  }
}

.p-top-mv-loading-layer-plane {
  position: absolute;
  left: -11px;
  bottom: -25px;
  width: 21px;
  height: 25px;
  transform: skewX(30deg);
  background: url("/brand/image/top/mv/icon_plane.png") no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 990px) {
  .p-top-mv-loading-layer-plane {
    left: -5px;
    bottom: -13px;
    width: 10.5px;
    height: 12.5px;
  }
}

.p-top-mv-loading-layer-line {
  position: absolute;
  left: -1px;
  bottom: -25px;
  width: 1px;
  height: 0%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#073190+7,ffffff+16 */
  background: #073190;
  /* Old browsers */
  background: -moz-linear-gradient(top, #073190 0%, #fff 12%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #073190 0%, #fff 12%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #073190 0%, #fff 12%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

@media screen and (max-width: 990px) {
  .p-top-mv-loading-layer-line {
    bottom: -13px;
  }
}

.p-top-mv-section-bg {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - 70px);
  overflow: hidden;
  margin-top: 70px;
}

@media screen and (max-width: 990px) {
  .p-top-mv-section-bg {
    margin-top: 40px;
    height: calc(100vh - 40px);
  }
}

.p-top-mv-bg-movie-wrap-inner {
  position: absolute;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
}

.p-top-mv-bg-movie-wrap-inner iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.p-top-mv-section-bg-ami {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url("/brand/image/top/mv/bg_ami_pc.png") no-repeat center center;
  background-size: cover;
}

.p-top-bg-wrap {
  position: absolute;
  z-index: -1;
  width: 100%;
}

.p-top-gradation-bg {
  border-top: solid 2px #000;
  background: #09359c;
  background: -moz-linear-gradient(top, #09359c 0%, #1457c0 100%);
  background: -webkit-linear-gradient(top, #09359c 0%, #1457c0 100%);
  background: linear-gradient(to bottom, #09359c 0%, #1457c0 100%);
}

@media screen and (max-width: 990px) {
  .s-hidden-s {
    display: none;
  }
}

.s-visible-s {
  display: none;
}

@media screen and (max-width: 990px) {
  .s-visible-s {
    display: block;
  }
}