@-webkit-keyframes scrollVertKey {
  0% {
    top: -50%;
  }
  100% {
    top: 100%;
  }
}

@keyframes scrollVertKey {
  0% {
    top: -50%;
  }
  100% {
    top: 100%;
  }
}

@-webkit-keyframes contactCircletKey {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes contactCircletKey {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes tickerMotionKey {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-51%, 0, 0);
    transform: translate3d(-51%, 0, 0);
  }
}

@keyframes tickerMotionKey {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-51%, 0, 0);
    transform: translate3d(-51%, 0, 0);
  }
}

@-webkit-keyframes valueIconMotionKey {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(-40deg);
    transform: scale(0) rotate(-40deg);
  }
  40% {
    opacity: 1;
    -webkit-transform: scale(1.05) rotate(0deg);
    transform: scale(1.05) rotate(0deg);
  }
  60% {
    -webkit-transform: scale(0.97) rotate(0deg);
    transform: scale(0.97) rotate(0deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
}

@keyframes valueIconMotionKey {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(-40deg);
    transform: scale(0) rotate(-40deg);
  }
  40% {
    opacity: 1;
    -webkit-transform: scale(1.05) rotate(0deg);
    transform: scale(1.05) rotate(0deg);
  }
  60% {
    -webkit-transform: scale(0.97) rotate(0deg);
    transform: scale(0.97) rotate(0deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
  }
}

@-webkit-keyframes fireMotionKeySP {
  0% {
    -webkit-transform: translate3d(0%, 0, 0) scale(4);
    transform: translate3d(0%, 0, 0) scale(4);
  }
  40% {
    -webkit-transform: translate3d(0%, -40%, 0) scale(1.5);
    transform: translate3d(0%, -40%, 0) scale(1.5);
  }
  60% {
    -webkit-transform: translate3d(0%, -40%, 0) scale(1.5);
    transform: translate3d(0%, -40%, 0) scale(1.5);
  }
  90% {
    -webkit-transform: translate3d(0%, 0, 0) scale(1);
    transform: translate3d(0%, 0, 0) scale(1);
  }
  100% {
    -webkit-transform: translate3d(0%, 0, 0) scale(1);
    transform: translate3d(0%, 0, 0) scale(1);
  }
}

@keyframes fireMotionKeySP {
  0% {
    -webkit-transform: translate3d(0%, 0, 0) scale(4);
    transform: translate3d(0%, 0, 0) scale(4);
  }
  40% {
    -webkit-transform: translate3d(0%, -40%, 0) scale(1.5);
    transform: translate3d(0%, -40%, 0) scale(1.5);
  }
  60% {
    -webkit-transform: translate3d(0%, -40%, 0) scale(1.5);
    transform: translate3d(0%, -40%, 0) scale(1.5);
  }
  90% {
    -webkit-transform: translate3d(0%, 0, 0) scale(1);
    transform: translate3d(0%, 0, 0) scale(1);
  }
  100% {
    -webkit-transform: translate3d(0%, 0, 0) scale(1);
    transform: translate3d(0%, 0, 0) scale(1);
  }
}

@-webkit-keyframes fireMotionKey {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0) scale(4);
    transform: translate3d(-50%, 0, 0) scale(4);
  }
  40% {
    -webkit-transform: translate3d(-50%, 0, 0) scale(1);
    transform: translate3d(-50%, 0, 0) scale(1);
  }
  60% {
    -webkit-transform: translate3d(-50%, 0, 0) scale(1);
    transform: translate3d(-50%, 0, 0) scale(1);
  }
  75% {
    -webkit-transform: translate3d(2%, 0, 0) scale(1);
    transform: translate3d(2%, 0, 0) scale(1);
  }
  100% {
    -webkit-transform: translate3d(0%, 0, 0) scale(1);
    transform: translate3d(0%, 0, 0) scale(1);
  }
}

@keyframes fireMotionKey {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0) scale(4);
    transform: translate3d(-50%, 0, 0) scale(4);
  }
  40% {
    -webkit-transform: translate3d(-50%, 0, 0) scale(1);
    transform: translate3d(-50%, 0, 0) scale(1);
  }
  60% {
    -webkit-transform: translate3d(-50%, 0, 0) scale(1);
    transform: translate3d(-50%, 0, 0) scale(1);
  }
  75% {
    -webkit-transform: translate3d(2%, 0, 0) scale(1);
    transform: translate3d(2%, 0, 0) scale(1);
  }
  100% {
    -webkit-transform: translate3d(0%, 0, 0) scale(1);
    transform: translate3d(0%, 0, 0) scale(1);
  }
}

@-webkit-keyframes fireLogoBoxMotionKey {
  0% {
    -webkit-transform: translate3d(0%, 0, 0) scale(0.25);
    transform: translate3d(0%, 0, 0) scale(0.25);
  }
  100% {
    -webkit-transform: translate3d(0%, 0, 0) scale(1);
    transform: translate3d(0%, 0, 0) scale(1);
  }
}

@keyframes fireLogoBoxMotionKey {
  0% {
    -webkit-transform: translate3d(0%, 0, 0) scale(0.25);
    transform: translate3d(0%, 0, 0) scale(0.25);
  }
  100% {
    -webkit-transform: translate3d(0%, 0, 0) scale(1);
    transform: translate3d(0%, 0, 0) scale(1);
  }
}

@-webkit-keyframes loadOutMotionKey {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}

@keyframes loadOutMotionKey {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  padding: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  border: 0;
  outline: 0;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  padding: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  color: #000;
  text-decoration: none;
  background-color: #ff9;
}

mark {
  font-style: italic;
  font-weight: bold;
  color: #000;
  background-color: #ff9;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}

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

hr {
  display: block;
  height: 1px;
  padding: 0;
  margin: 1em 0;
  border: 0;
  border-top: 1px solid #cccccc;
}

input,
select {
  vertical-align: middle;
}

a {
  text-decoration: none;
}

html {
  height: 100%;
  font-size: 62.5%;
}

body {
  font-family: -apple-system, '游ゴシック体', YuGothic, '游ゴシック Medium',
    'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', sans-serif;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.l_loaderWrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.l_loaderWrap .l_loaderBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.l_loaderWrap .l_loaderMotion {
  position: relative;
  z-index: 2;
}

.l_loaderWrap .l_loaderMotion span {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #000000;
  border-radius: 50%;
  -webkit-animation: scale 1s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
  animation: scale 1s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.l_loaderWrap .l_loaderMotion span:nth-child(1) {
  -webkit-animation-delay: 0;
  animation-delay: 0;
}

.l_loaderWrap .l_loaderMotion span:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.l_loaderWrap .l_loaderMotion span:nth-child(3) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.l_loaderWrap .l_loaderMotion span:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.l_loaderWrap .l_loaderMotion span:nth-child(5) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  25% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  50% {
    margin: 0 4px;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  25% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  50% {
    margin: 0 4px;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

.l_loaderWrap.Loaded .l_loaderBg {
  -webkit-animation: loadOutMotionKey 1s;
  animation: loadOutMotionKey 1s;
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.l_loaderWrap.Loaded .l_loaderMotion {
  -webkit-animation: loadOutMotionKey 1s;
  animation: loadOutMotionKey 1s;
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.l_materialBox {
  display: none;
}

.l_materialBox p.mask1 {
  -webkit-mask-image: url('../img/hero_frame_1.svg');
  mask-image: url('../img/hero_frame_1.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: bottom;
  mask-position: bottom;
}

.l_materialBox p.mask2 {
  -webkit-mask-image: url('../img/hero_frame_2.svg');
  mask-image: url('../img/hero_frame_2.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: bottom;
  mask-position: bottom;
}

.l_materialBox p.mask3 {
  -webkit-mask-image: url('../img/hero_frame_3.svg');
  mask-image: url('../img/hero_frame_3.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: bottom;
  mask-position: bottom;
}

.l_materialBox p.mask4 {
  -webkit-mask-image: url('../img/hero_frame_4.svg');
  mask-image: url('../img/hero_frame_4.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: bottom;
  mask-position: bottom;
}

.l_wrap {
  width: 100%;
}

.l_wrapUnderlayer {
  position: relative;
  width: 100%;
  padding-top: 200px;
  overflow: hidden;
}

.l_primaryArticle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-right: 8.5%;
  padding-left: 15.5%;
}

@media only screen and (max-width: 1024px) {
  .l_primaryArticle {
    padding-right: 8.5%;
    padding-left: 20%;
  }
}

.l_primaryContentWarp {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-right: 8.5%;
  padding-left: 15.5%;
}

@media only screen and (max-width: 1024px) {
  .l_primaryContentWarp {
    padding-right: 8.5%;
    padding-left: 20%;
  }
}

.l_secondaryContentWarp {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-right: 8.5%;
  padding-left: 15.5%;
  background-color: #fafafa;
}

@media only screen and (max-width: 1024px) {
  .l_secondaryContentWarp {
    padding-right: 8.5%;
    padding-left: 20%;
  }
}

.l_tertiaryContentWarp {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-right: 4%;
  padding-left: 15.5%;
}

@media only screen and (max-width: 1024px) {
  .l_tertiaryContentWarp {
    padding-right: 4%;
    padding-left: 20%;
  }
}

.l_quaternaryContentWarp {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.l_primaryContent {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
}

.l_primaryBody {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 79%;
}

.l_secondaryBody {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 67%;
}

.l_tertiaryBody {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 69%;
}

.l_quaternaryBody {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 58%;
}

.m_image {
  width: 100%;
  height: auto;
}

.m_imageVert {
  width: auto;
  height: 100%;
}

.m_button-primary {
  height: 60px;
  line-height: 1.6;
  text-align: center;
  background: #fff;
  border: solid 1px #000;
  border-radius: 60px;
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.m_button-primary a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #000;
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.m_button-primary span {
  padding-right: 10%;
  font-size: 1.2rem;
  font-weight: bold;
  background: url('../img/icon_arrow_hr_black.svg') no-repeat center right;
  background-size: 14px auto;
}

.m_button-primary:hover {
  background-color: #000;
}

.m_button-primary:hover a {
  color: #fff;
}

.m_button-primary:hover span {
  background: url('../img/icon_arrow_hr_white.svg') no-repeat center right;
  background-size: 14px auto;
}

.m_button-secondary {
  height: 46px;
  line-height: 46px;
  text-align: center;
  background-color: #000;
  border: solid 1px #000;
  border-radius: 46px;
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.m_button-secondary a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.m_button-secondary span {
  font-family: 'Nunito Sans', sans-serif;
  font-style: normal;
  font-weight: bold;
  width: 12px;
  height: 12px;
  padding-right: 20px;
  font-size: 1.2rem;
  font-weight: bold;
  background: url('../img/icon_arrow_white.svg') no-repeat center right;
  background-size: 11px auto;
}

.m_button-secondary:hover {
  background-color: #fff;
}

.m_button-secondary:hover a {
  color: #000;
}

.m_button-secondary:hover span {
  background: url('../img/icon_arrow_black.svg') no-repeat center right;
  background-size: 11px auto;
}

.m_button-arrow {
  padding-right: 15px;
  background: url('../img/icon_arrow_black.svg') no-repeat center right;
  background-size: 8px auto;
}

.m_button-hr-arrow {
  padding-right: 15px;
  background: url('../img/icon_arrow_hr_black.svg') no-repeat center right;
  background-size: 11px auto;
}

.m_button-vertLine {
  position: relative;
  display: block;
  width: 1px;
  height: 33px;
  background: #000;
}

.m_button-vertLine span {
  position: absolute;
  top: calc(100% - 10px);
  left: -100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 3px;
  height: 10px;
  background: #000;
  border-top: solid 1px #fff;
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.m_button-circle-primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  background-color: #fff;
  border: solid 2px #000;
  border-radius: 50%;
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.m_button-circle-primary span {
  width: 12px;
  height: 12px;
  background: url('../img/icon_arrow_hr_black.svg') no-repeat center right;
  background-size: 11px auto;
}

.m_button-circle-secondary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  background-color: #000;
  border: solid 2px #000;
  border-radius: 50%;
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.m_button-circle-secondary span {
  width: 12px;
  height: 12px;
  background: url('../img/icon_arrow_white.svg') no-repeat center right;
  background-size: 11px auto;
}

.m_button-shoulder {
  font-family: 'Padauk', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.2rem;
}

.m_section-title-primary {
  font-family: 'Krona One', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 6rem;
  line-height: 1.2;
  font-size: 6rem;
  font-size: 4.6875vw;
}

@media only screen and (min-width: 1281px) {
  .m_section-title-primary {
    font-size: 6rem;
  }
}

.m_section-shoulder-primary {
  display: block;
  font-size: 2rem;
  font-size: 2rem;
  font-size: 1.5625vw;
  font-weight: bold;
}

@media only screen and (min-width: 1281px) {
  .m_section-shoulder-primary {
    font-size: 2rem;
  }
}

.m_section-bottom-primary {
  display: block;
  font-size: 2rem;
  font-size: 2rem;
  font-size: 1.5625vw;
  font-weight: bold;
}

@media only screen and (min-width: 1281px) {
  .m_section-bottom-primary {
    font-size: 2rem;
  }
}

.m_section-title-secondary {
  font-size: 3.2rem;
  font-size: 3.2rem;
  font-size: 2.5vw;
  font-weight: bold;
  line-height: 1;
}

@media only screen and (min-width: 1281px) {
  .m_section-title-secondary {
    font-size: 3.2rem;
  }
}

.m_section-shoulder-secondary {
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1;
}

.m_section-number-secondary {
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 12rem;
  line-height: 1;
  color: #f7f7f7;
}

.m_content-title-primary {
  font-family: 'Krona One', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.2;
  font-size: 3.2rem;
  font-size: 2.5vw;
}

@media only screen and (min-width: 1281px) {
  .m_content-title-primary {
    font-size: 3.2rem;
  }
}

.m_content-title-secondary {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.6;
  font-size: 3.2rem;
  font-size: 2.5vw;
}

@media only screen and (min-width: 1281px) {
  .m_content-title-secondary {
    font-size: 3.2rem;
  }
}

.m_content-title-tertiary {
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.2;
  font-size: 3.2rem;
  font-size: 2.5vw;
}

@media only screen and (min-width: 1281px) {
  .m_content-title-tertiary {
    font-size: 3.2rem;
  }
}

.m_content-subtitle {
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 1.2;
  font-size: 2.2vw;
  margin-bottom: 7px;
  margin-top: 30px;
}

@media only screen and (min-width: 1281px) {
  .m_content-subtitle {
    font-size: 2.6rem;
  }
}
@media only screen and (max-width: 787px) {
  .m_content-subtitle {
    font-size: 2rem;
    margin-top: 20px;
  }
}

.m_content-title-shoulder-tertiary {
  display: block;
  font-size: 1.8rem;
  font-size: 1.8rem;
  font-size: 1.40625vw;
  font-weight: bold;
}

@media only screen and (min-width: 1281px) {
  .m_content-title-shoulder-tertiary {
    font-size: 1.8rem;
  }
}

.m_content-title-bottom-tertiary {
  font-size: 1.4rem;
  font-weight: normal;
}

.m_number-title-primary {
  font-family: 'Krona One', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 4.2rem;
  line-height: 1.2;
  font-size: 4.2rem;
  font-size: 3.28125vw;
}

@media only screen and (min-width: 1281px) {
  .m_number-title-primary {
    font-size: 4.2rem;
  }
}

.m_paragraph-title-primary {
  font-size: 2rem;
  font-weight: bold;
}

.m_paragraph-head-primary {
  font-size: 1.2rem;
  font-weight: bold;
}

.m_paragraph-body-primary {
  font-size: 1.2rem;
  line-height: 2;
}

.m_paragraph-read-primary {
  font-size: 1.2rem;
  font-weight: bold;
}

.m_paragraph-title-secondary {
  font-size: 2.4rem;
  font-weight: bold;
}

.m_paragraph-head-secondary {
  font-size: 1.6rem;
  font-weight: bold;
}

.m_paragraph-body-secondary {
  font-size: 1.6rem;
  line-height: 2;
}

.m_paragraph-body-tertiary {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2;
}

.m_paragraph-title-quaternary {
  font-size: 2rem;
  font-weight: bold;
}

.m_paragraph-head-quaternary {
  font-size: 1.4rem;
  font-weight: bold;
}

.m_paragraph-body-quaternary {
  font-size: 1.4rem;
  line-height: 2;
}

.c_sectionPrimaryTitle .m_section-shoulder-primary {
  margin-top: 20px;
}

.c_sectionPrimaryTitle .m_section-bottom-primary {
  margin-top: 20px;
}

.c_sectionSecondaryTitle {
  position: relative;
}

.c_sectionSecondaryTitle__head {
  position: relative;
}

.c_sectionSecondaryTitle .m_section-title-secondary {
  display: block;
  margin-top: -1rem;
}

.c_sectionSecondaryTitle .m_section-shoulder-secondary {
  position: absolute;
  top: 58%;
  left: 0;
}

.c_sectionSecondaryTitle .m_section-number-secondary {
  display: block;
}

.c_vertLineButton {
  cursor: pointer;
}

.c_vertLineButton a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
}

.c_vertLineButton div:nth-child(2) {
  margin-left: 30px;
}

.c_vertLineButton:hover .m_button-vertLine span {
  top: 0;
}

.c_vertScrollButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  color: #000;
}

.c_vertScrollButton div:nth-child(2) {
  margin-left: 30px;
}

.c_vertScrollButton .m_button-vertLine {
  margin-left: 1px;
}

.c_vertScrollButton .m_button-vertLine span {
  -webkit-animation: scrollVertKey 2s;
  animation: scrollVertKey 2s;
  -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
}

.c_viewMoreButton {
  display: inline-block;
}

.c_viewMoreButton a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000;
}

.c_viewMoreButton .m_button-shoulder {
  margin-top: 20px;
  margin-right: 16px;
}

.c_viewMoreButton:hover .m_button-circle-primary {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.c_viewMoreButton:hover .m_button-circle-primary span {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.c_viewMoreButton:hover .m_button-circle-secondary {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.c_viewMoreButton:hover .m_button-circle-secondary span {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.c_allViewButton span {
  position: relative;
  text-decoration: none;
  font-family: 'Padauk', sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 1;
}

.c_allViewButton span::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #000;
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.c_allViewButton span:hover::after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.c_allViewButton span::after {
  bottom: 2px;
}

.c_allViewButton a {
  color: #000;
}

.c_paragraphPrimary:last-child {
  margin-bottom: 0;
}

.c_paragraphSecondary:last-child {
  margin-bottom: 0;
}

.c_paragraphTertiary:last-child {
  margin-bottom: 0;
}

.c_paragraphQuaternary:last-child {
  margin-bottom: 0;
}

.p_headerWrap {
  position: fixed;
  top: 60px;
  left: 50px;
  z-index: 900;
}

.p_headerWrap .p_headerLogo {
  width: 112px;
  margin-bottom: 32px;
}

.p_headerWrap .p_headerNav__item {
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: bold;
  margin-top: 5px;
}

.p_headerWrap .p_headerNav__item:first-child {
  margin-top: 0;
}

.p_headerWrap .p_headerNav__item a {
  font-size: 1.2rem;
  color: #000;
}

.p_headerWrap .p_headerNav__item span {
  position: relative;
  text-decoration: none;
}

.p_headerWrap .p_headerNav__item span::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #000;
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.p_headerWrap .p_headerNav__item span:hover::after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.p_headerWrap .p_headerNav__item span::after {
  bottom: 0px;
}

.p_headerWrap .p_headerNav__bg {
  display: none;
}

.p_headerWrap .p_headerNav__toggle {
  display: none;
}

.p_headerScroll {
  position: fixed;
  bottom: 50px;
  left: 50px;
  z-index: 999;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.p_headerScroll.Hide {
  opacity: 0;
}

.p_footerWrap {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 86px 8.5% 175px 15%;
  background-color: #fff;
}

.p_footerWrap .p_footerContent {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.p_footerWrap .p_footerContent .p_footerContentLogo {
  width: 24%;
}

.p_footerWrap .p_footerContent .p_footerContentNav {
  width: 27%;
  margin-top: 120px;
  margin-left: 20%;
}

.p_footerWrap .p_footerContent .p_footerContentNav__item {
  margin-top: 10px;
}

.p_footerWrap .p_footerContent .p_footerContentNav__item:first-child {
  margin-top: 0;
}

.p_footerWrap .p_footerContent .p_footerContentNav__item a {
  font-size: 1.2rem;
  color: #000;
}

.p_footerWrap .p_footerContent .p_footerContentNav__item span {
  position: relative;
  text-decoration: none;
}

.p_footerWrap .p_footerContent .p_footerContentNav__item span::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #000;
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.p_footerWrap .p_footerContent .p_footerContentNav__item span:hover::after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.p_footerWrap .p_footerContent .p_footerContentNav__item.IconItem {
  margin-top: 35px;
}

.p_footerWrap .p_footerContent .p_footerContentNav__item.IconItem div {
  display: inline-block;
  height: 18px;
  margin-right: 22px;
}

.p_footerWrap .p_footerSupport {
  position: absolute;
  right: 4%;
  bottom: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 30%;
}

.p_footerWrap .p_footerSupport .p_footerCopyRight {
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: bold;
  margin-right: 40px;
  font-size: 1rem;
  font-weight: 400;
}

.p_footerWrap .p_footerSupport .p_footerTop {
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
}

.p_newsListWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 152px;
  padding-bottom: 150px;
}

.p_newsListWrap .m_section-title-primary {
  margin-bottom: 42px;
}

.p_newsListWrap .p_newsList .p_newsListItem {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 32px 0 45px;
  cursor: pointer;
  border-top: solid 2px #000;
}

.p_newsListWrap .p_newsList .p_newsListItem:last-child {
  border-bottom: solid 2px #000;
}

.p_newsListWrap .p_newsList .p_newsListItem__date {
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: bold;
  margin-top: -0.8rem;
  line-height: 1;
}

.p_newsListWrap .p_newsList .p_newsListItem__date .Year {
  display: block;
  margin-bottom: 2px;
  font-size: 1rem;
}

.p_newsListWrap .p_newsList .p_newsListItem__date .Date {
  display: block;
  font-size: 2rem;
}

.p_newsListWrap .p_newsList .p_newsListItem__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 12px;
  padding: 0 1px 0 1px;
  margin: 9px 4% 0;
  font-size: 1rem;
  line-height: 1;
  color: #fff;
  background-color: #000;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: bold;
}

.p_newsListWrap .p_newsList .p_newsListItem__body a {
  line-height: 2;
  color: #000;
}

.p_newsListWrap .p_newsList .p_newsListItem:hover a {
  text-decoration: underline;
}

.p_newsListWrap .c_allViewButton {
  margin-top: 38px;
  text-align: right;
}

.topPageContact {
  position: fixed;
  right: 50px;
  bottom: 50px;
  z-index: 999;
  width: 100px;
  height: 100px;
  cursor: pointer;
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

.topPageContact .topPageContactPoint {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/contact_center.svg) no-repeat center;
}

.topPageContact .topPageContactInner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.topPageContact .topPageContactInner span {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/contact_circle.svg) no-repeat center;
  -webkit-animation: contactCircletKey 15s;
  animation: contactCircletKey 15s;
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: animation;
}

.topPageContact:hover .topPageContactInner {
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

.topPageContact.Hide {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.topPageHero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.topPageHero .topPageHeroInner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.topPageHero .topPageHeroTitle {
  position: relative;
  z-index: 2;
  width: 75%;
}

.topPageHero .topPageHeroTitle h2 {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.topPageHero .topPageHeroTitle__body {
  width: 100%;
}

.topPageHero .topPageHeroTitle__body .topPageHeroTitle__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.topPageHero .topPageHeroTitle__body .topPageHeroTitle {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

.topPageHero .topPageHeroTitle__body .topPageHeroTitle img {
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0;
  -webkit-transition-duration: 1.5s;
  transition-duration: 1.5s;
  -webkit-transform: translateY(110%);
  transform: translateY(110%);
}

.topPageHero .topPageHeroTitle__body .topPageHeroTitle.Move img {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.topPageHero .topPageHeroTitle__body .topPageHeroTitle__a {
  width: 56%;
}

.topPageHero .topPageHeroTitle__body .topPageHeroTitle__a img {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.topPageHero .topPageHeroTitle__body .topPageHeroTitle__b {
  width: 23%;
  margin-left: 0.4%;
}

.topPageHero .topPageHeroTitle__body .topPageHeroTitle__b img {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.topPageHero .topPageHeroTitle__body .topPageHeroTitle__c {
  width: 100%;
}

.topPageHero .topPageHeroTitle__body .topPageHeroTitle__c img {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.topPageHero .topPageHeroTitle__body .topPageHeroTitle__d {
  width: 11%;
  margin-right: 1.3%;
}

.topPageHero .topPageHeroTitle__body .topPageHeroTitle__d img {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.topPageHero .topPageHeroTitle__body .topPageHeroTitle__e {
  width: 69%;
}

.topPageHero .topPageHeroTitle__body .topPageHeroTitle__e img {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.topPageHero .topPageHeroTitle__read {
  margin-top: 16px;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 1rem;
  opacity: 0;
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
  -webkit-transition-duration: 2s;
  transition-duration: 2s;
  font-size: 2.4rem;
  font-size: 1.875vw;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity;
}

@media only screen and (min-width: 1281px) {
  .topPageHero .topPageHeroTitle__read {
    font-size: 2.4rem;
  }
}

.topPageHero .topPageHeroTitle__read.Move {
  opacity: 1;
}

.topPageHero .topPageHeroMotionLogo {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 52%;
  margin-left: -23%;
  overflow: hidden;
  border: solid 1px #fff;
  -webkit-transform: translate3d(-50%, 0, 0) scale(4);
  transform: translate3d(-50%, 0, 0) scale(4);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.topPageHero .topPageHeroMotionLogo.mask1 {
  -webkit-mask-image: url('../img/hero_frame_1.svg');
  mask-image: url('../img/hero_frame_1.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: bottom;
  mask-position: bottom;
}

.topPageHero .topPageHeroMotionLogo.mask2 {
  -webkit-mask-image: url('../img/hero_frame_2.svg');
  mask-image: url('../img/hero_frame_2.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: bottom;
  mask-position: bottom;
}

.topPageHero .topPageHeroMotionLogo.mask3 {
  -webkit-mask-image: url('../img/hero_frame_3.svg');
  mask-image: url('../img/hero_frame_3.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: bottom;
  mask-position: bottom;
}

.topPageHero .topPageHeroMotionLogo.mask4 {
  -webkit-mask-image: url('../img/hero_frame_4.svg');
  mask-image: url('../img/hero_frame_4.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: bottom;
  mask-position: bottom;
}

.topPageHero .topPageHeroMotionLogo.Move {
  overflow: hidden;
  -webkit-animation: fireMotionKey 3.6s;
  animation: fireMotionKey 3.6s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media only screen and (max-width: 787px) {
  .topPageHero .topPageHeroMotionLogo.Move {
    -webkit-animation: fireMotionKeySP 3.6s;
    animation: fireMotionKeySP 3.6s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}

.topPageHero .topPageHeroMotionLogo .topPageHeroMotionLogoInner {
  position: relative;
  padding-top: 130%;
  -webkit-transform: translate3d(0, 0, 0) scale(0.25);
  transform: translate3d(0, 0, 0) scale(0.25);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.topPageHero .topPageHeroMotionLogo .topPageHeroMotionLogoInner.Move {
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-animation: fireLogoBoxMotionKey 1.5s;
  animation: fireLogoBoxMotionKey 1.5s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.topPageHero .topPageHeroMotionLogo .topPageHeroMotionLogoItem {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.topPageHero .topPageHeroMotionLogo .topPageHeroMotionLogoItem:nth-child(1) {
  -webkit-transform: translate3d(80%, -35%, 0) rotate(-15deg) scale(0.5);
  transform: translate3d(80%, -35%, 0) rotate(-15deg) scale(0.5);
}

.topPageHero
  .topPageHeroMotionLogo
  .topPageHeroMotionLogoItem:nth-child(1).Move {
  z-index: 10;
  -webkit-transform: translate3d(-45%, 55%, 0) rotate(-30deg) scale(0.6);
  transform: translate3d(-45%, 55%, 0) rotate(-30deg) scale(0.6);
}

.topPageHero .topPageHeroMotionLogo .topPageHeroMotionLogoItem:nth-child(2) {
  -webkit-transform: translate3d(-95%, -45%, 0) rotate(45deg) scale(0.5);
  transform: translate3d(-95%, -45%, 0) rotate(45deg) scale(0.5);
}

.topPageHero
  .topPageHeroMotionLogo
  .topPageHeroMotionLogoItem:nth-child(2).Move {
  z-index: 1;
  -webkit-transform: translate3d(10%, 15%, 0) rotate(0deg) scale(1.2);
  transform: translate3d(10%, 15%, 0) rotate(0deg) scale(1.2);
}

.topPageHero .topPageHeroMotionLogo .topPageHeroMotionLogoItem:nth-child(3) {
  -webkit-transform: translate3d(110%, 85%, 0) rotate(0deg) scale(0.8);
  transform: translate3d(110%, 85%, 0) rotate(0deg) scale(0.8);
}

.topPageHero
  .topPageHeroMotionLogo
  .topPageHeroMotionLogoItem:nth-child(3).Move {
  z-index: 4;
  -webkit-transform: translate3d(-35%, 65%, 0) rotate(40deg) scale(0.7);
  transform: translate3d(-35%, 65%, 0) rotate(40deg) scale(0.7);
}

.topPageHero .topPageHeroMotionLogo .topPageHeroMotionLogoItem:nth-child(4) {
  -webkit-transform: translate3d(60%, -45%, 0) rotate(5deg) scale(0.7);
  transform: translate3d(60%, -45%, 0) rotate(5deg) scale(0.7);
}

.topPageHero
  .topPageHeroMotionLogo
  .topPageHeroMotionLogoItem:nth-child(4).Move {
  z-index: 6;
  -webkit-transform: translate3d(-25%, -28%, 0) rotate(-30deg) scale(1);
  transform: translate3d(-25%, -28%, 0) rotate(-30deg) scale(1);
}

.topPageHero .topPageHeroMotionLogo .topPageHeroMotionLogoItem:nth-child(5) {
  -webkit-transform: translate3d(-120%, 75%, 0) rotate(5deg) scale(0.6);
  transform: translate3d(-120%, 75%, 0) rotate(5deg) scale(0.6);
}

.topPageHero
  .topPageHeroMotionLogo
  .topPageHeroMotionLogoItem:nth-child(5).Move {
  z-index: 5;
  -webkit-transform: translate3d(41%, 2%, 0) rotate(0deg) scale(0.9);
  transform: translate3d(41%, 2%, 0) rotate(0deg) scale(0.9);
}

.topPageHero .topPageHeroMotionLogo .topPageHeroMotionLogoItem:nth-child(6) {
  -webkit-transform: translate3d(-40%, 95%, 0) rotate(5deg) scale(0.6);
  transform: translate3d(-40%, 95%, 0) rotate(5deg) scale(0.6);
}

.topPageHero
  .topPageHeroMotionLogo
  .topPageHeroMotionLogoItem:nth-child(6).Move {
  z-index: 3;
  -webkit-transform: translate3d(-60%, 40%, 0) rotate(0deg) scale(1);
  transform: translate3d(-60%, 40%, 0) rotate(0deg) scale(1);
}

.topPageHero .topPageHeroMotionLogo .topPageHeroMotionLogoItem:nth-child(7) {
  -webkit-transform: translate3d(115%, 20%, 0) rotate(5deg) scale(0.5);
  transform: translate3d(115%, 20%, 0) rotate(5deg) scale(0.5);
}

.topPageHero
  .topPageHeroMotionLogo
  .topPageHeroMotionLogoItem:nth-child(7).Move {
  z-index: 1;
  -webkit-transform: translate3d(-10%, 56%, 0) rotate(15deg) scale(1);
  transform: translate3d(-10%, 56%, 0) rotate(15deg) scale(1);
}

.topPageHero .topPageHeroMotionLogo .topPageHeroMotionLogoItem:nth-child(8) {
  -webkit-transform: translate3d(-40%, 95%, 0) rotate(5deg) scale(0.6);
  transform: translate3d(-40%, 95%, 0) rotate(5deg) scale(0.6);
}

.topPageHero
  .topPageHeroMotionLogo
  .topPageHeroMotionLogoItem:nth-child(8).Move {
  z-index: 2;
  -webkit-transform: translate3d(40%, 48%, 0) rotate(0deg) scale(1);
  transform: translate3d(40%, 48%, 0) rotate(0deg) scale(1);
}

.topPageHero .topPageHeroMotionLogo .topPageHeroMotionLogoItem:nth-child(9) {
  -webkit-transform: translate3d(-115%, -28%, 0) rotate(15deg) scale(0.5);
  transform: translate3d(-115%, -28%, 0) rotate(15deg) scale(0.5);
}

.topPageHero
  .topPageHeroMotionLogo
  .topPageHeroMotionLogoItem:nth-child(9).Move {
  z-index: 9;
  -webkit-transform: translate3d(22%, 69%, 0) rotate(10deg) scale(0.65);
  transform: translate3d(22%, 69%, 0) rotate(10deg) scale(0.65);
}

.topPageHero .topPageHeroMotionLogo .topPageHeroMotionLogoItem:nth-child(10) {
  -webkit-transform: translate3d(30%, 85%, 0) rotate(15deg) scale(0.6);
  transform: translate3d(30%, 85%, 0) rotate(15deg) scale(0.6);
}

.topPageHero
  .topPageHeroMotionLogo
  .topPageHeroMotionLogoItem:nth-child(10).Move {
  z-index: 7;
  -webkit-transform: translate3d(0%, 65%, 0) rotate(10deg) scale(0.7);
  transform: translate3d(0%, 65%, 0) rotate(10deg) scale(0.7);
}

.topPageWhoWeAre {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 150px;
  padding-bottom: 150px;
  overflow: hidden;
}

.topPageWhoWeAre .l_primaryContent {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0% 0 14%;
}

.topPageWhoWeAre .topPageWhoWeAreTicker {
  position: absolute;
  top: 47%;
  left: 0;
}

.topPageWhoWeAre .topPageWhoWeAreTicker .topPageWhoWeAreTickerInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 882%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.topPageWhoWeAre
  .topPageWhoWeAreTicker
  .topPageWhoWeAreTickerInner.js-motionTicker {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-animation: tickerMotionKey 60s;
  animation: tickerMotionKey 60s;
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.topPageWhoWeAre .topPageWhoWeAreTicker img {
  display: inline-block;
  width: 50%;
  margin-left: 1%;
}

.topPageWhoWeAre .topPageWhoWeAreBody {
  width: 53%;
  margin-top: 13.5%;
}

.topPageWhoWeAre .topPageWhoWeAreBody .m_section-title-primary {
  margin-bottom: 70px;
}

.topPageWhoWeAre .topPageWhoWeAreBody__read {
  margin-bottom: 65px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 2.3;
  font-size: 2.2rem;
  font-size: 1.71875vw;
}

@media only screen and (min-width: 1281px) {
  .topPageWhoWeAre .topPageWhoWeAreBody__read {
    font-size: 2.2rem;
  }
}

.topPageWhoWeAre .topPageWhoWeAreCatch {
  position: relative;
  width: 30%;
  margin-right: -3.5%;
}

.topPageWhoWeAre .topPageWhoWeAreCatch__read {
  position: relative;
  z-index: 2;
  font-size: 5.4rem;
  font-size: 5.4rem;
  font-size: 4.21875vw;
  font-weight: bold;
  line-height: 1.2;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

@media only screen and (min-width: 1281px) {
  .topPageWhoWeAre .topPageWhoWeAreCatch__read {
    font-size: 5.4rem;
  }
}

.topPageWhoWeAre .topPageWhoWeAreCatch__map {
  position: absolute;
  top: 35%;
  right: -65%;
  width: 220%;
}

.topPageServices {
  position: relative;
  padding-top: 150px;
  padding-bottom: 150px;
  overflow: hidden;
}

.topPageServices .topPageServicesObjectsWrap {
  position: absolute;
  top: 150px;
  left: 0;
  width: 100%;
  height: 100%;
}

.topPageServices .topPageServicesObjectsWrap .topPageServicesObjectsInner {
  position: relative;
  width: 100%;
  max-width: 1280px;
  height: 56vw;
  margin: 0 auto;
}

.topPageServices .topPageServicesObjectsWrap .topPageServicesObject {
  position: absolute;
}

.topPageServices
  .topPageServicesObjectsWrap
  .topPageServicesObject:nth-child(1) {
  top: 24%;
  left: 6.9%;
  width: 20%;
  -webkit-transform: rotate(-19deg);
  transform: rotate(-19deg);
}

.topPageServices
  .topPageServicesObjectsWrap
  .topPageServicesObject:nth-child(2) {
  top: 47%;
  left: -2%;
  width: 14%;
  -webkit-transform: rotate(19deg);
  transform: rotate(19deg);
}

.topPageServices
  .topPageServicesObjectsWrap
  .topPageServicesObject:nth-child(3) {
  top: 58%;
  left: 7%;
  width: 10%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.topPageServices
  .topPageServicesObjectsWrap
  .topPageServicesObject:nth-child(4) {
  top: 71%;
  left: 1%;
  width: 20%;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.topPageServices
  .topPageServicesObjectsWrap
  .topPageServicesObject:nth-child(5) {
  top: 0%;
  right: 14%;
  width: 17%;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}

.topPageServices
  .topPageServicesObjectsWrap
  .topPageServicesObject:nth-child(6) {
  top: 12%;
  right: 9%;
  width: 6.5%;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.topPageServices
  .topPageServicesObjectsWrap
  .topPageServicesObject:nth-child(7) {
  top: 15%;
  right: 0%;
  width: 10.5%;
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
}

.topPageServices
  .topPageServicesObjectsWrap
  .topPageServicesObject:nth-child(8) {
  top: 34%;
  right: -2%;
  width: 18%;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

.topPageServices
  .topPageServicesObjectsWrap
  .topPageServicesObject:nth-child(9) {
  top: 57%;
  right: -3%;
  width: 17%;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.topPageServices
  .topPageServicesObjectsWrap
  .topPageServicesObject:nth-child(10) {
  top: 74%;
  right: 12%;
  width: 7%;
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

.topPageServices .l_primaryContent {
  position: relative;
  z-index: 2;
}

.topPageServices .l_primaryContent .m_section-title-primary {
  padding: 0 30%;
  margin-bottom: 85px;
}

.topPageServices .topPageServicesList {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 30%;
  margin-bottom: 150px;
}

.topPageServices .topPageServicesList .m_number-title-primary {
  margin-bottom: 18px;
}

.topPageServices .topPageServicesList .m_content-title-primary {
  margin-bottom: 30px;
}

.topPageServices .topPageServicesList__item {
  margin-bottom: 75px;
}

.topPageServices .topPageServicesList__body dt {
  margin-bottom: 8px;
  font-size: 2.2rem;
  font-weight: bold;
}

.topPageServices .topPageServicesList__body dd {
  line-height: 2;
}

.topPageServices .topPageServicesSupport {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 69.5%;
  min-height: 220px;
  padding: 0 9%;
  margin: 0 15.5%;
  background: #fafafa;
}

.topPageServices .topPageServicesSupport .m_button-primary {
  width: 380px;
}

.topPageServices .topPageServicesSupport__title {
  font-family: 'Krona One', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 3rem;
  font-size: 3rem;
  font-size: 2.34375vw;
}

@media only screen and (min-width: 1281px) {
  .topPageServices .topPageServicesSupport__title {
    font-size: 3rem;
  }
}

@media only screen and (max-width: 1024px) {
  .topPageServices .topPageServicesSupport {
    padding: 0 4%;
  }
  .topPageServices .topPageServicesSupport .m_button-primary {
    width: 320px;
  }
}

.newsPage {
  padding-bottom: 70px;
}

.newsPage .newsPageBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.newsPage .newsPageBoxDate {
  position: absolute;
  top: 15px;
  left: 0;
  width: 20%;
}

.newsPage .newsPageBoxDate__year {
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 2.8rem;
  line-height: 1;
}

.newsPage .newsPageBoxDate__date {
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: bold;
  margin: 8px 0 10px;
  margin-left: -0.5rem;
  font-size: 5.4rem;
  line-height: 1;
}

.newsPage .newsPageBoxDate__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 12px;
  font-size: 1rem;
  line-height: 1;
  color: #fff;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: bold;
}

.newsPage .newsPageBoxDate__category span {
  padding: 1px 0 2px 0;
  background-color: #000;
}

.newsPage .newsPageBoxContent__title {
  margin-bottom: 70px;
}

.newsPage .newsPageBoxContent__image {
  margin-bottom: 25px;
}

.newsPage .newsPageBoxContent__read {
  margin-bottom: 25px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2;
}

.newsPage .newsPageBoxContent__body {
  margin-bottom: 75px;
  line-height: 2;
}

.newsPage .newsPageBoxContent__body a {
  color: #000;
  text-decoration: underline;
}

.newsPage .newsPageBoxContent__body p {
  margin-bottom: 25px;
}

.newsPage .newsPageBoxContent__body p:last-child {
  margin-bottom: 0;
}

.servicesPageHeadLogo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.servicesPageHeadLogo img {
  width: 40%;
  margin-top: -4.4%;
  margin-left: 65.8%;
}

.servicesPage {
  padding-bottom: 150px;
}

.servicesPage .c_sectionPrimaryTitle {
  margin-bottom: 95px;
}

.servicesPage .servicesPageBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 85px;
}

.servicesPage .servicesPageBox:last-child {
  margin-bottom: 0;
}

.servicesPage .servicesPageBoxTitle {
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
}

.servicesPage .servicesPageBoxContent {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 72px 6%;
  margin-top: 11rem;
  background: #fafafa;
}

.servicesPage .servicesPageBoxContent .m_paragraph-title-secondary {
  margin-bottom: 30px;
}

.servicesPage .servicesPageBoxContent .m_paragraph-head-image-secondary {
  width: 150px;
  margin-bottom: 30px;
}

.servicesPage .servicesPageBoxContent .c_paragraphSecondary {
  margin-bottom: 36px;
}

.servicesPage .servicesPageBoxContent .c_paragraphSecondary:last-child {
  margin-bottom: 0;
}

.servicesPage
  .servicesPageBoxContent
  .c_paragraphSecondary
  .m_paragraph-body-secondary
  .m_button-secondary {
  margin: 20px 0 0;
}

.servicesPage
  .servicesPageBoxContent
  .c_paragraphSecondary
  .m_paragraph-body-secondary
  .m_paragraph-bodyList-secondary
  li {
  margin-bottom: 30px;
}

.aboutPage .aboutPageBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.aboutPage .aboutPageBoxContent .c_paragraphTertiary {
  margin-bottom: 95px;
}

.aboutPage .aboutPageBoxContent .c_paragraphTertiary:last-child {
  margin-bottom: 0;
}

.aboutPage
  .aboutPageBoxContent
  .c_paragraphTertiary
  .m_content-title-shoulder-tertiary {
  margin-bottom: 20px;
}

.aboutPage .aboutPageBoxContent .c_paragraphTertiary .m_content-title-tertiary {
  margin-bottom: 22px;
}

.aboutPage
  .aboutPageBoxContent
  .c_paragraphTertiary
  .m_content-title-bottom-tertiary {
  margin-top: 13px;
}

.aboutPage
  .aboutPageBoxContent
  .c_paragraphTertiary
  .m_paragraph-body-tertiary {
  margin-bottom: 20px;
}

.aboutPage
  .aboutPageBoxContent
  .c_paragraphTertiary
  .m_paragraph-body-tertiary:last-child {
  margin-bottom: 0;
}

.aboutPage .aboutPageWhoWeAre {
  padding-bottom: 150px;
}

.aboutPage .aboutPageWhoWeAre .aboutPageBoxTitle {
  width: 41%;
}

.aboutPage .aboutPageWhoWeAreValue {
  margin-top: 38px;
}

.aboutPage .aboutPageWhoWeAreValue__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 22px 0 25px;
  cursor: pointer;
  border-top: solid 2px #000;
}

.aboutPage .aboutPageWhoWeAreValue__item:nth-child(3) {
  border-bottom: solid 2px #000;
}

.aboutPage .aboutPageWhoWeAreValue__itemTitle dt {
  margin-bottom: 8px;
  font-size: 2.4rem;
  font-weight: bold;
}

.aboutPage .aboutPageWhoWeAreValue__itemTitle dd {
  font-size: 1.4rem;
}

.aboutPage .aboutPageWhoWeAreValue__itemIcon {
  width: 40px;
  height: 40px;
  margin-right: 6%;
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.aboutPage
  .aboutPageWhoWeAreValue__item:nth-child(1)
  .aboutPageWhoWeAreValue__itemIcon {
  background: url('../img/object_10_v.png') no-repeat center;
  background-size: cover;
}

.aboutPage
  .aboutPageWhoWeAreValue__item:nth-child(1)
  .aboutPageWhoWeAreValue__itemIcon:hover {
  background: url('../img/object_10_v_color.png') no-repeat center;
  background-size: cover;
}

.aboutPage
  .aboutPageWhoWeAreValue__item:nth-child(2)
  .aboutPageWhoWeAreValue__itemIcon {
  background: url('../img/object_1_v.png') no-repeat center;
  background-size: cover;
}

.aboutPage
  .aboutPageWhoWeAreValue__item:nth-child(2)
  .aboutPageWhoWeAreValue__itemIcon:hover {
  background: url('../img/object_1_v_color.png') no-repeat center;
  background-size: cover;
}

.aboutPage
  .aboutPageWhoWeAreValue__item:nth-child(3)
  .aboutPageWhoWeAreValue__itemIcon {
  background: url('../img/object_3_v.png') no-repeat center;
  background-size: cover;
}

.aboutPage
  .aboutPageWhoWeAreValue__item:nth-child(3)
  .aboutPageWhoWeAreValue__itemIcon:hover {
  background: url('../img/object_3_v_color.png') no-repeat center;
  background-size: cover;
}

.aboutPage
  .aboutPageWhoWeAreValue__item:hover:nth-child(1)
  .aboutPageWhoWeAreValue__itemIcon {
  background: url('../img/object_10_v_color.png') no-repeat center;
  background-size: cover;
}

.aboutPage
  .aboutPageWhoWeAreValue__item:hover:nth-child(2)
  .aboutPageWhoWeAreValue__itemIcon {
  background: url('../img/object_1_v_color.png') no-repeat center;
  background-size: cover;
}

.aboutPage
  .aboutPageWhoWeAreValue__item:hover:nth-child(3)
  .aboutPageWhoWeAreValue__itemIcon {
  background: url('../img/object_3_v_color.png') no-repeat center;
  background-size: cover;
}

.aboutPage .aboutPageWhoWeAreValueIconBox {
  position: absolute;
  bottom: 10%;
  left: 0%;
  width: 33%;
  height: 30%;
}

.aboutPage .aboutPageWhoWeAreValueIconBox .aboutPageWhoWeAreValueIcon {
  display: none;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}

.aboutPage .aboutPageWhoWeAreValueIconBox .aboutPageWhoWeAreValueIcon img {
  -webkit-transform: scale(0) rotate(10deg);
  transform: scale(0) rotate(10deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.aboutPage .aboutPageWhoWeAreValueIconBox .aboutPageWhoWeAreValueIcon.Act {
  display: block;
}

.aboutPage .aboutPageWhoWeAreValueIconBox .aboutPageWhoWeAreValueIcon.Act img {
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-animation: valueIconMotionKey 0.68s;
  animation: valueIconMotionKey 0.68s;
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.aboutPage .aboutPageOutLine {
  position: relative;
  padding-top: 150px;
  padding-bottom: 40px;
}

.aboutPage .aboutPageOutLine .aboutPageOutLineNumber {
  position: absolute;
  top: 0;
  right: 0;
  width: 46%;
}

.aboutPage .aboutPageOutLine .aboutPageBoxTitle {
  width: 100%;
  margin-bottom: 58px;
}

.aboutPage .aboutPageOutLine .aboutPageBoxTitle {
  width: 100%;
}

.aboutPage .aboutPageOutLine .aboutPageBoxContentSide {
  width: 43%;
}

.aboutPage
  .aboutPageOutLine
  .aboutPageBoxContentSide
  .c_paragraphQuaternary
  .m_paragraph-title-quaternary {
  margin-bottom: 25px;
}

.aboutPage .aboutPageOutLine .aboutPageBoxContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-left: 7%;
}

.aboutPage
  .aboutPageOutLine
  .aboutPageBoxContent
  .m_paragraph-title-quaternary {
  width: 100%;
  margin-bottom: 30px;
}

.aboutPage .aboutPageOutLine .aboutPageBoxContent .c_paragraphQuaternary {
  width: 100%;
  margin-bottom: 20px;
}

.aboutPage
  .aboutPageOutLine
  .aboutPageBoxContent
  .c_paragraphQuaternary
  .m_paragraph-head-quaternary {
  margin-bottom: 2px;
}

.aboutPage .aboutPageOutLine .aboutPageBoxContent .c_viewMoreButton {
  margin-right: -12%;
}

.aboutPage .aboutPageOutLine a {
  color: #000;
  text-decoration: none;
}

.aboutPage .aboutPageMember {
  padding-top: 190px;
  padding-bottom: 150px;
}

.aboutPage .aboutPageMember .aboutPageBoxStickTitle {
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
}

.aboutPage .aboutPageMember .aboutPageMemberBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: 37%;
}

@media only screen and (max-width: 1024px) {
  .aboutPage .aboutPageMember .aboutPageMemberBox {
    margin-left: 45%;
  }
}

.aboutPage .aboutPageMember .aboutPageMemberItem {
  width: 47%;
  cursor: pointer;
}

.aboutPage .aboutPageMember .aboutPageMemberItem__face {
  position: relative;
}

.aboutPage .aboutPageMember .aboutPageMemberItem__faceBack {
  position: relative;
  width: 75%;
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.aboutPage .aboutPageMember .aboutPageMemberItem__faceImage {
  position: absolute;
  bottom: -5%;
  left: -5%;
  z-index: 2;
  width: 100%;
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.aboutPage .aboutPageMember .aboutPageMemberItem__Body {
  width: 100%;
  margin-top: 10px;
  margin-left: 24%;
}

.aboutPage .aboutPageMember .aboutPageMemberItem__BodyName {
  margin-bottom: 10px;
  font-weight: bold;
}

.aboutPage .aboutPageMember .aboutPageMemberItem__BodyName dt {
  margin-bottom: 4px;
  font-size: 1.4rem;
}

.aboutPage .aboutPageMember .aboutPageMemberItem__BodyName dd {
  font-size: 2.4rem;
}

.aboutPage .aboutPageMember .aboutPageMemberItem__BodyRead {
  font-size: 1.2rem;
}

.aboutPage .aboutPageMember .aboutPageMemberItem__BodyLink {
  margin-top: 10px;
  font-size: 1.2rem;
}

.aboutPage .aboutPageMember .aboutPageMemberItem__BodyLink a {
  color: #000;
  text-decoration: underline;
}

.aboutPage .aboutPageMember .aboutPageMemberItem__BodyLink a:hover {
  text-decoration: none;
}

.aboutPage .aboutPageMember .aboutPageMemberItem__BodyLink a:nth-child(2) {
  margin-left: 12px;
}

.aboutPage .aboutPageMember .aboutPageMemberItem:nth-child(odd) {
  margin-left: 53%;
}

.aboutPage .aboutPageMember .aboutPageMemberItem:nth-child(even) {
  margin-top: -10%;
}

.aboutPage
  .aboutPageMember
  .aboutPageMemberItem:nth-child(even)
  .aboutPageMemberItem__Body {
  width: 100%;
  margin-left: 40%;
}

.aboutPage
  .aboutPageMember
  .aboutPageMemberItem:nth-child(8)
  .aboutPageMemberItem__faceBack {
  margin-left: 20%;
}

.aboutPage
  .aboutPageMember
  .aboutPageMemberItem:hover
  .aboutPageMemberItem__faceBack {
  -webkit-transform: scale(1.1) rotate(-10deg) translateY(-5%);
  transform: scale(1.1) rotate(-10deg) translateY(-5%);
}

.aboutPage .aboutPageSupport {
  padding-bottom: 150px;
}

.aboutPage .aboutPageSupportBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 100px 6%;
  margin-left: 15.5%;
  background: #fafafa;
}

.aboutPage .aboutPageSupportBox .c_sectionPrimaryTitle {
  margin-bottom: 60px;
}

.aboutPage .aboutPageSupportBox .c_paragraphSecondary {
  margin-bottom: 25px;
}

.aboutPage
  .aboutPageSupportBox
  .c_paragraphSecondary
  .m_paragraph-head-secondary {
  margin-bottom: 2px;
}

.aboutPage
  .aboutPageSupportBox
  .c_paragraphSecondary
  .m_paragraph-body-secondary {
  margin-bottom: 30px;
}

.aboutPage .aboutPageSupportCompany {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 72px;
}

.aboutPage .aboutPageSupportCompany dt {
  width: 30%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.6rem;
  font-weight: bold;
}

.aboutPage .aboutPageSupportCompany dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 65%;
  margin-top: 10px;
}

.aboutPage .aboutPageSupportCompany dd p {
  width: 45%;
  max-width: 200px;
}

.aboutPage .aboutPageSupportCompany dd p:last-child img {
  width: 80%;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
}

.policyPage {
  padding-bottom: 150px;
}

.policyPage .c_sectionPrimaryTitle {
  margin-bottom: 92px;
}

.policyPage .policyPageBox {
  margin-left: 21%;
}

.policyPage .policyPageBox .m_paragraph-title-primary {
  margin-bottom: 30px;
}

.policyPage .policyPageBox .m_paragraph-read-primary {
  margin-bottom: 30px;
  line-height: 2;
}

.policyPage .policyPageBox .c_paragraphPrimary {
  margin-bottom: 25px;
}

.policyPage .policyPageBox .c_paragraphPrimary .m_paragraph-head-primary {
  margin-bottom: 2px;
}

.policyPage .policyPageBox .m_paragraph-bodyList-primary li {
  margin-left: 1.2rem;
  text-indent: -1.2rem;
}

.policyPage .policyPageBox .m_paragraph-bodyList-primary.Nest {
  margin-left: 2rem;
}

.policyPage a {
  color: #000;
}

.policyPage a span {
  position: relative;
  text-decoration: none;
}

.policyPage a span::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #000;
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.policyPage a span:hover::after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.no-desktop {
  display: none !important;
}

.no-display {
  display: none !important;
}

@media only screen and (max-width: 787px) {
  .l_wrapUnderlayer {
    padding-top: 154px;
  }
  .l_primaryArticle {
    padding-right: 4.8%;
    padding-left: 4.8%;
  }
  .l_primaryContentWarp {
    padding-right: 4.8%;
    padding-left: 4.8%;
  }
  .l_secondaryContentWarp {
    padding-right: 4.8%;
    padding-left: 4.8%;
  }
  .l_tertiaryContentWarp {
    padding-right: 4.8%;
    padding-left: 4.8%;
  }
  .l_primaryContent {
    max-width: 100%;
  }
  .l_primaryBody {
    width: 100%;
  }
  .l_secondaryBody {
    width: 100%;
  }
  .l_tertiaryBody {
    width: 100%;
  }
  .l_quaternaryBody {
    width: 100%;
  }
  .m_button-primary {
    height: 74px;
    line-height: 1.6;
    border-radius: 74px;
  }
  .m_button-primary span {
    padding-right: 15%;
    text-align: left;
  }
  .m_button-arrow {
    background: none;
  }
  .m_button-arrow span {
    padding-right: 15px;
    background: url('../img/icon_arrow_black.svg') no-repeat right center;
    background-size: 10px auto;
  }
  .m_button-arrow.White span {
    padding-right: 20px;
    background: url('../img/icon_arrow_white.svg') no-repeat right 75%;
    background-size: 12px auto;
  }
  .m_section-title-primary {
    font-size: 4rem;
    font-size: 4rem;
    font-size: 9.66184vw;
  }
}

@media only screen and (max-width: 787px) and (min-width: 1281px) {
  .m_section-title-primary {
    font-size: 4rem;
  }
}

@media only screen and (max-width: 787px) {
  .m_section-shoulder-primary {
    font-size: 1.4rem;
    font-size: 1.4rem;
    font-size: 3.38164vw;
  }
}

@media only screen and (max-width: 787px) and (min-width: 1281px) {
  .m_section-shoulder-primary {
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 787px) {
  .m_section-bottom-primary {
    font-size: 1.4rem;
    font-size: 1.4rem;
    font-size: 3.38164vw;
  }
}

@media only screen and (max-width: 787px) and (min-width: 1281px) {
  .m_section-bottom-primary {
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 787px) {
  .m_section-title-secondary {
    font-size: 2.8rem;
  }
  .m_content-title-primary {
    font-size: 2.4rem;
    font-size: 2.4rem;
    font-size: 5.7971vw;
  }
}

@media only screen and (max-width: 787px) and (min-width: 1281px) {
  .m_content-title-primary {
    font-size: 2.4rem;
  }
}

@media only screen and (max-width: 787px) {
  .m_content-title-secondary {
    font-size: 2.8rem;
    font-size: 2.8rem;
    font-size: 6.76329vw;
  }
}

@media only screen and (max-width: 787px) and (min-width: 1281px) {
  .m_content-title-secondary {
    font-size: 2.8rem;
  }
}

@media only screen and (max-width: 787px) {
  .m_content-title-tertiary {
    font-size: 2.8rem;
    font-size: 2.8rem;
    font-size: 6.76329vw;
    line-height: 1.6;
  }
}

@media only screen and (max-width: 787px) and (min-width: 1281px) {
  .m_content-title-tertiary {
    font-size: 2.8rem;
  }
}

@media only screen and (max-width: 787px) {
  .m_content-title-shoulder-tertiary {
    font-size: 1.4rem;
    font-size: 1.4rem;
    font-size: 3.38164vw;
  }
}

@media only screen and (max-width: 787px) and (min-width: 1281px) {
  .m_content-title-shoulder-tertiary {
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 787px) {
  .m_content-title-bottom-tertiary {
    font-size: 1.4rem;
    font-weight: normal;
  }
  .m_number-title-primary {
    font-family: 'Krona One', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.6rem;
    line-height: 1.2;
    font-size: 3.6rem;
    font-size: 8.69565vw;
  }
}

@media only screen and (max-width: 787px) and (min-width: 1281px) {
  .m_number-title-primary {
    font-size: 3.6rem;
  }
}

@media only screen and (max-width: 787px) {
  .m_paragraph-title-primary {
    font-size: 2rem;
    line-height: 1.8;
  }
  .m_paragraph-title-secondary {
    font-size: 2rem;
    line-height: 1.8;
  }
  .m_paragraph-head-secondary {
    font-size: 1.6rem;
  }
  .m_paragraph-body-secondary {
    font-size: 1.6rem;
  }
  .m_paragraph-body-tertiary {
    font-size: 1.4rem;
    line-height: 2.2;
  }
  .m_paragraph-title-quaternary {
    font-size: 2rem;
    font-weight: bold;
  }
  .m_paragraph-head-quaternary {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .m_paragraph-body-quaternary {
    font-size: 1.4rem;
    line-height: 2;
  }
  .c_sectionPrimaryTitle .m_section-shoulder-primary {
    margin-top: 22px;
  }
  .c_sectionPrimaryTitle .m_section-bottom-primary {
    margin-top: 22px;
  }
  .c_sectionSecondaryTitle .m_section-title-secondary {
    margin-top: -0.6rem;
  }
  .c_allViewButton span {
    position: relative;
    text-decoration: none;
  }
  .c_allViewButton span::after {
    display: none;
  }
  .c_allViewButton span:hover::after {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  .p_headerWrap {
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
  .p_headerWrap .p_headerLogo {
    position: relative;
    z-index: 3;
    width: 69px;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 20px;
  }
  .p_headerWrap .p_headerNav {
    display: none;
    -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .p_headerWrap .p_headerNav__item span {
    position: relative;
    text-decoration: none;
  }
  .p_headerWrap .p_headerNav__item span::after {
    display: none;
  }
  .p_headerWrap .p_headerNav__item span:hover::after {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  .p_headerWrap .p_headerNav__bg {
    -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .p_headerWrap .p_headerNav__toggle {
    position: relative;
    display: block;
    width: 70px;
    height: 70px;
    -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .p_headerWrap .p_headerNav__toggle span {
    position: absolute;
    left: 15%;
    display: block;
    width: 70%;
    height: 2px;
    background-color: #000;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  .p_headerWrap .p_headerNav__toggle span:nth-child(1) {
    top: calc(50% - 6px);
  }
  .p_headerWrap .p_headerNav__toggle span:nth-child(2) {
    top: 50%;
  }
  .p_headerWrap .p_headerNav__toggle span:nth-child(3) {
    top: calc(50% + 6px);
  }
  .p_headerWrap.Ready .p_headerNav {
    position: absolute;
    top: 70px;
    right: -100%;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 62%;
    padding: 40px 0;
    background: #000;
  }
  .p_headerWrap.Ready .p_headerNav__bg {
    display: block;
    opacity: 0;
  }
  .p_headerWrap.Act .p_headerNav {
    position: absolute;
    top: 70px;
    right: 0;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 62%;
    padding: 40px 0;
    background: #000;
  }
  .p_headerWrap.Act .p_headerNav__item {
    margin-top: 28px;
  }
  .p_headerWrap.Act .p_headerNav__item:first-child {
    margin-top: 0;
  }
  .p_headerWrap.Act .p_headerNav__item a {
    display: block;
    width: 100%;
    padding: 0 11%;
    font-size: 2.4rem;
    color: #fff;
  }
  .p_headerWrap.Act .p_headerNav__bg {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.15;
  }
  .p_headerWrap.Act .p_headerNav__toggle {
    background: #000;
  }
  .p_headerWrap.Act .p_headerNav__toggle span {
    left: 25%;
    width: 50%;
    background-color: #fff;
  }
  .p_headerWrap.Act .p_headerNav__toggle span:nth-child(1) {
    top: 50%;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  .p_headerWrap.Act .p_headerNav__toggle span:nth-child(2) {
    display: none;
  }
  .p_headerWrap.Act .p_headerNav__toggle span:nth-child(3) {
    top: 50%;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  .p_headerScroll {
    display: none;
  }
  .p_headerScroll.Top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p_footerWrap {
    padding: 125px 4.8% 240px 4.8%;
  }
  .p_footerWrap .p_footerContent {
    display: block;
    max-width: 100%;
  }
  .p_footerWrap .p_footerContent .p_footerContentLogo {
    width: 48%;
  }
  .p_footerWrap .p_footerContent .p_footerContentNav {
    width: 100%;
    margin-top: 75px;
    margin-left: 0;
  }
  .p_footerWrap .p_footerContent .p_footerContentNav__item {
    margin-top: 20px;
  }
  .p_footerWrap .p_footerContent .p_footerContentNav__item:first-child {
    margin-top: 0;
  }
  .p_footerWrap .p_footerContent .p_footerContentNav__item a {
    display: block;
    width: 100%;
  }
  .p_footerWrap .p_footerContent .p_footerContentNav__item span {
    position: relative;
    text-decoration: none;
  }
  .p_footerWrap .p_footerContent .p_footerContentNav__item span::after {
    display: none;
  }
  .p_footerWrap .p_footerContent .p_footerContentNav__item span:hover::after {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  .p_footerWrap .p_footerContent .p_footerContentNav__item.IconItem {
    margin-top: 40px;
  }
  .p_footerWrap .p_footerContent .p_footerContentNav__item.IconItem div {
    height: 22px;
    margin-right: 22px;
  }
  .p_footerWrap .p_footerSupport {
    right: 9.6%;
    bottom: 60px;
    width: 100%;
  }
  .p_footerWrap .p_footerSupport .p_footerCopyRight {
    font-size: 1.2rem;
  }
  .p_footerWrap .p_footerSupport .p_footerTop {
    font-size: 1.2rem;
  }
  .p_newsListWrap {
    padding-top: 105px;
    padding-bottom: 80px;
  }
  .p_newsListWrap .l_primaryContent {
    padding-left: 5%;
  }
  .p_newsListWrap .p_newsList .p_newsListItem {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 0 33px;
  }
  .p_newsListWrap .p_newsList .p_newsListItem__category {
    height: 14px;
    margin: 9px 8% 0;
  }
  .p_newsListWrap .p_newsList .p_newsListItem__body {
    width: 100%;
    margin-top: 15px;
  }
  .p_newsListWrap .p_newsList .p_newsListItem__body a {
    line-height: 1.8;
  }

  .p_newsListWrap .p_newsList li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 0 33px;
  }

  .p_newsListWrap .c_allViewButton {
    margin-top: 16px;
  }
  .topPageContact {
    display: none;
  }
  .topPageHero {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
  }
  .topPageHero .topPageHeroInner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 10vw;
  }
  .topPageHero .topPageHeroTitle {
    width: 100%;
  }
  .topPageHero .topPageHeroTitle__read {
    margin-top: 12px;
    font-size: 2.2rem;
    font-size: 2.2rem;
    font-size: 5.31401vw;
    letter-spacing: 0.5rem;
  }
}

@media only screen and (max-width: 787px) and (min-width: 1281px) {
  .topPageHero .topPageHeroTitle__read {
    font-size: 2.2rem;
  }
}

@media only screen and (max-width: 787px) {
  .topPageHero .topPageHeroMotionLogo {
    width: 55vw;
    margin: 10px auto 0;
    -webkit-transform: translate3d(0%, 0, 0) scale(4);
    transform: translate3d(0%, 0, 0) scale(4);
  }
}

@media only screen and (max-width: 787px) and (max-width: 480px) {
  .topPageHero .topPageHeroTitle__read {
    font-size: 1.8rem;
    font-size: 4.34783vw;
  }
}

@media only screen and (max-width: 787px) and (max-width: 480px) and (min-width: 1281px) {
  .topPageHero .topPageHeroTitle__read {
    font-size: 1.8rem;
  }
}

@media only screen and (max-width: 787px) and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
  .topPageHero .topPageHeroMotionLogo {
    width: 42vw;
  }
}

@media only screen and (max-width: 787px) and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
  .topPageHero .topPageHeroMotionLogo {
    width: 48vw;
  }
}

@media only screen and (max-width: 787px) {
  .topPageWhoWeAre {
    padding-top: 60px;
    padding-bottom: 100px;
  }
  .topPageWhoWeAre .l_primaryContent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
  }
  .topPageWhoWeAre .topPageWhoWeAreTicker {
    display: none;
  }
  .topPageWhoWeAre .topPageWhoWeAreBody {
    width: 100%;
    padding-left: 5%;
    margin-top: 58px;
  }
  .topPageWhoWeAre .topPageWhoWeAreBody .m_section-title-primary {
    margin-bottom: 52px;
  }
  .topPageWhoWeAre .topPageWhoWeAreBody__read {
    margin-bottom: 50px;
    font-size: 1.6rem;
    font-size: 1.6rem;
    font-size: 3.86473vw;
  }
}

@media only screen and (max-width: 787px) and (min-width: 1281px) {
  .topPageWhoWeAre .topPageWhoWeAreBody__read {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 787px) {
  .topPageWhoWeAre .topPageWhoWeAreCatch {
    width: 100%;
    margin-right: 0%;
  }
  .topPageWhoWeAre .topPageWhoWeAreCatch__read {
    position: absolute;
    top: calc(50% - 1.4rem);
    font-size: 2.8rem;
    -webkit-writing-mode: unset;
    -ms-writing-mode: unset;
    writing-mode: unset;
    font-size: 2.8rem;
    font-size: 6.76329vw;
  }
}

@media only screen and (max-width: 787px) and (min-width: 1281px) {
  .topPageWhoWeAre .topPageWhoWeAreCatch__read {
    font-size: 2.8rem;
  }
}

@media only screen and (max-width: 787px) {
  .topPageWhoWeAre .topPageWhoWeAreCatch__map {
    position: relative;
    top: unset;
    right: unset;
    width: 85%;
    margin: 0 auto;
  }
  .topPageServices {
    padding-top: 150px;
    padding-bottom: 100px;
    overflow: hidden;
  }
  .topPageServices .topPageServicesObjectsWrap {
    top: 0;
  }
  .topPageServices .topPageServicesObjectsWrap .topPageServicesObjectsInner {
    position: relative;
    width: 100%;
    max-width: 1280px;
    height: 80%;
    margin: 0 auto;
  }
  .topPageServices .topPageServicesObjectsWrap .topPageServicesObject {
    position: absolute;
  }
  .topPageServices
    .topPageServicesObjectsWrap
    .topPageServicesObject:nth-child(1) {
    top: unset;
    bottom: 20%;
    left: 70%;
    width: 42%;
    -webkit-transform: rotate(-19deg);
    transform: rotate(-19deg);
  }
  .topPageServices
    .topPageServicesObjectsWrap
    .topPageServicesObject:nth-child(2) {
    top: unset;
    bottom: 14%;
    left: 55%;
    width: 27%;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  .topPageServices
    .topPageServicesObjectsWrap
    .topPageServicesObject:nth-child(3) {
    top: unset;
    bottom: 17.3%;
    left: 72%;
    width: 18%;
    -webkit-transform: rotate(78deg);
    transform: rotate(78deg);
  }
  .topPageServices
    .topPageServicesObjectsWrap
    .topPageServicesObject:nth-child(4) {
    top: unset;
    bottom: 17.8%;
    left: -4%;
    width: 28%;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
  .topPageServices
    .topPageServicesObjectsWrap
    .topPageServicesObject:nth-child(5) {
    top: 2%;
    right: 86%;
    width: 24%;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  .topPageServices
    .topPageServicesObjectsWrap
    .topPageServicesObject:nth-child(6) {
    top: -2%;
    right: -6%;
    width: 24%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .topPageServices
    .topPageServicesObjectsWrap
    .topPageServicesObject:nth-child(7) {
    top: unset;
    right: -1.5%;
    bottom: 16.5%;
    width: 13%;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
  }
  .topPageServices
    .topPageServicesObjectsWrap
    .topPageServicesObject:nth-child(8) {
    top: 1.5%;
    right: 12%;
    width: 27%;
    -webkit-transform: rotate(-80deg);
    transform: rotate(-80deg);
  }
  .topPageServices
    .topPageServicesObjectsWrap
    .topPageServicesObject:nth-child(9) {
    top: 4%;
    right: -5%;
    width: 27%;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  .topPageServices
    .topPageServicesObjectsWrap
    .topPageServicesObject:nth-child(10) {
    top: 15%;
    right: 3%;
    width: 15%;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  .topPageServices .l_primaryContent .m_section-title-primary {
    padding: 0 5.5%;
    margin-bottom: 65px;
  }
  .topPageServices .topPageServicesList {
    padding: 0 5.5%;
    margin-bottom: 150px;
  }
  .topPageServices .topPageServicesList .m_number-title-primary {
    margin-bottom: 18px;
  }
  .topPageServices .topPageServicesList .m_content-title-primary {
    margin-bottom: 22px;
  }
  .topPageServices .topPageServicesList__item {
    margin-bottom: 55px;
  }
  .topPageServices .topPageServicesList__body dt {
    margin-bottom: 8px;
    font-size: 1.8rem;
  }
  .topPageServices .topPageServicesSupport {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 89%;
    min-height: auto;
    padding: 80px 5%;
    margin: 0 5.5%;
  }
  .topPageServices .topPageServicesSupport .m_button-primary {
    width: 100%;
  }
  .topPageServices .topPageServicesSupport__title {
    width: 100%;
    margin-bottom: 20px;
    font-size: 2.4rem;
    font-size: 5.7971vw;
    font-size: 2.4rem;
  }
}

@media only screen and (max-width: 787px) and (min-width: 1281px) {
  .topPageServices .topPageServicesSupport__title {
    font-size: 2.4rem;
  }
}

@media only screen and (max-width: 787px) {
  .p_headerScroll {
    bottom: 20px;
    left: 20px;
  }
  .newsPage {
    padding-bottom: 20px;
  }
  .newsPage .newsPageBox {
    display: block;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
  }
  .newsPage .newsPageBoxDate {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    margin-bottom: 25px;
  }
  .newsPage .newsPageBoxDate__year {
    font-size: 1.6rem;
  }
  .newsPage .newsPageBoxDate__date {
    margin: 4px 0 10px;
    margin-left: 0rem;
    font-size: 2.8rem;
  }
  .newsPage .newsPageBoxDate__category {
    height: 14px;
    font-size: 1rem;
  }
  .newsPage .newsPageBoxDate__category span {
    padding: 2px 0 2px 0;
  }
  .servicesPageHeadLogo img {
    width: 94%;
    margin-top: -12%;
    margin-left: 18%;
  }
  .servicesPage {
    padding-bottom: 150px;
  }
  .servicesPage .c_sectionPrimaryTitle {
    margin-bottom: 100px;
  }
  .servicesPage .servicesPageBox {
    display: block;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    margin-bottom: 100px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .servicesPage .servicesPageBox:last-child {
    margin-bottom: 0;
  }
  .servicesPage .servicesPageBoxTitle {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
  }
  .servicesPage .servicesPageBoxContent {
    height: 100%;
    max-height: 4000px;
    margin-top: 42px;
    overflow: hidden;
    -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-duration: 3s;
    transition-duration: 3s;
  }
  .servicesPage .servicesPageBoxContent .m_paragraph-title-secondary {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-right: 20%;
    margin-bottom: 25px;
  }
  .servicesPage .servicesPageBoxContent .m_paragraph-title-secondary::after {
    position: absolute;
    top: calc(50% - 11px);
    right: 0;
    width: 22px;
    height: 11px;
    content: '';
    background: url('../img/pull_arrow.svg') no-repeat;
    background-size: 22px auto;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .servicesPage .servicesPageBoxContent .c_paragraphSecondary {
    margin-bottom: 32px;
  }
  .servicesPage .servicesPageBoxContent .c_paragraphSecondary:last-child {
    margin-bottom: 0;
  }
  .servicesPage
    .servicesPageBoxContent
    .c_paragraphSecondary
    .m_paragraph-head-secondary {
    margin-bottom: 4px;
  }
  .servicesPage
    .servicesPageBoxContent
    .c_paragraphSecondary
    .m_paragraph-body-secondary
    .m_button-secondary {
    margin: 10px 0 0;
  }
  .servicesPage .servicesPageBoxContent.Close {
    position: relative;
    height: 200px;
    max-height: 200px;
    overflow: hidden;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .servicesPage .servicesPageBoxContent.Close::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 66px;
    content: '';
    background: url('../img/content_shadow.png') no-repeat center;
    background-size: cover;
  }
  .servicesPage
    .servicesPageBoxContent.Close
    .m_paragraph-title-secondary::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .aboutPage .aboutPageBox {
    display: block;
  }
  .aboutPage .aboutPageBoxContent .c_paragraphTertiary {
    margin-bottom: 50px;
  }
  .aboutPage .aboutPageBoxContent .c_paragraphTertiary:last-child {
    margin-bottom: 0;
  }
  .aboutPage
    .aboutPageBoxContent
    .c_paragraphTertiary
    .m_content-title-shoulder-tertiary {
    margin-bottom: 10px;
  }
  .aboutPage
    .aboutPageBoxContent
    .c_paragraphTertiary
    .m_content-title-tertiary {
    margin-bottom: 22px;
  }
  .aboutPage
    .aboutPageBoxContent
    .c_paragraphTertiary
    .m_content-title-bottom-tertiary {
    margin-top: 13px;
  }
  .aboutPage
    .aboutPageBoxContent
    .c_paragraphTertiary
    .m_paragraph-body-tertiary {
    margin-bottom: 22px;
  }
  .aboutPage
    .aboutPageBoxContent
    .c_paragraphTertiary
    .m_paragraph-body-tertiary:last-child {
    margin-bottom: 0;
  }
  .aboutPage .aboutPageWhoWeAre {
    padding-bottom: 100px;
  }
  .aboutPage .aboutPageWhoWeAre .aboutPageBoxTitle {
    width: 100%;
    margin-bottom: 60px;
  }
  .aboutPage .aboutPageWhoWeAre .aboutPageBoxContent {
    padding-left: 5%;
  }
  .aboutPage .aboutPageWhoWeAreValue {
    position: relative;
    margin-top: 38px;
  }
  .aboutPage .aboutPageWhoWeAreValue__item {
    position: relative;
    z-index: 2;
  }
  .aboutPage .aboutPageWhoWeAreValue__item:nth-child(3) {
    border-bottom: solid 2px #000;
  }
  .aboutPage .aboutPageWhoWeAreValue__itemTitle dt {
    font-size: 2rem;
  }
  .aboutPage .aboutPageWhoWeAreValue__itemTitle dd {
    font-size: 1.3rem;
  }
  .aboutPage .aboutPageWhoWeAreValue__itemIcon {
    display: none;
  }
  .aboutPage .aboutPageWhoWeAreValue__itemIconBase {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  .aboutPage .aboutPageWhoWeAreValue__itemIconBase div {
    position: absolute;
    display: block;
    width: 50%;
  }
  .aboutPage .aboutPageWhoWeAreValue__itemIconBase div:nth-child(1) {
    top: -14%;
    left: -25%;
    width: 50%;
  }
  .aboutPage .aboutPageWhoWeAreValue__itemIconBase div:nth-child(1) img {
    -webkit-transform: rotate(13deg);
    transform: rotate(13deg);
  }
}

@media only screen and (max-width: 787px) and (min-width: 415px) {
  .aboutPage .aboutPageWhoWeAreValue__itemIconBase div:nth-child(1) {
    top: -10%;
    left: -15%;
    width: 30%;
  }
}

@media only screen and (max-width: 787px) {
  .aboutPage .aboutPageWhoWeAreValue__itemIconBase div:nth-child(2) {
    top: 35%;
    right: -15%;
    width: 40%;
  }
  .aboutPage .aboutPageWhoWeAreValue__itemIconBase div:nth-child(2) img {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
}

@media only screen and (max-width: 787px) and (min-width: 415px) {
  .aboutPage .aboutPageWhoWeAreValue__itemIconBase div:nth-child(2) {
    right: -5%;
    width: 30%;
  }
}

@media only screen and (max-width: 787px) {
  .aboutPage .aboutPageWhoWeAreValue__itemIconBase div:nth-child(3) {
    bottom: -41%;
    left: -24%;
    width: 50%;
  }
  .aboutPage .aboutPageWhoWeAreValue__itemIconBase div:nth-child(3) img {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

@media only screen and (max-width: 787px) and (min-width: 415px) {
  .aboutPage .aboutPageWhoWeAreValue__itemIconBase div:nth-child(3) {
    bottom: -26%;
    left: -14%;
    width: 30%;
  }
}

@media only screen and (max-width: 787px) {
  .aboutPage .aboutPageWhoWeAreValueIconBox {
    display: none;
  }
  .aboutPage .aboutPageOutLine {
    padding-top: 110px;
    padding-bottom: 110px;
  }
  .aboutPage .aboutPageOutLine .aboutPageOutLineNumber {
    width: 65%;
  }
  .aboutPage .aboutPageOutLine .aboutPageBoxTitle {
    margin-bottom: 52px;
  }
  .aboutPage .aboutPageOutLine .aboutPageBoxContentSide {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-left: 5%;
    margin-bottom: 48px;
  }
  .aboutPage
    .aboutPageOutLine
    .aboutPageBoxContentSide
    .c_paragraphQuaternary
    .m_paragraph-title-quaternary {
    margin-bottom: 18px;
  }
  .aboutPage .aboutPageOutLine .aboutPageBoxContent {
    padding-left: 5%;
  }
  .aboutPage
    .aboutPageOutLine
    .aboutPageBoxContent
    .m_paragraph-title-quaternary {
    width: 100%;
  }
  .aboutPage .aboutPageOutLine .aboutPageBoxContent .c_paragraphQuaternary {
    width: 100%;
  }
  .aboutPage .aboutPageOutLine .aboutPageBoxContent .c_viewMoreButton {
    margin-right: 0;
  }
  .aboutPage .aboutPageOutLine a {
    color: #000;
    text-decoration: none;
  }
  .aboutPage .aboutPageMember {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .aboutPage .aboutPageMember .aboutPageBoxStickTitle {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
  }
  .aboutPage .aboutPageMember .aboutPageMemberBox {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: 60px;
    margin-left: 0;
  }
  .aboutPage .aboutPageMember .aboutPageMemberItem {
    width: 45%;
  }
  .aboutPage .aboutPageMember .aboutPageMemberItem__faceBack {
    width: 90%;
  }
  .aboutPage .aboutPageMember .aboutPageMemberItem__faceImage {
    width: 90%;
  }
  .aboutPage .aboutPageMember .aboutPageMemberItem__Body {
    margin-top: 10px;
    margin-left: 0%;
  }
  .aboutPage .aboutPageMember .aboutPageMemberItem:nth-child(odd) {
    margin-top: 40px;
    margin-left: 0;
  }
  .aboutPage .aboutPageMember .aboutPageMemberItem:nth-child(even) {
    margin-top: 40px;
  }
  .aboutPage
    .aboutPageMember
    .aboutPageMemberItem:nth-child(even)
    .aboutPageMemberItem__Body {
    width: 100%;
    margin-left: 0%;
  }
  .aboutPage .aboutPageMember .aboutPageMemberItem:nth-child(1) {
    margin-top: 0px;
  }
  .aboutPage .aboutPageMember .aboutPageMemberItem:nth-child(2) {
    margin-top: 0px;
  }
  .aboutPage
    .aboutPageMember
    .aboutPageMemberItem:nth-child(8)
    .aboutPageMemberItem__faceBack {
    margin-left: 0%;
  }
  .aboutPage .aboutPageSupport {
    padding-bottom: 100px;
    margin-left: 0%;
  }
  .aboutPage .aboutPageSupportBox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 85px 6%;
    margin-left: 0%;
    background: #fafafa;
  }
  .aboutPage .aboutPageSupportBox .c_sectionPrimaryTitle {
    margin-bottom: 35px;
  }
  .aboutPage .aboutPageSupportCompany {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 60px;
  }
  .aboutPage .aboutPageSupportCompany dt {
    width: 100%;
  }
  .aboutPage .aboutPageSupportCompany dd {
    width: 100%;
    margin-top: 20px;
  }
  .policyPage {
    padding-bottom: 60px;
  }
  .policyPage .c_sectionPrimaryTitle {
    margin-bottom: 53px;
  }
  .policyPage .policyPageBox {
    margin-left: 0;
  }
  .policyPage .policyPageBox .m_paragraph-title-primary {
    margin-bottom: 30px;
  }
  .policyPage .policyPageBox .m_paragraph-read-primary {
    margin-bottom: 30px;
  }
  .policyPage a span {
    position: relative;
    text-decoration: none;
  }
  .policyPage a span::after {
    display: none;
  }
  .policyPage a span:hover::after {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  .mobile-no-margin {
    margin: 0;
  }
  .mobile-no-padding {
    padding: 0;
  }
  .no-mobile {
    display: none !important;
  }
  .show-mobile {
    display: block !important;
  }
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.js-inView {
  opacity: 0;
}

.js-inViewAct {
  -webkit-animation: inViewActKey 1s;
  animation: inViewActKey 1s;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes inViewActKey {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes inViewActKey {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

.left {
  float: left;
}

.right {
  float: right;
}

.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.none,
[hidden] {
  display: none;
}

.font-ultra-bold {
  font-weight: 900;
}

.font-bold {
  font-weight: 700;
}

.font-normal {
  font-weight: 500;
}

.font-light {
  font-weight: 300;
}

.font-thin {
  font-weight: 100;
}

.font-normal {
  font-style: normal;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.flex-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pre-wrap {
  white-space: pre-wrap;
}

.p_newsList li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 32px 0 34px;
  cursor: pointer;
  border-top: solid 2px #000;
}
.p_newsListWrap .p_newsList li a {
  width: 100%;
  color: #000;
}
.p_newsListWrap .p_newsList li a:hover {
  text-decoration: underline;
}
.p_newsListWrap .p_newsList li time {
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 1;
  font-size: 2rem;
  float: left;
  display: block;
  margin: 0 5% 0 0;
  white-space: nowrap;
  overflow: hidden;
  width: 113px;
}
.p_newsListWrap .p_newsList li h2 {
  display: block;
  font-size: 1.4rem;
}

@media only screen and (max-width: 787px) {
  .p_newsListWrap .p_newsList li time {
    font-size: 1.8rem;
    float: none;
    display: block;
    margin: 0 5% 2% 0;
    width: 105px;
  }
}