.hd {
  width: 100%;
  min-width: 1000px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
  mix-blend-mode: difference; }
  @media screen and (max-width: 768px) {
    .hd {
      min-width: 100%; } }

.hd_l-inner {
  width: 100%;
  margin: 0 auto;
  position: relative;
  mix-blend-mode: difference;
  z-index: 6; }
  @media screen and (max-width: 768px) {
    .hd_l-inner {
      max-width: 100%;
      position: fixed; } }

.hd_logo {
  width: 66.5px;
  height: 29px;
  position: absolute;
  top: 50px;
  left: 50px;
  mix-blend-mode: difference; }
  @media screen and (max-width: 768px) {
    .hd_logo {
      width: 11.82222vw;
      height: 5.15556vw;
      top: 4.44444vw;
      left: 4.44444vw;
      z-index: 2; } }
  .hd_logo a {
    display: block;
    -webkit-transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1); }
    .hd_logo a:hover {
      opacity: 0.6; }
    .hd_logo a svg {
      width: 66.5px;
      height: 29px;
      fill: #fff; }
      @media screen and (max-width: 768px) {
        .hd_logo a svg {
          width: 11.82222vw;
          height: 5.15556vw; } }

.hd_nav {
  width: 100%; }
  @media screen and (max-width: 768px) {
    .hd_nav {
      width: 100%;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 5;
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
      -webkit-transition: -webkit-transform .25s ease-out;
      transition: -webkit-transform .25s ease-out;
      transition: transform .25s ease-out;
      transition: transform .25s ease-out, -webkit-transform .25s ease-out; } }
  .hd_nav.active {
    -webkit-transform: translateX(0);
            transform: translateX(0); }

.hd_menu-wrap {
  position: absolute;
  top: 50px;
  right: 55px; }

.hd_menu {
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.05em;
  mix-blend-mode: difference;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 50px;
  right: 55px; }
  @media screen and (max-width: 768px) {
    .hd_menu {
      display: block;
      width: 100%;
      font-size: 7.11111vw;
      text-align: center;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-70%);
              transform: translateY(-70%);
      z-index: 1; } }
  .hd_menu li {
    margin-bottom: 58px; }
    @media screen and (min-width: 769px) {
      .hd_menu li {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        -o-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        display: inline-block; } }
    @media screen and (max-width: 768px) {
      .hd_menu li {
        margin-bottom: 9.95556vw; } }
    .hd_menu li:last-of-type {
      margin-bottom: 0; }
    .hd_menu li a {
      display: block;
      color: #fff;
      -webkit-transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
      transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1); }
      .hd_menu li a:hover {
        opacity: 0.6; }
  @media screen and (max-width: 768px) {
    .hd_menu.pc {
      display: none; } }

.hd_map-btn {
  display: none; }
  @media screen and (max-width: 768px) {
    .hd_map-btn {
      display: block;
      width: 80vw;
      background-color: #fff;
      mix-blend-mode: difference;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 15.11111vw;
      margin: auto;
      z-index: 1; } }
  @media screen and (max-width: 768px) {
    .hd_map-btn a {
      display: block;
      width: 100%;
      font-size: 4.26667vw;
      font-weight: 700;
      color: #fff;
      text-align: center;
      padding: 5.77778vw 0;
      mix-blend-mode: difference;
      position: relative; } }
  @media screen and (max-width: 768px) {
    .hd_map-btn a::after {
      content: "";
      background-image: url("/assets/img/common/other-tab-btn-icon.png");
      background-size: 3.55556vw;
      background-repeat: no-repeat;
      background-position: center top;
      width: 3.55556vw;
      height: 3.55556vw;
      display: block;
      position: relative;
      position: absolute;
      top: 7.46667vw;
      right: 20.88889vw; } }

@media screen and (max-width: 768px) {
  .menu-trigger,
  .menu-trigger span {
    display: inline-block;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 5;
    mix-blend-mode: difference; } }

.menu-trigger {
  display: none; }
  @media screen and (max-width: 768px) {
    .menu-trigger {
      display: block;
      position: absolute;
      width: 8.88889vw;
      height: 4.44444vw;
      top: 4.44444vw;
      right: 4.44444vw;
      mix-blend-mode: difference; } }

@media screen and (max-width: 768px) {
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.88889vw;
    background-color: #fff; } }

@media screen and (max-width: 768px) {
  .menu-trigger span:nth-of-type(1) {
    top: 0; } }

@media screen and (max-width: 768px) {
  .menu-trigger span:nth-of-type(2) {
    top: 1.77778vw; } }

@media screen and (max-width: 768px) {
  .menu-trigger span:nth-of-type(3) {
    bottom: 0; } }

@media screen and (max-width: 768px) {
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(1.77778vw) rotate(-45deg);
    transform: translateY(1.77778vw) rotate(-45deg); } }

@media screen and (max-width: 768px) {
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0; } }

@media screen and (max-width: 768px) {
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-1.77778vw) rotate(45deg);
    transform: translateY(-1.77778vw) rotate(45deg); } }

.ft {
  width: 100%;
  min-width: 1000px; }
  @media screen and (max-width: 768px) {
    .ft {
      min-width: 100%; } }

.ft_copy {
  width: 323.5px;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  background-color: #0e1b25;
  padding: 41px 0;
  margin: 0 0 0 auto; }
  @media screen and (max-width: 768px) {
    .ft_copy {
      width: 64.97778vw;
      font-size: 2.66667vw;
      padding: 6.93333vw 0; } }

body {
  background-color: #0e1b25 !important; }

#wrapper {
  overflow: hidden;
  background-color: #fff;
  opacity: 0; }

.hd_l-inner {
  opacity: 0; }

/* edge */
@supports (-ms-ime-align: auto) {
  .hd_map-btn a {
    color: #0e1b25; } }

/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .hd_map-btn a {
  color: #0e1b25; }

.view-wrap {
  background-color: #0e1b25; }

#pixiview {
  position: relative;
  z-index: 1;
  opacity: 0; }

canvas {
  width: 100%;
  height: 100%;
  min-width: 1000px;
  position: relative; }
  @media screen and (max-width: 768px) {
    canvas {
      min-width: 100%; } }

.mv {
  width: 100%;
  min-width: 1000px;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 2; }
  @media screen and (max-width: 768px) {
    .mv {
      min-width: 100%; } }

.mv_logo {
  width: 359px;
  height: 156.5px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  opacity: 0; }
  @media screen and (max-width: 768px) {
    .mv_logo {
      width: 63.82222vw;
      height: 27.82222vw; } }

.work {
  width: 100%;
  min-width: 1000px;
  overflow: hidden;
  padding-top: 100px;
  padding-bottom: 106px;
  background-color: #c0344b;
  position: relative; }
  @media screen and (max-width: 768px) {
    .work {
      min-width: 100vw;
      padding-top: 13.33333vw;
      padding-bottom: 30.75556vw; } }
  .work::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: calc(50% + 300px); }
    @media screen and (max-width: 768px) {
      .work::before {
        width: 17.77778vw;
        left: auto;
        right: 0; } }

.work_l-ttl-wrap {
  width: 1000px;
  margin: 0 auto;
  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-bottom: 47.5px; }
  @media screen and (max-width: 768px) {
    .work_l-ttl-wrap {
      width: 91.11111vw;
      padding-bottom: 13.51111vw; } }

.work_ttl {
  width: 471px;
  mix-blend-mode: difference; }
  @media screen and (max-width: 768px) {
    .work_ttl {
      width: 54.31111vw; } }

.work_more-btn {
  z-index: 1;
  font-size: 1.8rem; }
  @media screen and (max-width: 768px) {
    .work_more-btn {
      font-size: 2.66667vw; } }
  .work_more-btn a {
    display: inline-block;
    text-decoration: underline;
    padding: 0 8px;
    font-family: "NotoSerif", serif;
    letter-spacing: 0.05em;
    -webkit-transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1); }
    .work_more-btn a:hover {
      opacity: 0.6; }
    @media screen and (max-width: 768px) {
      .work_more-btn a {
        padding: 0;
        letter-spacing: 0; } }

.work_l-list-wrap {
  padding-top: 450px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .work_l-list-wrap {
      padding-top: 43.64444vw; } }

.work_list-wrap {
  width: 2400px;
  position: absolute;
  top: 0;
  left: calc(50% - 100px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
  @media screen and (max-width: 768px) {
    .work_list-wrap {
      width: 233.06667vw;
      left: -73.15556vw;
      -webkit-transform: translateX(0);
              transform: translateX(0); } }

.work_list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.work_list-item {
  width: 800px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .work_list-item {
      width: 77.68889vw; } }
  .work_list-item a {
    display: block; }
  .work_list-item::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(14, 27, 37, 0.8);
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    pointer-events: none; }
  .work_list-item.active::before {
    background-color: transparent; }

.work_name-list-wrap {
  width: 2400px;
  height: 106px;
  position: absolute;
  bottom: 0;
  left: calc(50% - 100px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #c0344b; }
  @media screen and (max-width: 768px) {
    .work_name-list-wrap {
      width: 233.06667vw;
      height: 30.75556vw;
      left: -73.15556vw;
      -webkit-transform: translateX(0);
              transform: translateX(0); } }
  .work_name-list-wrap::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: calc(50% + 400px); }
    @media screen and (max-width: 768px) {
      .work_name-list-wrap::before {
        width: 17.77778vw;
        left: 155.37778vw; } }

.work_name-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: 0.05em;
  margin-top: 20px; }
  @media screen and (max-width: 768px) {
    .work_name-list {
      margin-top: 3.55556vw; } }

.work_name-list-item {
  width: 800px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  mix-blend-mode: difference;
  padding-left: 25px; }
  @media screen and (max-width: 768px) {
    .work_name-list-item {
      width: 100%;
      font-size: 3.2vw;
      line-height: 1.3;
      padding-left: 4.44444vw;
      padding-right: 15.82222vw; } }
  .work_name-list-item a {
    display: block;
    width: 100%;
    color: #fff;
    -webkit-transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1); }
    .work_name-list-item a:hover {
      opacity: 0.6; }
  .work_name-list-item span {
    font-weight: 400;
    display: inline-block; }
    @media screen and (max-width: 768px) {
      .work_name-list-item span {
        margin-top: 1.77778vw; } }

.intro {
  background-color: #0e1b25;
  position: relative;
  background-image: url("../img/top/hello-bg.png");
  background-size: 1440px 655px;
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  height: 655px;
  display: block;
  position: relative;
  height: 455px;
  background-size: cover; }

.intro_l-inner {
  width: 1000px;
  height: 718px;
  margin: 0 auto;
  padding-top: 68px;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 768px) {
    .intro_l-inner {
      width: 100%;
      height: 128.71111vw;
      padding-top: 15.2vw; } }

.intro_txt-wrap {
  font-size: 1.2rem;
  font-family: 'PressStart2P';
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #fff; }
  @media screen and (max-width: 768px) {
    .intro_txt-wrap {
      width: 84.97778vw;
      margin: 0 auto;
      font-size: 2.66667vw;
      letter-spacing: 0;
      position: relative;
      z-index: 1; } }
  .intro_txt-wrap .intro_hello {
    font-size: 1.4rem;
    margin-bottom: 35px;
    line-height: 1.9em; }
    @media screen and (max-width: 768px) {
      .intro_txt-wrap .intro_hello {
        font-size: 3.2vw;
        letter-spacing: -0.05em;
        margin-bottom: 9.06667vw; } }
    .intro_txt-wrap .intro_hello span {
      display: block;
      font-size: 4.4rem;
      margin-top: 10px;
      margin-bottom: 37px; }
      @media screen and (max-width: 768px) {
        .intro_txt-wrap .intro_hello span {
          font-size: 6.26667vw;
          letter-spacing: 0;
          margin-top: 0.88889vw;
          margin-bottom: 6.6vw; } }
  .intro_txt-wrap .intro_txt {
    margin-bottom: 21px; }
    @media screen and (max-width: 768px) {
      .intro_txt-wrap .intro_txt {
        margin-bottom: 4.44444vw;
        letter-spacing: -0.037em; } }
    .intro_txt-wrap .intro_txt:last-of-type {
      margin-bottom: 0; }
    .intro_txt-wrap .intro_txt a {
      display: inline-block;
      color: #fff;
      padding: 0 15px;
      margin-bottom: 22px;
      position: relative;
      -webkit-transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
      transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1); }
      .intro_txt-wrap .intro_txt a:hover {
        opacity: 0.6; }
      @media screen and (max-width: 768px) {
        .intro_txt-wrap .intro_txt a {
          padding: 0 2.66667vw;
          margin-bottom: 4.44444vw; } }
      .intro_txt-wrap .intro_txt a::after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #fff; }
  .intro_txt-wrap .c-orange {
    display: inline-block;
    color: #ff9c00;
    margin: 0 15px; }
    @media screen and (max-width: 768px) {
      .intro_txt-wrap .c-orange {
        margin: 0 2.66667vw; } }
    .intro_txt-wrap .c-orange:first-of-type {
      margin-left: 0; }
    .intro_txt-wrap .c-orange.not {
      margin-right: 0;
      position: relative; }
      .intro_txt-wrap .c-orange.not::after {
        content: "";
        display: block;
        width: 36px;
        height: 1px;
        background-color: #ff9c00;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto; }
  .intro_txt-wrap .dotline {
    display: block; }
    .intro_txt-wrap .dotline:first-of-type {
      margin-bottom: 20px; }
      @media screen and (max-width: 768px) {
        .intro_txt-wrap .dotline:first-of-type {
          margin-bottom: 4.44444vw; } }

.intro_arrow-wrap {
  width: 100%;
  min-width: 1440px;
  position: absolute;
  bottom: -112px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
  @media screen and (max-width: 768px) {
    .intro_arrow-wrap {
      bottom: -10.4vw;
      left: 0;
      -webkit-transform: translateX(0);
              transform: translateX(0); } }

.intro_arrow {
  width: 548.5px;
  -webkit-transform-origin: 50px bottom;
          transform-origin: 50px bottom;
  -webkit-transform: rotateZ(-100deg);
          transform: rotateZ(-100deg);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
  @media screen and (max-width: 768px) {
    .intro_arrow {
      width: 48.97778vw;
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom; } }
  .intro_arrow.active {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg); }

.domain {
  padding-top: 148px; }
  @media screen and (max-width: 768px) {
    .domain {
      padding-top: 13.33333vw; } }

.domain_l-ttl-wrap {
  width: 1000px;
  margin: 0 auto;
  margin-bottom: 71.5px;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    .domain_l-ttl-wrap {
      width: 91.11111vw;
      margin-bottom: 13.33333vw; } }

.domain_ttl {
  width: 528px;
  margin: 0 0 0 auto;
  position: relative;
  opacity: 0; }
  @media screen and (max-width: 768px) {
    .domain_ttl {
      width: 60.71111vw; } }

.domain_item {
  margin-bottom: 50px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .domain_item {
      margin-bottom: 5.33333vw; } }
  .domain_item:last-of-type {
    margin-bottom: 0; }
  .domain_item.web {
    background-image: url("/assets/img/top/domain-web-bg_pc.jpg");
    background-size: 1440px 650px;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    height: 671px;
    display: block;
    position: relative;
    background-position: center bottom; }
    @media screen and (max-width: 768px) {
      .domain_item.web {
        background-image: url("/assets/img/top/domain-web-bg_sp.jpg");
        background-size: 100% 100vw;
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
        height: auto;
        display: block;
        position: relative;
        background-position: left 3.02222vw; } }
  .domain_item.interactive {
    background-image: url("/assets/img/top/domain-interactive-bg_pc.jpg");
    background-size: 1219.5px 650px;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    height: 671px;
    display: block;
    position: relative;
    background-position: calc(50% + 110px) bottom; }
    @media screen and (max-width: 768px) {
      .domain_item.interactive {
        background-image: url("/assets/img/top/domain-interactive-bg_sp.jpg");
        background-size: 100% 100vw;
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
        height: auto;
        display: block;
        position: relative;
        background-position: left 13.06667vw; } }
  .domain_item.electronics {
    background-image: url("/assets/img/top/domain-electronics-bg_pc.jpg");
    background-size: 1219.5px 650px;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    height: 671px;
    display: block;
    position: relative;
    background-position: calc(50% - 110px) bottom; }
    @media screen and (max-width: 768px) {
      .domain_item.electronics {
        background-image: url("/assets/img/top/domain-electronics-bg_sp.jpg");
        background-size: 100% 100vw;
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
        height: auto;
        display: block;
        position: relative;
        background-position: left 3.28889vw; } }
  .domain_item::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: right center;
            transform-origin: right center;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.55s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.55s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.55s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.55s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .domain_item:nth-of-type(even)::after {
    -webkit-transform-origin: left center;
            transform-origin: left center; }
  .domain_item.active::after {
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }

.domain_item-l-inner {
  width: 1000px;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 768px) {
    .domain_item-l-inner {
      width: 91.11111vw; } }

.domain_item-ttl {
  z-index: 1;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0; }
  @media screen and (max-width: 768px) {
    .domain_item-ttl {
      position: relative; } }
  .web .domain_item-ttl {
    width: 420.5px; }
    @media screen and (max-width: 768px) {
      .web .domain_item-ttl {
        width: 64.17778vw; } }
  .interactive .domain_item-ttl {
    width: 830.5px;
    margin: 0 0 0 auto;
    right: 0; }
    @media screen and (max-width: 768px) {
      .interactive .domain_item-ttl {
        width: 64.62222vw;
        margin: 0 auto 0 0; } }
  .electronics .domain_item-ttl {
    width: 383px; }
    @media screen and (max-width: 768px) {
      .electronics .domain_item-ttl {
        width: 59.2vw; } }

.domain_item-info {
  width: 500px;
  padding: 45px 50px 53px 50px;
  color: #0e1b25;
  letter-spacing: 0.05em;
  background-color: #fff;
  position: absolute; }
  @media screen and (max-width: 768px) {
    .domain_item-info {
      width: 91.11111vw;
      padding: 6.93333vw 8.53333vw 6.93333vw 8.53333vw;
      position: static; } }
  .web .domain_item-info {
    top: 146px;
    right: 0; }
    @media screen and (max-width: 768px) {
      .web .domain_item-info {
        margin-top: 83.02222vw; } }
  .interactive .domain_item-info {
    top: 146px;
    left: 50px; }
    @media screen and (max-width: 768px) {
      .interactive .domain_item-info {
        margin-top: 83.55556vw; } }
  .electronics .domain_item-info {
    top: 146px;
    right: 47px; }
    @media screen and (max-width: 768px) {
      .electronics .domain_item-info {
        margin-top: 83.2vw; } }

.domain_item-info-ttl {
  font-size: 3rem;
  line-height: 1.6;
  font-weight: 900;
  margin-bottom: 32px; }
  @media screen and (max-width: 768px) {
    .domain_item-info-ttl {
      font-size: 5.33333vw;
      line-height: 1.5;
      margin-bottom: 6.57778vw; } }

.domain_item-info-txt {
  font-size: 1.4rem;
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .domain_item-info-txt {
      font-size: 3.2vw;
      margin-bottom: 6.22222vw; } }
  .domain_item-info-txt dt {
    font-weight: 700;
    line-height: 1.42;
    margin-bottom: 15px; }
    @media screen and (max-width: 768px) {
      .domain_item-info-txt dt {
        line-height: 1.66;
        margin-bottom: 2.13333vw; } }
  .domain_item-info-txt dd {
    line-height: 1.7; }
    @media screen and (max-width: 768px) {
      .domain_item-info-txt dd {
        line-height: 1.66; } }

.domain_item-info-btn {
  font-size: 1.8rem;
  font-family: 'NotoSerif'; }
  @media screen and (max-width: 768px) {
    .domain_item-info-btn {
      font-size: 3.2vw; } }
  .domain_item-info-btn a {
    display: inline-block;
    text-decoration: underline;
    padding: 0 7px;
    -webkit-transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1); }
    .domain_item-info-btn a:hover {
      opacity: 0.6; }
    @media screen and (max-width: 768px) {
      .domain_item-info-btn a {
        padding: 0 1.6vw; } }
  .electronics .domain_item-info-btn span {
    display: inline-block;
    margin-left: 7px;
    position: relative; }
    @media screen and (max-width: 768px) {
      .electronics .domain_item-info-btn span {
        margin-left: 0; } }
    .electronics .domain_item-info-btn span::before {
      content: "";
      width: 100%;
      height: 1px;
      background-color: #0e1b25;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto; }

.partner {
  padding-top: 145px;
  padding-bottom: 100px; }
  @media screen and (max-width: 768px) {
    .partner {
      padding-top: 18.13333vw;
      padding-bottom: 24vw; } }

.partner_l-inner {
  width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .partner_l-inner {
      width: 91.11111vw; } }

.partner_ttl {
  font-size: 1.4rem;
  font-family: 'PressStart2P';
  margin-bottom: 42px;
  height: 21px; }
  @media screen and (max-width: 768px) {
    .partner_ttl {
      font-size: 3.2vw;
      margin-bottom: 8vw;
      height: 4.62222vw; } }

.partner_list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  opacity: 0; }
  @media screen and (max-width: 768px) {
    .partner_list {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  .partner_list li {
    width: 300px;
    margin-right: 50px;
    margin-bottom: 50px; }
    @media screen and (max-width: 768px) {
      .partner_list li {
        width: 44.44444vw;
        margin-right: 0;
        margin-bottom: 2.22222vw; } }
    .partner_list li:nth-of-type(3n) {
      margin-right: 0; }

/*# sourceMappingURL=maps/top.css.map */