@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap");
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
html {
  margin-top: 0 !important;
  scroll-behavior: smooth;
}

body div,
body span,
body applet,
body object,
body iframe,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body blockquote,
body pre,
body a,
body abbr,
body acronym,
body address,
body big,
body cite,
body code,
body del,
body dfn,
body em,
body img,
body ins,
body kbd,
body q,
body s,
body samp,
body small,
body strike,
body strong,
body sub,
body sup,
body tt,
body var,
body b,
body u,
body i,
body center,
body dl,
body dt,
body dd,
body ol,
body ul,
body li,
body fieldset,
body form,
body label,
body legend,
body table,
body caption,
body tbody,
body tfoot,
body thead,
body tr,
body th,
body td,
body article,
body aside,
body canvas,
body details,
body embed,
body figure,
body figcaption,
body footer,
body header,
body hgroup,
body menu,
body nav,
body output,
body ruby,
body section,
body summary,
body time,
body mark,
body audio,
body video,
body input,
body textarea,
body select {
  font-family: "Noto Sans JP", sans-serif;
  color: #000;
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  body input,
  body textarea,
  body select .uk-checkbox,
  body .uk-input,
  body .uk-radio,
  body .uk-select,
  body .uk-textarea {
    font-size: 1.1428571429rem;
  }
}

body {
  width: 100%;
  overflow-x: hidden;
}

main {
  overflow: hidden;
}

.font_small {
  font-size: 0.875rem !important;
}

.sp-none {
  display: block;
}
@media screen and (max-width: 599px) {
  .sp-none {
    display: none;
  }
}

.tb-block {
  display: block;
}
@media screen and (max-width: 599px) {
  .tb-block {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .tb-block {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .tb-block {
    display: none;
  }
}

.tb-none {
  display: none;
}
@media screen and (max-width: 1199px) {
  .tb-none {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .tb-none {
    display: block;
  }
}

.tac {
  text-align: center;
  margin-top: 24px;
}

.pc-none {
  display: none;
}
@media screen and (max-width: 599px) {
  .pc-none {
    display: block;
  }
}

.text_align_right {
  text-align: right;
}

.section_inner {
  max-width: 1980px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .section_inner {
    padding: 0 !important;
  }
}

.section_inner_1200 {
  max-width: 1280px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .section_inner_1200 {
    padding: 0 1rem !important;
  }
}

.section_inner_960 {
  max-width: 960px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .section_inner_960 {
    padding: 0 1rem !important;
  }
}

.section_inner_768 {
  max-width: 768px;
  margin: auto;
}
.section_inner_640 {
  max-width: 640px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .section_inner_640 {
    padding: 0 1rem !important;
  }
}

.section_inner_520 {
  max-width: 520px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .section_inner_520 {
    padding: 0 1rem !important;
  }
}

.section_inner_480 {
  max-width: 480px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .section_inner_480 {
    padding: 0 1rem !important;
  }
}

.section_inner_360 {
  max-width: 360px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .section_inner_360 {
    padding: 0 1rem !important;
  }
}

.height_0_5rem {
  height: 0.5rem;
  width: 100%;
}

.height_1rem {
  height: 1rem;
  width: 100%;
}

.height_2rem {
  height: 2rem;
  width: 100%;
}

.height_3rem {
  height: 3rem;
  width: 100%;
}

.height_4rem {
  height: 4rem;
  width: 100%;
}

.height_5rem {
  height: 5rem;
  width: 100%;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.header_bar {
  transition-duration: 1s;
}

.metaverse_lp {
  position: relative;
}
.metaverse_lp .header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  background: #fff;
  padding: 17px 36px;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .header {
    padding: 17px;
  }
}
@media screen and (max-width: 599px) {
  .metaverse_lp .header .logo {
    position: relative;
    z-index: 1001;
  }
}
.metaverse_lp .header .logo h1 {
  /* 長谷工住まいのデザインコンペティション inメタバース */
  width: 304px;
  height: 46px;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 23px;
  /* または144% */
  text-align: center;
  color: #333333;
}
.metaverse_lp .header .logo h1 a {
  text-decoration: none;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 23px;
  /* または144% */
  text-align: center;
  color: #333333;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .header .logo h1 a {
    text-align: start;
    line-height: 20px;
    margin-bottom: 2px;
  }
}
@media screen and (max-width: 599px) {
  .metaverse_lp .header .logo h1 {
    text-align: start;
    line-height: 20px;
    margin-bottom: 2px;
  }
}
.metaverse_lp .header .nav_box {
  align-content: center;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .header .nav_box {
    display: none;
  }
}
.metaverse_lp .header .nav_box ul {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 0px;
  gap: 28px;
  width: 330px;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .header .nav_box ul {
    flex-wrap: wrap;
  }
}
.metaverse_lp .header .nav_box ul li {
  list-style: none;
  position: relative;
}
.metaverse_lp .header .nav_box ul li a {
  width: 72px;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  flex: none;
  order: 3;
  flex-grow: 0;
  text-decoration: none;
}
.metaverse_lp .header .nav_box ul li a.active {
  font-weight: 700;
  font-size: 14px;
  color: #0099FF;
}
.metaverse_lp .header .nav_box ul li a.active::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 1000;
  width: 40px;
  height: 2px;
  background: #0099FF;
}
.metaverse_lp .header .hamburger {
  display: none;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .header .hamburger {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-top: 10px;
    margin-right: 1rem;
  }
}
.metaverse_lp .header .hamburger .line {
  position: absolute;
  left: 0;
  z-index: 100;
  width: 30px;
  height: 2px;
  background: #000000;
  transform: rotate(180deg);
}
.metaverse_lp .header .hamburger .line-a {
  top: 5px;
}
.metaverse_lp .header .hamburger .line-b {
  top: 15px;
}
.metaverse_lp .header .hamburger .line-c {
  top: 25px;
}
.metaverse_lp .fixed_btn {
  position: fixed;
  bottom: 1em;
  right: 1rem;
  z-index: 999;
  width: 140px;
  height: 140px;
  cursor: pointer;
}
.metaverse_lp .fixed_btn a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.metaverse_lp .header.active {
  background: linear-gradient(299.6deg, #EFF9FF 18.46%, #DEF3FF 82.23%);
  height: 100vh;
}
.metaverse_lp .header.active .hamburger .line-a {
  top: 15px;
  transform: rotate(223deg);
}
.metaverse_lp .header.active .hamburger .line-b {
  display: none;
}
.metaverse_lp .header.active .hamburger .line-c {
  transform: rotate(136deg);
  top: 15px;
}
.metaverse_lp .nav_box_sp {
  display: none;
  transition-duration: 3s;
}
.metaverse_lp .nav_box_sp.active {
  display: block;
  position: absolute;
  top: 75px;
  left: 0;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 10000;
  padding-bottom: 2rem;
  background: linear-gradient(299.6deg, #EFF9FF 18.46%, #DEF3FF 82.23%);
}
.metaverse_lp .nav_box_sp.active ul {
  max-width: 296px;
  margin: auto;
}
.metaverse_lp .nav_box_sp.active ul li {
  list-style: none;
  border-bottom: #000 solid 1px;
  padding: 0.5rem 0;
  font-family: "Noto Sans JP", sans-serif;
}
.metaverse_lp .nav_box_sp.active ul li a {
  text-decoration: none;
  /* 長谷工めだバースとは？ */
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  color: 0;
}
.metaverse_lp .nav_box_sp.active ul li a span {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 29px;
  /* ボックスの高さと同一 */
  color: 0;
}
.metaverse_lp .nav_box_sp.active ul li a:hover {
  color: #0099FF;
}
.metaverse_lp .nav_box_sp.active .nav_box_sp_btn {
  width: 100%;
  max-width: 300px;
  margin: 3rem auto;
}
.metaverse_lp .nav_box_sp.active .nav_box_sp_btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.metaverse_lp .nav_box_sp.active nav {
  margin-top: 4rem;
}
.metaverse_lp .nav_box_sp.active .nav_box_sp_link {
  max-width: 295px;
  margin: auto;
  display: flex;
  justify-content: space-around;
}
.metaverse_lp .nav_box_sp.active .nav_box_sp_link a {
  text-align: center;
  /* ハセメタについて */
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  color: #333333;
  /* オートレイアウト内部 */
  flex: none;
  order: 1;
  flex-grow: 0;
}
.metaverse_lp .main_title h2 {
  font-family: "Anton";
  font-style: normal;
  font-weight: 400;
  font-size: 96px;
  line-height: 96px;
  text-transform: capitalize;
  /* BLUE */
  background: linear-gradient(90deg, #3FDCFF 0%, #38B4F9 53%, #5B85C5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .main_title h2 {
    /* interview */
    font-size: 64px;
    /* leading-trim and text-edge are draft CSS properties.

    Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
    */
    text-align: center;
    text-transform: uppercase;
  }
}
.metaverse_lp .main_title p {
  /* 長谷工住まいのデザインコンペディションinメタバースとは？ */
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #0099FF;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .main_title p {
    text-align: center;
  }
}
.metaverse_lp .se2, .metaverse_lp .se3, .metaverse_lp .se5, .metaverse_lp .se6, .metaverse_lp .se7 {
  padding: 4rem 2rem;
}
.metaverse_lp .se2 .inner, .metaverse_lp .se3 .inner, .metaverse_lp .se5 .inner, .metaverse_lp .se6 .inner, .metaverse_lp .se7 .inner {
  max-width: 968px;
  margin: auto;
}
.metaverse_lp .kv {
  position: relative;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .kv {
    width: auto;
    height: 80vh;
  }
}
.metaverse_lp .kv img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1.01);
}
.metaverse_lp .kv .kv_title_box {
  position: absolute;
  left: 14%;
  top: 21%;
  z-index: 10;
}
@media screen and (max-width: 1199px) {
  .metaverse_lp .kv .kv_title_box {
    left: 14%;
    top: 16%;
  }
}
@media screen and (max-width: 768px) {
  .metaverse_lp .kv .kv_title_box {
    left: 10%;
    top: 19%;
  }
}
@media screen and (max-width: 599px) {
  .metaverse_lp .kv .kv_title_box {
    width: 100%;
    left: 0;
    top: 20%;
  }
}
.metaverse_lp .kv .kv_title_box .kv_title {
  max-width: 950.84px;
  height: 331.03px;
  filter: drop-shadow(0px 0px 60px #6EE5FF) drop-shadow(0px 0px 20px #0099FF);
  transform: matrix(1, 0, -0.17, 0.98, 0, 0);
}
@media screen and (max-width: 1199px) {
  .metaverse_lp .kv .kv_title_box .kv_title {
    height: 250px;
  }
}
@media screen and (max-width: 768px) {
  .metaverse_lp .kv .kv_title_box .kv_title {
    height: 200px;
  }
}
.metaverse_lp .kv .kv_title_box .kv_title img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.metaverse_lp .kv .kv_title_box .kv_btn {
  padding-top: 6rem;
  padding-left: 6rem;
}
@media screen and (max-width: 1199px) {
  .metaverse_lp .kv .kv_title_box .kv_btn {
    padding-top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .metaverse_lp .kv .kv_title_box .kv_btn {
    padding-top: 1rem;
  }
}
@media screen and (max-width: 599px) {
  .metaverse_lp .kv .kv_title_box .kv_btn {
    padding-top: 4rem;
    padding-left: 0rem;
  }
}
@media screen and (max-width: 599px) {
  .metaverse_lp .kv .kv_title_box .kv_btn a {
    text-align: center;
  }
}
.metaverse_lp .kv .kv_title_box .kv_btn a img {
  width: 450px;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.metaverse_lp .kv .kv_title_box .kv_btn a img:hover {
  filter: brightness(1.1);
}
@media screen and (max-width: 1199px) {
  .metaverse_lp .kv .kv_title_box .kv_btn a img {
    width: 360px;
    height: 80px;
  }
}
@media screen and (max-width: 768px) {
  .metaverse_lp .kv .kv_title_box .kv_btn a img {
    width: 315px;
    height: 70px;
  }
}
@media screen and (max-width: 599px) {
  .metaverse_lp .kv .kv_title_box .kv_btn a img {
    width: 300px;
    height: 60px;
    -o-object-fit: contain;
       object-fit: contain;
    margin: auto;
    display: block;
  }
}
.metaverse_lp .kv .kv_btn_sp {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.metaverse_lp .kv .kv_btn_sp a img {
  width: 300px;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}
.metaverse_lp .kv .kv_btn_sp a img:hover {
  opacity: 0.8;
}
.metaverse_lp .se2 {
  padding: 8rem 3rem;
  width: 100%;
  background-image: url("img/se2_bg.png");
  background-size: 100%;
  background-repeat: repeat-y;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se2 {
    padding: 2rem;
    background-size: 100% 100%;
  }
}
.metaverse_lp .se2 .inner h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 52px;
  /* leading-trim and text-edge are draft CSS properties.

  Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
  */
  color: #000000;
  margin: 4rem 0;
  position: relative;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se2 .inner h3 {
    /* メタバースで実現する、 理想の住まい。
コンペの最優秀賞作品を Fortniteで体験。 */
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    margin: 2.5rem 0 4rem;
    leading-trim: both;
    text-edge: cap;
    text-align: center;
    color: #000000;
  }
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se2 .inner p {
    font-size: 14px;
    font-weight: 700;
  }
}
.metaverse_lp .se2 .inner .inner_box {
  position: relative;
}
.metaverse_lp .se2 .inner .inner_box .box_inner {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  background: #FFFFFF;
  border: 3px solid #0099FF;
  border-radius: 20px;
  padding: 4rem 2.5rem;
  margin: 5rem auto 3rem;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se2 .inner .inner_box .box_inner {
    margin: 3rem auto;
  }
}
.metaverse_lp .se2 .inner .inner_box .box_inner h4 {
  /* 「長谷工住まいのデザインコンペティション」とは？ */
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  margin-bottom: 1.5rem;
  color: #333333;
  position: relative;
  padding-left: 38px;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se2 .inner .inner_box .box_inner h4 {
    /* 「長谷工住まいのデザインコンペティション」とは？ */
    font-size: 16px;
    line-height: 23px;
  }
}
.metaverse_lp .se2 .inner .inner_box .box_inner h4 .icon_box {
  position: absolute;
  top: -3px;
  left: 0;
  width: 38px;
  height: 38px;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se2 .inner .inner_box .box_inner h4 .icon_box {
    width: 27px;
    height: 27px;
    top: 9px;
  }
}
.metaverse_lp .se2 .inner .inner_box .box_inner h4 .icon_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.metaverse_lp .se2 .inner .inner_box .box_inner .co_box {
  display: flex;
  flex-wrap: wrap-reverse;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se2 .inner .inner_box .box_inner .co_box {
    margin-bottom: 2rem;
  }
}
.metaverse_lp .se2 .inner .inner_box .box_inner .co_box .co1 {
  width: 70%;
  padding-right: 35px;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se2 .inner .inner_box .box_inner .co_box .co1 {
    margin-top: 1rem;
    padding-right: 0;
  }
}
.metaverse_lp .se2 .inner .inner_box .box_inner .co_box .co1 p {
  /* 本文14pt */
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  /* または186% */
  /* leading-trim and text-edge are draft CSS properties.

  Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
  */
  leading-trim: both;
  text-edge: cap;
  text-align: justify;
  color: #333333;
}
.metaverse_lp .se2 .inner .inner_box .box_inner .co_box .co2 {
  width: 30%;
  padding-left: 7px;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se2 .inner .inner_box .box_inner .co_box .co2 {
    padding: 0;
  }
}
.metaverse_lp .se2 .inner .inner_box .box_inner .co_box .co2 .co_img {
  width: 100%;
  aspect-ratio: 231/104;
}
.metaverse_lp .se2 .inner .inner_box .box_inner .co_box .co2 .co_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se2 .inner .inner_box .box_inner .co_box .co1, .metaverse_lp .se2 .inner .inner_box .box_inner .co_box .co2 {
    width: 100%;
  }
}
.metaverse_lp .se2 .inner .inner_box .box_inner > a {
  /* 第18回長谷工住まいのデザインコンペティション　公式サイト（応募締切は11月5日（火）必着） */
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  text-decoration-line: underline;
  color: #2EA3E4;
}
.metaverse_lp .se2 .inner .inner_box .back_box {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  background: #98D3F4;
  border-radius: 20px;
  transform: matrix(1, -0.04, 0.06, 1, 0, 0);
}
.metaverse_lp .se3 {
  background-image: url("img/se3_bg.png");
  background-size: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  padding: 8rem 0;
  position: relative;
}
.metaverse_lp .se3 .se3_overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 100%;
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se3 {
    padding: 8rem 23px 2rem;
  }
}
.metaverse_lp .se3 .inner {
  position: relative;
  z-index: 10;
}
.metaverse_lp .se3 .inner .se3_sub_title {
  background: #98D3F4;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se3 .inner .se3_sub_title {
    text-align: center;
  }
}
.metaverse_lp .se3 .inner .se3_sub_title h3 {
  position: relative;
  display: inline-block;
  margin: auto;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 22px;
  color: #FFFFFF;
  padding: 0.5rem;
  padding-left: 55px;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se3 .inner .se3_sub_title h3 {
    text-align: center;
    font-size: 20px;
    line-height: 22px;
    padding-left: 27px;
  }
}
.metaverse_lp .se3 .inner .se3_sub_title h3 .icon_box {
  position: absolute;
  top: 9px;
  left: 24px;
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se3 .inner .se3_sub_title h3 .icon_box {
    top: 9px;
    left: 0px;
    height: 22px;
    width: 22px;
  }
}
.metaverse_lp .se3 .inner .se3_sub_title h3 .icon_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.metaverse_lp .se3 .inner .se3_sub_title h3 .ic_mic {
  top: 7px;
  width: 24px;
  height: 25px;
}
.metaverse_lp .se3 .inner > p {
  margin: 3rem 0;
  max-width: 933px;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  /* または162% */
  /* leading-trim and text-edge are draft CSS properties.

  Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
  */
  color: #333333;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se3 .inner > p {
    font-size: 14px;
  }
}
.metaverse_lp .se3 .inner .co_box, .metaverse_lp .se3 .inner .co_box2 {
  display: flex;
  flex-wrap: wrap;
  margin: 3rem 0;
}
.metaverse_lp .se3 .inner .co_box .co, .metaverse_lp .se3 .inner .co_box2 .co {
  width: 50%;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se3 .inner .co_box .co, .metaverse_lp .se3 .inner .co_box2 .co {
    width: 100%;
  }
}
.metaverse_lp .se3 .inner .co_box .co1 .img_box, .metaverse_lp .se3 .inner .co_box2 .co1 .img_box {
  max-width: 235px;
  height: auto;
  aspect-ratio: 1/1;
  margin: auto;
  border-radius: 20px;
}
.metaverse_lp .se3 .inner .co_box .co1 .img_box img, .metaverse_lp .se3 .inner .co_box2 .co1 .img_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
  -o-object-position: 0% 50%;
     object-position: 0% 50%;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se3 .inner .co_box {
    margin-bottom: 64px;
  }
}
.metaverse_lp .se3 .inner .co_box .co1 {
  width: 24.27%;
}
.metaverse_lp .se3 .inner .co_box .co2 {
  width: 75.73%;
  padding-left: 2rem;
  align-content: center;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se3 .inner .co_box .co2 {
    padding-left: 0rem;
  }
}
.metaverse_lp .se3 .inner .co_box .co2 h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #333333;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se3 .inner .co_box .co2 h4 {
    padding: 24px 0;
  }
}
.metaverse_lp .se3 .inner .co_box .co2 p {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  color: #333333;
}
.metaverse_lp .se3 .inner .co_box .co2 p a {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  color: #333333;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se3 .inner .co_box .co1, .metaverse_lp .se3 .inner .co_box .co2 {
    width: 100%;
  }
}
.metaverse_lp .se3 .inner .co_box2 {
  flex-wrap: wrap-reverse;
}
.metaverse_lp .se3 .inner .co_box2 .co1 h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 22px;
  padding-bottom: 7px;
  /* または92% */
  color: #333333;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se3 .inner .co_box2 .co1 h4 {
    padding: 24px 0;
  }
}
.metaverse_lp .se3 .inner .co_box2 .co1 p {
  /* 本文14pt */
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  /* または186% */
  color: #333333;
}
.metaverse_lp .se3 .inner .co_box2 .co2 .img_box {
  width: 96%;
  height: auto;
  margin: auto 0 auto auto;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se3 .inner .co_box2 .co2 .img_box {
    width: 100%;
  }
}
.metaverse_lp .se3 .inner .co_box2 .co2 .img_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.metaverse_lp .se3 .inner .btn_box .interview_btn {
  position: relative;
  width: 97%;
  max-width: 340px;
  height: 70px;
  margin: 2rem auto;
}
.metaverse_lp .se3 .inner .btn_box .interview_btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.metaverse_lp .se3 .inner .btn_box .interview_btn .comming_soon {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  align-content: center;
  padding: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 98%;
  height: 92%;
  background: rgba(128, 128, 128, 0.7);
  border-radius: 34px;
}
.metaverse_lp .se3 .inner .btn_box .comming_soon_btn {
  width: 97%;
  max-width: 340px;
  color: #fff;
  height: 70px;
  margin: 2rem auto;
  border-radius: 34px;
  background: rgba(128, 128, 128, 0.7);
  align-content: center;
  text-align: center;
}
.metaverse_lp .se4 {
  padding: 8rem 2rem 2rem;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 {
    padding: 4rem 0 0;
  }
}
.metaverse_lp .se4 .main_title {
  text-align: center;
}
.metaverse_lp .se4 .inner {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  position: relative;
}
.metaverse_lp .se4 .inner .recomend_box {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  transition-duration: 1s;
  margin-top: 3rem;
  position: relative;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 .inner .recomend_box {
    width: 432px;
    margin-top: 3rem;
  }
}
.metaverse_lp .se4 .inner .recomend_box .recomend_img1, .metaverse_lp .se4 .inner .recomend_box .recomend_img2, .metaverse_lp .se4 .inner .recomend_box .recomend_img3 {
  position: relative;
  z-index: 10;
  width: 486px;
  height: auto;
  aspect-ratio: 486/292.08;
  margin: 0 2rem;
  transition-duration: 1s;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 .inner .recomend_box .recomend_img1, .metaverse_lp .se4 .inner .recomend_box .recomend_img2, .metaverse_lp .se4 .inner .recomend_box .recomend_img3 {
    margin: 3rem 3rem;
    width: 370.68px;
    height: auto;
    /* オートレイアウト内部 */
  }
}
.metaverse_lp .se4 .inner .recomend_box .recomend_img1 img, .metaverse_lp .se4 .inner .recomend_box .recomend_img2 img, .metaverse_lp .se4 .inner .recomend_box .recomend_img3 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 .inner .recomend_box .recomend_img1 img, .metaverse_lp .se4 .inner .recomend_box .recomend_img2 img, .metaverse_lp .se4 .inner .recomend_box .recomend_img3 img {
    border-radius: 10px;
  }
}
.metaverse_lp .se4 .inner .recomend_box .recomend_img1 p, .metaverse_lp .se4 .inner .recomend_box .recomend_img2 p, .metaverse_lp .se4 .inner .recomend_box .recomend_img3 p {
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  white-space: nowrap;
  color: #333333;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 .inner .recomend_box .recomend_img1 p, .metaverse_lp .se4 .inner .recomend_box .recomend_img2 p, .metaverse_lp .se4 .inner .recomend_box .recomend_img3 p {
    font-size: 6px;
    bottom: -1rem;
  }
}
.metaverse_lp .se4 .inner .recomend_box .recomend_img1::before, .metaverse_lp .se4 .inner .recomend_box .recomend_img2::before, .metaverse_lp .se4 .inner .recomend_box .recomend_img3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.metaverse_lp .se4 .inner .recomend_box .recomend_img1 .nav_button, .metaverse_lp .se4 .inner .recomend_box .recomend_img2 .nav_button, .metaverse_lp .se4 .inner .recomend_box .recomend_img3 .nav_button {
  display: none;
}
.metaverse_lp .se4 .inner .recomend_box .recomend_img1.active, .metaverse_lp .se4 .inner .recomend_box .recomend_img2.active, .metaverse_lp .se4 .inner .recomend_box .recomend_img3.active {
  width: 683px;
  height: auto;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 .inner .recomend_box .recomend_img1.active, .metaverse_lp .se4 .inner .recomend_box .recomend_img2.active, .metaverse_lp .se4 .inner .recomend_box .recomend_img3.active {
    width: 370.68px;
    height: auto;
  }
}
.metaverse_lp .se4 .inner .recomend_box .recomend_img1.active::before, .metaverse_lp .se4 .inner .recomend_box .recomend_img2.active::before, .metaverse_lp .se4 .inner .recomend_box .recomend_img3.active::before {
  background: rgba(0, 0, 0, 0);
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 .inner .recomend_box .recomend_img1.active img, .metaverse_lp .se4 .inner .recomend_box .recomend_img2.active img, .metaverse_lp .se4 .inner .recomend_box .recomend_img3.active img {
    transform: scale(2.2);
  }
}
.metaverse_lp .se4 .inner .recomend_box .recomend_img1.active .nav_button, .metaverse_lp .se4 .inner .recomend_box .recomend_img2.active .nav_button, .metaverse_lp .se4 .inner .recomend_box .recomend_img3.active .nav_button {
  display: flex;
}
.metaverse_lp .se4 .inner .recomend_box .recomend_img1.active p, .metaverse_lp .se4 .inner .recomend_box .recomend_img2.active p, .metaverse_lp .se4 .inner .recomend_box .recomend_img3.active p {
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: #333333;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 .inner .recomend_box .recomend_img1.active p, .metaverse_lp .se4 .inner .recomend_box .recomend_img2.active p, .metaverse_lp .se4 .inner .recomend_box .recomend_img3.active p {
    font-size: 10px;
    bottom: -4rem;
  }
}
.metaverse_lp .se4 .inner .recomend_box .nav_button {
  position: absolute;
  top: 42%;
  z-index: 10;
  width: 45px;
  height: 45px;
  transform: rotate(45deg);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 .inner .recomend_box .nav_button {
    width: 30px;
    height: 30px;
  }
}
.metaverse_lp .se4 .inner .recomend_box .nav_button .prev_arrow, .metaverse_lp .se4 .inner .recomend_box .nav_button .next_arrow {
  width: 15px;
  height: 15px;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 .inner .recomend_box .nav_button .prev_arrow, .metaverse_lp .se4 .inner .recomend_box .nav_button .next_arrow {
    width: 10px;
    height: 10px;
  }
}
.metaverse_lp .se4 .inner .recomend_box .nav_button .prev_arrow {
  border-bottom: #fff solid 2px;
  border-left: #fff solid 2px;
}
.metaverse_lp .se4 .inner .recomend_box .nav_button .next_arrow {
  border-top: #fff solid 2px;
  border-right: #fff solid 2px;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 .inner .recomend_box .nav_button {
    top: 20px;
  }
}
.metaverse_lp .se4 .inner .recomend_box .nav_button.next {
  right: -21px;
  background-color: #2ea3e4;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 .inner .recomend_box .nav_button.next {
    right: -87px;
  }
}
.metaverse_lp .se4 .inner .recomend_box .nav_button.prev {
  left: -21px;
  background-color: #2ea3e4;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 .inner .recomend_box .nav_button.prev {
    left: -87px;
  }
}
.metaverse_lp .se4 .inner .recomend_btn_box {
  display: flex;
  justify-content: space-between;
  width: 70px;
  margin: 3rem auto 2rem;
}
.metaverse_lp .se4 .inner .recomend_btn_box .recomend_btn1, .metaverse_lp .se4 .inner .recomend_btn_box .recomend_btn2, .metaverse_lp .se4 .inner .recomend_btn_box .recomend_btn3 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #D9D9D9;
}
.metaverse_lp .se4 .inner .recomend_btn_box .recomend_btn1.active, .metaverse_lp .se4 .inner .recomend_btn_box .recomend_btn2.active, .metaverse_lp .se4 .inner .recomend_btn_box .recomend_btn3.active {
  background: #0099FF;
}
.metaverse_lp .se4 .inner .navigation_buttons {
  position: absolute;
  width: 559px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 .inner .navigation_buttons {
    top: 0%;
  }
}
.metaverse_lp .se4 .inner .navigation_buttons .nav_button {
  position: absolute;
  top: -204px;
  z-index: 10;
  width: 45px;
  height: 45px;
  transform: rotate(45deg);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 .inner .navigation_buttons .nav_button {
    width: 30px;
    height: 30px;
  }
}
.metaverse_lp .se4 .inner .navigation_buttons .nav_button .prev_arrow, .metaverse_lp .se4 .inner .navigation_buttons .nav_button .next_arrow {
  width: 15px;
  height: 15px;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 .inner .navigation_buttons .nav_button .prev_arrow, .metaverse_lp .se4 .inner .navigation_buttons .nav_button .next_arrow {
    width: 10px;
    height: 10px;
  }
}
.metaverse_lp .se4 .inner .navigation_buttons .nav_button .prev_arrow {
  border-bottom: #fff solid 2px;
  border-left: #fff solid 2px;
}
.metaverse_lp .se4 .inner .navigation_buttons .nav_button .next_arrow {
  border-top: #fff solid 2px;
  border-right: #fff solid 2px;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 .inner .navigation_buttons .nav_button {
    top: 59px;
  }
}
.metaverse_lp .se4 .inner .navigation_buttons .nav_button.next {
  right: -40px;
  background-color: #2ea3e4;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 .inner .navigation_buttons .nav_button.next {
    left: 72%;
  }
}
.metaverse_lp .se4 .inner .navigation_buttons .nav_button.prev {
  left: -30px;
  background-color: #2ea3e4;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 .inner .navigation_buttons .nav_button.prev {
    left: 23%;
  }
}
.metaverse_lp .se4 .btn_box {
  padding: 4rem 0;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se4 .btn_box {
    padding: 1rem 0 2rem;
  }
}
.metaverse_lp .se4 .btn_box .play_btn {
  width: 97%;
  max-width: 340px;
  height: 70px;
  margin: 2rem auto;
}
.metaverse_lp .se4 .btn_box .play_btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.metaverse_lp .se4 .btn_box .play_btn img:hover {
  filter: brightness(1.1);
}
.metaverse_lp .se5 {
  padding: 8rem 2rem;
  background-image: url("img/se5_bg.png");
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se5 {
    padding: 5rem 0.8rem 4rem;
  }
}
.metaverse_lp .se5 .main_title {
  margin-top: 3rem;
  text-align: center;
}
.metaverse_lp .se5 .inner {
  max-width: 920px;
  background: #fff;
  padding: 2rem;
}
.metaverse_lp .se5 .inner .se5_box {
  position: relative;
  max-width: 800px;
  margin: 5rem auto;
}
.metaverse_lp .se5 .inner .se5_box .inner {
  box-sizing: border-box;
  width: 100%;
  min-height: 289px;
  background: #5EB2E1;
  border: 3px solid #FFFFFF;
  border-radius: 20px;
  position: relative;
  z-index: 2;
}
.metaverse_lp .se5 .inner .se5_box .inner .sub_title {
  position: relative;
}
.metaverse_lp .se5 .inner .se5_box .inner .sub_title h3 {
  padding-left: 3rem;
  /* Fortniteとは？ */
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  text-align: start;
  color: #FFFFFF;
  white-space: nowrap;
}
.metaverse_lp .se5 .inner .se5_box .inner .sub_title .icon {
  position: absolute;
  top: -3px;
  left: 5px;
  width: 38px;
  height: auto;
}
.metaverse_lp .se5 .inner .se5_box .inner .sub_title .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.metaverse_lp .se5 .inner .se5_box .inner .co_box {
  max-width: 710px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  height: auto;
}
.metaverse_lp .se5 .inner .se5_box .inner .co_box .co1 {
  width: 70%;
}
.metaverse_lp .se5 .inner .se5_box .inner .co_box .co1 p {
  max-width: 446px;
  height: auto;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  color: #FFFFFF;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se5 .inner .se5_box .inner .co_box .co1 p {
    margin-top: 1rem;
  }
}
.metaverse_lp .se5 .inner .se5_box .inner .co_box .co2 {
  width: 30%;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se5 .inner .se5_box .inner .co_box .co2 {
    margin-top: 1rem;
  }
}
.metaverse_lp .se5 .inner .se5_box .inner .co_box .co2 .co_img {
  /* fortnite1 1 */
  width: 203px;
  height: 114px;
  align-content: end;
}
.metaverse_lp .se5 .inner .se5_box .inner .co_box .co2 .co_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se5 .inner .se5_box .inner .co_box .co1, .metaverse_lp .se5 .inner .se5_box .inner .co_box .co2 {
    width: 100%;
  }
}
.metaverse_lp .se5 .inner .se5_box .back_box {
  /* Rectangle 41 */
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #B8B8B8;
  border-radius: 20px;
  transform: rotate(-3deg);
}
.metaverse_lp .se5 .inner .se5_box2 {
  position: relative;
  max-width: 800px;
  margin: 3rem auto;
}
.metaverse_lp .se5 .inner .se5_box2 .inner {
  display: none;
  box-sizing: border-box;
  width: 100%;
  min-height: 289px;
  position: relative;
  z-index: 2;
  /* Rectangle 61 */
  box-sizing: border-box;
  background: #FFFFFF;
  border: 3px solid #0099FF;
  border-radius: 20px;
}
.metaverse_lp .se5 .inner .se5_box2 .inner h3 {
  /* STEP1 */
  width: 162.89px;
  font-family: "Anton";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  /* BLUE */
  background: linear-gradient(90deg, #3FDCFF 0%, #38B4F9 53%, #5B85C5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se5 .inner .se5_box2 .inner p {
    font-size: 14px;
  }
}
.metaverse_lp .se5 .inner .se5_box2 .inner p b {
  font-weight: 700;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se5 .inner .se5_box2 .inner p b {
    font-size: 14px;
  }
}
.metaverse_lp .se5 .inner .se5_box2 .inner a {
  width: 140px;
  height: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  text-decoration-line: underline;
  color: #0099FF;
}
.metaverse_lp .se5 .inner .se5_box2 .inner .img_box2_2 {
  width: 100%;
  max-width: 336px;
  height: auto;
  margin-top: 1rem;
}
.metaverse_lp .se5 .inner .se5_box2 .inner .img_box2_2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.metaverse_lp .se5 .inner .se5_box2 .inner .img_box2_3 {
  width: 100%;
  max-width: 393px;
  height: auto;
}
.metaverse_lp .se5 .inner .se5_box2 .inner .img_box2_3 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.metaverse_lp .se5 .inner .se5_box2 .inner .se5_inner1_2_inner {
  display: flex;
  flex-wrap: wrap;
}
.metaverse_lp .se5 .inner .se5_box2 .inner .se5_inner1_2_inner .co1 {
  width: 60%;
}
.metaverse_lp .se5 .inner .se5_box2 .inner .se5_inner1_2_inner .co1 p {
  max-width: 365px;
}
.metaverse_lp .se5 .inner .se5_box2 .inner .se5_inner1_2_inner .co1 p b {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: #333333;
}
.metaverse_lp .se5 .inner .se5_box2 .inner .se5_inner1_2_inner .co1 p b span {
  /* ロビー画面左上の“虫眼鏡マーク”を選択し、島のコードにコード番号「xxxx-xxxx-xxxx」もしくは名前を入力して検索してアクセス！ */
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: #2EA3E4;
}
.metaverse_lp .se5 .inner .se5_box2 .inner .se5_inner1_2_inner .co2 {
  width: 40%;
}
.metaverse_lp .se5 .inner .se5_box2 .inner .se5_inner1_2_inner .co2 .co_img {
  width: 100%;
  height: auto;
}
.metaverse_lp .se5 .inner .se5_box2 .inner .se5_inner1_2_inner .co2 .co_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se5 .inner .se5_box2 .inner .se5_inner1_2_inner .co {
    width: 100%;
  }
}
.metaverse_lp .se5 .inner .se5_box2 .inner.highlight {
  display: block !important;
}
.metaverse_lp .se5 .inner .se5_box2 .inner.active {
  display: block;
}
.metaverse_lp .se5 .inner .se5_box2 .inner.highlight, .metaverse_lp .se5 .inner .se5_box2 .inner.active {
  animation: fadeInRight 0.5s ease-in-out forwards;
}
.metaverse_lp .se5 .inner .se5_box2 .back_box {
  /* Rectangle 41 */
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #98D3F4;
  border-radius: 20px;
  transform: rotate(-3deg);
  /* Rectangle 60 */
}
.metaverse_lp .se5 .inner .se5_box2_btn_box {
  display: flex;
  justify-content: center;
}
.metaverse_lp .se5 .inner .se5_box2_btn_box .se5_box2_btn_box_inner {
  width: 258px;
  display: flex;
  justify-content: space-between;
}
.metaverse_lp .se5 .inner .se5_box2_btn_box .se5_box2_btn_box_inner .se5_box2_btn {
  width: 124px;
  height: 30px;
  align-content: center;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  color: #FFFFFF;
  background: rgba(0, 153, 255, 0.3);
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se5 .inner .se5_box2_btn_box .se5_box2_btn_box_inner .se5_box2_btn {
    width: 120px;
  }
}
.metaverse_lp .se5 .inner .se5_box2_btn_box .se5_box2_btn_box_inner .next_btn {
  -webkit-clip-path: polygon(93% 0, 100% 50%, 93% 100%, 0 100%, 0 0);
          clip-path: polygon(93% 0, 100% 50%, 93% 100%, 0 100%, 0 0);
}
.metaverse_lp .se5 .inner .se5_box2_btn_box .se5_box2_btn_box_inner .pre_btn {
  -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 7% 100%, 0 50%);
          clip-path: polygon(7% 0, 100% 0, 100% 100%, 7% 100%, 0 50%);
}
.metaverse_lp .se5 .inner .se5_box2_btn_box .se5_box2_btn_box_inner .se5_inner1_pre.active, .metaverse_lp .se5 .inner .se5_box2_btn_box .se5_box2_btn_box_inner .se5_inner1_next.active,
.metaverse_lp .se5 .inner .se5_box2_btn_box .se5_box2_btn_box_inner .se5_inner2_pre.active, .metaverse_lp .se5 .inner .se5_box2_btn_box .se5_box2_btn_box_inner .se5_inner2_next.active.active {
  background: rgb(0, 153, 255);
}
.metaverse_lp .se5 .inner .se5_box2_btn_box .se5_box2_btn_box_inner .se5_inner2_pre,
.metaverse_lp .se5 .inner .se5_box2_btn_box .se5_box2_btn_box_inner .se5_inner2_next {
  background: rgb(0, 153, 255);
}
.metaverse_lp .se5 .inner .se5_box2_btn_box .se5_box2_btn_box_inner .se5_inner2_pre.no_click,
.metaverse_lp .se5 .inner .se5_box2_btn_box .se5_box2_btn_box_inner .se5_inner2_next.no_click {
  background: rgba(0, 153, 255, 0.3) !important;
  pointer-events: none;
}
.metaverse_lp .se5 .se5_sub_title {
  position: relative;
  width: 258px;
  height: 18px;
  padding-left: 4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  text-align: center;
  color: #333333;
  /* 体験するには？ */
}
.metaverse_lp .se5 .se5_sub_title .se5_sub_title_icon {
  position: absolute;
  top: -2px;
  left: 2rem;
  width: 38px;
  height: 38px;
}
.metaverse_lp .se5 .se5_sub_title .se5_sub_title_icon img {
  width: 38px;
  height: 38px;
}
.metaverse_lp .se5 .sub_title2 {
  width: 280px;
}
.metaverse_lp .se5 .inner2 {
  padding: 8rem 2rem;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se5 .inner2 {
    padding: 1rem 2rem;
  }
}
.metaverse_lp .se5 .gallery_box {
  margin-top: 5rem;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se5 .gallery_box {
    margin-top: 3rem;
  }
}
.metaverse_lp .se5 .gallery_box .gallery_wrapper {
  transition-timing-function: linear;
}
.metaverse_lp .se5 .gallery_box .gallery_wrapper .gallery_slide {
  /* gallery2 1 */
  width: 448px;
  height: 310px;
  border-radius: 20px;
  margin: 0 1rem;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se5 .gallery_box .gallery_wrapper .gallery_slide {
    width: 254.35px;
    height: 176px;
  }
}
.metaverse_lp .se5 .gallery_box .gallery_wrapper .gallery_slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
.metaverse_lp .se6 {
  padding: 8rem 2rem;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se6 {
    padding: 4rem 2rem;
  }
}
.metaverse_lp .se6 .news_box {
  border-top: #D9D9D9 solid 2px;
  width: 100%;
  max-width: 799.15px;
  margin: 3rem auto;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se6 .news_box {
    border-top: #98D3F4 solid 2px;
  }
}
.metaverse_lp .se6 .news_box li {
  border-bottom: #D9D9D9 solid 2px;
  list-style: none;
  padding: 1.6rem 0;
}
@media screen and (max-width: 599px) {
  .metaverse_lp .se6 .news_box li {
    border-bottom: #98D3F4 solid 2px;
  }
}
.metaverse_lp .se6 .news_box li div p {
  display: inline-block;
  width: 60px;
  padding: 1px 0;
  margin: 0 0.5rem;
  /* オートレイアウト内部 */
  flex: none;
  order: 1;
  flex-grow: 0;
  text-align: center;
  background: #98D3F4;
  border-radius: 10.5px;
}

.metaverse_lp .se6 .news_box li div .blank {
  display: inline-block;
  width: 60px;
  padding: 1px 0;
  margin: 0 0.5rem;
  /* オートレイアウト内部 */
  flex: none;
  order: 1;
  flex-grow: 0;
  text-align: center;
  background: #98D3F4;
  border-radius: 10.5px;
  background-color: transparent;
}

.metaverse_lp footer {
  /* Style */
  background: linear-gradient(299.6deg, #EFF9FF 18.46%, #DEF3FF 82.23%);
  padding: 2rem 0;
}
.metaverse_lp footer .inner .footer_text {
  /* 本ワールドは「長谷工暮らしのメタバースプロジェクト」（ハセメタ）で制作されたものです。 */
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  color: #333333;
}
@media screen and (max-width: 599px) {
  .metaverse_lp footer .inner .footer_text {
    margin-bottom: 1rem;
  }
}
.metaverse_lp footer .inner .footer_box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  width: 385px;
  margin: auto;
}
.metaverse_lp footer .inner .footer_box .co {
  width: 33.33%;
  text-align: center;
}
.metaverse_lp footer .inner .footer_box .co a {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  color: #333333;
}
.metaverse_lp footer .inner .footer_box .co2 {
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
}
.metaverse_lp footer .inner .copyright {
  /* Copyright © HASEKO Corporation. All Rights Reserved. */
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 26px;
  text-align: center;
  color: #333333;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.user_none {
  pointer-events: none;
  display: none;
}

.interview_se .interview_head {
  padding: 8rem 3rem;
  width: 100%;
  background-image: url("img/se2_bg.png");
  background-size: 100%;
  background-repeat: repeat-y;
}
@media screen and (max-width: 599px) {
  .interview_se .interview_head {
    padding: 8rem 2rem 4rem;
    background-size: 100% 100%;
  }
}
.interview_se .interview_head h2 {
  /* 第17回長谷工住まいのデザインコンペティション */
  width: 100%;
  max-width: 800px;
  height: 80px;
  align-content: center;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 900;
  font-size: 32px;
  line-height: 42px;
  text-align: center;
  margin: auto;
  /* BLUE */
  background: linear-gradient(90deg, #3FDCFF 0%, #38B4F9 53%, #5B85C5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.interview_se .interview_head h2 span {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 900;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  margin: auto;
  /* BLUE */
  background: linear-gradient(90deg, #3FDCFF 0%, #38B4F9 53%, #5B85C5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media screen and (max-width: 599px) {
  .interview_se .interview_head h2 span {
    font-size: 12px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 599px) {
  .interview_se .interview_head h2 {
    /* 第17回長谷工住まいの デザインコンペティション */
    width: 316px;
    height: 94px;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 900;
    font-size: 23px;
    line-height: 30px;
  }
}
.interview_se .interview_head .interview_head_name {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 740px;
  margin: 2rem auto;
}
.interview_se .interview_head .interview_head_name .co1 p {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  width: 192px;
  height: 44px;
  leading-trim: both;
  text-edge: cap;
  text-align: center;
  color: #0099FF;
  background: #fff;
  padding: 0.5rem;
}
@media screen and (max-width: 599px) {
  .interview_se .interview_head .interview_head_name .co1 p {
    width: 113px;
    height: 35px;
    /* 大賞受賞者 */
    font-size: 14px;
    line-height: 26px;
    margin-top: 3px;
    padding-top: 5px;
    color: #2EA3E4;
    white-space: nowrap;
    /* オートレイアウト内部 */
    flex: none;
    order: 0;
    flex-grow: 0;
  }
}
.interview_se .interview_head .interview_head_name .co2 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  align-content: center;
  leading-trim: both;
  text-edge: cap;
  text-align: center;
  color: #333333;
  padding-left: 2rem;
}
@media screen and (max-width: 599px) {
  .interview_se .interview_head .interview_head_name .co2 {
    height: 35px;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    /* または138% */
    /* leading-trim and text-edge are draft CSS properties.

    Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
    */
    leading-trim: both;
    text-edge: cap;
    color: #333333;
    text-align: start;
    padding-left: 1rem;
  }
}
.interview_se .interview_head p {
  width: 100%;
  max-width: 732px;
  margin: auto;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  leading-trim: both;
  text-edge: cap;
  color: #333333;
}
.interview_se .interview_head p a, .interview_se .interview_head p b {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  color: #333333;
}
.interview_se .interview_head p b {
  font-weight: 900;
}
.interview_se .interview_text {
  background-image: url("img/se3_bg.png");
  padding: 8rem 3rem;
  background-attachment: fixed;
  background-size: cover; /* 背景画像が全体を覆うように調整 */
  background-position: center; /* 背景画像を中央に配置 */
  position: relative;
}
@media screen and (max-width: 599px) {
  .interview_se .interview_text {
    background-image: none;
    padding: 4rem 3rem 8rem;
  }
  .interview_se .interview_text:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-image: url(img/se3_bg.png);
    background-size: cover;
  }
}
.interview_se .interview_text .interview_text_overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 100%;
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
}
.interview_se .interview_text .inner {
  max-width: 920px;
  margin: auto;
  position: relative;
  z-index: 2;
}
.interview_se .interview_text .inner .co_box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto 6rem;
}
.interview_se .interview_text .inner .co_box .co1 {
  width: 300px;
}
@media screen and (max-width: 599px) {
  .interview_se .interview_text .inner .co_box .co1 {
    width: 100%;
  }
}
.interview_se .interview_text .inner .co_box .co1 .img_box {
  width: 235px;
  height: 218px;
  background: #D9D9D9;
  border-radius: 20px;
}
@media screen and (max-width: 599px) {
  .interview_se .interview_text .inner .co_box .co1 .img_box {
    margin: auto;
  }
}
.interview_se .interview_text .inner .co_box .co1 .img_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
  -o-object-position: 0% 50%;
     object-position: 0% 50%;
}
.interview_se .interview_text .inner .co_box .co2 {
  width: calc(100% - 300px);
}
@media screen and (max-width: 599px) {
  .interview_se .interview_text .inner .co_box .co2 {
    width: 100%;
  }
}
.interview_se .interview_text .inner .co_box .co2 h3 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  /* または130% */
  color: #333333;
  margin: 1rem 0;
}
.interview_se .interview_text .inner .co_box .co2 p {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  color: #333333;
}
.interview_se .interview_text .inner .co_box .co2 p a {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  color: #333333;
}
.interview_se .interview_text .inner .qa_imgbox {
  width: 100%;
  height: auto;
  margin: 3rem auto;
}
@media screen and (max-width: 599px) {
  .interview_se .interview_text .inner .qa_imgbox {
    margin: -3rem auto 5rem;
  }
}
.interview_se .interview_text .inner .qa_imgbox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.interview_se .interview_text .inner h4 {
  position: relative;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 599px) {
  .interview_se .interview_text .inner h4 {
    font-size: 17px;
    /* オートレイアウト内部 */
    flex: none;
    order: 1;
    flex-grow: 0;
  }
}
.interview_se .interview_text .inner .q_text {
  position: relative;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  padding-left: 3rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  color: #0099FF;
}
.interview_se .interview_text .inner .q_text::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  z-index: 100;
  width: 36px;
  height: 1px;
  background-color: #0099FF;
}
@media screen and (max-width: 599px) {
  .interview_se .interview_text .inner .q_text::before {
    width: 20px;
  }
}
@media screen and (max-width: 599px) {
  .interview_se .interview_text .inner .q_text {
    font-size: 17px;
    padding-left: 2rem;
    /* オートレイアウト内部 */
    flex: none;
    order: 1;
    flex-grow: 0;
    margin-bottom: 1rem;
  }
}
.interview_se .interview_text .inner .a_text {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  color: #333333;
  margin-bottom: 5rem;
}
.interview_se .interview_text .inner .a_text b {
  font-weight: 900 !important;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  color: #333333;
}/*# sourceMappingURL=style.css.map */