@charset "UTF-8";
/*--- import -------------------------------------*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  word-break: break-word;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: baseline;
  background: transparent;
  line-height: 1.6;
}

html {
  overflow: auto;
}

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

li {
  list-style-type: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  text-decoration: none;
  color: inherit;
}

img, picture {
  vertical-align: middle;
  max-width: 100%;
}

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

input, select {
  vertical-align: middle;
}

br {
  line-height: 0;
}

input, textarea, select, button {
  font: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
}

/* safariでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

a:focus, *:focus {
  outline: none;
}

/*------------------------------------- import ---*/
body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  　　-ms-text-size-adjust: 100%;
  /*EgdeMobile*/
  　　-moz-text-size-adjust: 100%;
  /*firefox*/
  font-family: Roboto,Helvetica Neue,Arial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto;
  text-align: center;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  font-size: 1rem;
  background: #FFF;
  letter-spacing: 0.07em;
  position: relative;
  /* safariでのデフォルトスタイルをリセット */
}

body a {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media screen and (min-width: 769px) {
  body a:hover {
    opacity: 0.7;
  }
}

body .pc {
  display: block;
}

body .pc._inline {
  display: inline;
}

body .pc._inline-block {
  display: inline-block;
}

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

body .sp {
  display: none;
}

@media screen and (max-width: 768px) {
  body .sp {
    display: block;
  }
  body .sp._inline {
    display: inline;
  }
  body .sp._inline-block {
    display: inline-block;
  }
}

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

body li {
  list-style-type: none;
}

body blockquote,
body q {
  quotes: none;
}

body blockquote::before, body blockquote::after,
body q::before,
body q::after {
  content: "";
  content: none;
}

body a {
  text-decoration: none;
  color: inherit;
}

body img,
body picture {
  vertical-align: middle;
  max-width: 100%;
}

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

body input,
body select {
  vertical-align: middle;
}

body br {
  line-height: 0;
}

body input,
body textarea,
body select {
  font: inherit;
}

body input[type="submit"],
body input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body input[type="submit"]::-webkit-search-decoration,
body input[type="button"]::-webkit-search-decoration {
  display: none;
}

body input[type="submit"]::focus,
body input[type="button"]::focus {
  outline-offset: -2px;
}

img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  touch-callout: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.coution {
  padding-left: 1em;
  text-indent: -1em;
}

.coution::before {
  content: "※";
}

/*スクロールバー全体*/
::-webkit-scrollbar {
  width: 10px;
}

/*スクロールバーの軌道*/
::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

/*スクロールバーの動く部分*/
::-webkit-scrollbar-thumb {
  background-color: #e0e0e0;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

#wrapper {
  overflow: hidden;
  padding-top: 93px;
}

@media screen and (max-width: 640px) {
  #wrapper {
    padding-top: 60px;
  }
}

#wrapper .inview {
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#wrapper .inview._delay1 {
  -webkit-transition: all 1.2s 0.1s;
  -o-transition: all 1.2s 0.1s;
  transition: all 1.2s 0.1s;
}

#wrapper .inview._delay2 {
  -webkit-transition: all 1.2s 0.2s;
  -o-transition: all 1.2s 0.2s;
  transition: all 1.2s 0.2s;
}

#wrapper .inview._delay3 {
  -webkit-transition: all 1.2s 0.3s;
  -o-transition: all 1.2s 0.3s;
  transition: all 1.2s 0.3s;
}

#wrapper .inview._delay4 {
  -webkit-transition: all 1.2s 0.4s;
  -o-transition: all 1.2s 0.4s;
  transition: all 1.2s 0.4s;
}

#wrapper .inview._delay5 {
  -webkit-transition: all 1.2s 0.5s;
  -o-transition: all 1.2s 0.5s;
  transition: all 1.2s 0.5s;
}

#wrapper .inview._fadeInleft {
  -webkit-transition: all 1.1s 0.2s;
  -o-transition: all 1.1s 0.2s;
  transition: all 1.1s 0.2s;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#wrapper .inview._fadeInright {
  -webkit-transition: all 1.1s 0.2s;
  -o-transition: all 1.1s 0.2s;
  transition: all 1.1s 0.2s;
  -webkit-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  transform: translate(50%, 0);
}

#wrapper .inview.on {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

@media screen and (max-width: 768px) {
  #wrapper .inview._sp_delay0 {
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;
    transition: all 1.2s;
  }
}

section .inner {
  max-width: 1030px;
  width: 100%;
  margin: 0 auto;
  padding: 120px 0;
}

@media screen and (max-width: 768px) {
  section .inner {
    padding: 6rem 0;
  }
}

@media screen and (max-width: 768px) and (max-width: 640px) {
  section .inner {
    padding: 3rem 1.30208vw;
  }
}

section .inner h2 {
  font-size: 2.5em;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  section .inner h2 {
    font-size: 8.33333vw;
  }
}

@media screen and (max-width: 768px) {
  section .inner.type_prl {
    padding: 25vw 6vw;
  }
  section .inner.type_prl h2 {
    width: 100%;
  }
}

/*------------------------------------------------------------
	.header_top
------------------------------------------------------------*/
.header_top {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: #000000;
  height: 93px;
}

@media screen and (max-width: 640px) {
  .header_top {
    height: 60px;
  }
}

.header_top .logo {
  position: absolute;
  left: 2.34375vw;
  top: 0;
  bottom: 0;
  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;
}

@media screen and (max-width: 768px) {
  .header_top .logo {
    left: 5.20833vw;
  }
  .header_top .logo img {
    width: 8.85417vw;
  }
}

.header_top .top_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 43px;
}

@media screen and (max-width: 640px) {
  .header_top .top_link {
    margin-left: 4.94792vw;
  }
}

.header_top .top_link li:nth-of-type(1) {
  margin-right: 35px;
}

@media screen and (max-width: 768px) {
  .header_top .top_link li:nth-of-type(1) {
    margin-right: 4.55729vw;
  }
}

.header_top .top_link li:nth-of-type(2) {
  margin-right: 35px;
}

@media screen and (max-width: 768px) {
  .header_top .top_link li:nth-of-type(2) {
    margin-right: 4.55729vw;
  }
}

.header_top .top_link li a {
  color: #FFF;
  font-size: 1.18em;
  letter-spacing: normal;
}

@media screen and (max-width: 768px) {
  .header_top .top_link li a {
    font-size: 3.64583vw;
  }
}

@media screen and (max-width: 640px) {
  .header_top .top_link li a {
    font-size: 3.38542vw;
  }
}

@media screen and (max-width: 1000px) {
  .header_top .top_link li a {
    font-size: 1.95313vw;
  }
}

.header_top nav {
  display: block;
  position: fixed;
  top: 0;
  right: -600px;
  bottom: 0;
  width: 680px;
  background: rgba(0, 0, 0, 0.8);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  z-index: 3;
  opacity: 0;
}

@media screen and (max-width: 768px) {
  .header_top nav {
    width: 100%;
    right: -100%;
  }
}

.header_top nav .inner {
  padding: 50px 60px;
  margin-top: 50px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .header_top nav .inner {
    margin-top: 30px;
    padding: 7.8125vw 0 0;
    text-align: center;
  }
}

.header_top nav .inner .head_link {
  margin-bottom: 45px;
}

.header_top nav .inner .head_link li:nth-of-type(1) {
  margin-bottom: 20px;
}

.header_top nav .inner .head_link li:last-child {
  margin-bottom: 0;
}

.header_top nav .inner .head_link li a {
  font-size: 3.90625vw;
  padding: 18px;
}

.header_top nav .inner .official {
  color: #fff;
}

.header_top nav .inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header_top nav .inner ul li {
  position: relative;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .header_top nav .inner ul li {
    margin-bottom: 4.55729vw;
  }
}

.header_top nav .inner ul li a {
  display: inline-block;
  color: #ffffff;
  font-size: 1.4em;
  padding: 0em 0;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0.08em;
}

@media screen and (max-width: 768px) {
  .header_top nav .inner ul li a {
    font-size: 1.8em;
    line-height: 1.2;
  }
}

@media screen and (max-width: 768px) and (max-width: 640px) {
  .header_top nav .inner ul li a {
    font-size: 1.5em;
  }
}

@media screen and (min-width: 769px) {
  .header_top nav .inner ul li a::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #ffffff;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .header_top nav .inner ul li a:hover {
    opacity: 1;
  }
  .header_top nav .inner ul li a:hover::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

.header_top nav .inner ul li:last-of-type {
  margin-bottom: 45px;
}

@media screen and (max-width: 320px) {
  .header_top nav .inner ul li:last-of-type {
    margin-bottom: 6.51042vw;
  }
}

.header_top .open nav {
  right: 0;
  opacity: 1;
}

.header_top .official {
  width: 450px;
  position: relative;
  border: 1px solid #ffffff;
}

@media screen and (max-width: 768px) {
  .header_top .official {
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .header_top .official {
    width: 80.72917vw;
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) and (max-width: 320px) {
  .header_top .official {
    width: 88.54167vw;
  }
}

.header_top .official a {
  display: block;
  padding: 12px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.3em;
  font-weight: bold;
  letter-spacing: 0.07em;
}

@media screen and (max-width: 640px) {
  .header_top .official a {
    font-size: 1.1em;
    padding: 12px 0;
  }
}

.header_top .official a::after {
  content: "";
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  top: calc(50% - 0.45em);
  right: 40px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media screen and (max-width: 768px) {
  .header_top .official a::after {
    width: 0.5em;
    height: 0.5em;
    top: calc(50% - 0.3em);
    right: 4.55729vw;
  }
}

@media screen and (min-width: 769px) {
  .header_top .official a:hover {
    opacity: 0.7;
  }
  .header_top .official a:hover::after {
    right: 25px;
  }
}

/*------------------------------------------------------------
	.toggle_btn
------------------------------------------------------------*/
.toggle_btn {
  display: block;
  position: absolute;
  top: 50%;
  right: 40px;
  width: 26px;
  height: 24px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
  z-index: 3;
}

@media screen and (max-width: 768px) {
  .toggle_btn {
    right: 4.42708vw;
  }
}

.toggle_btn span {
  display: block;
  position: absolute;
  left: 0;
  width: 26px;
  height: 1px;
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

@media all and (-ms-high-contrast: none) {
  .toggle_btn span {
    border-radius: 0;
  }
}

.toggle_btn span:nth-child(1) {
  top: 4px;
}

.toggle_btn span:nth-child(2) {
  top: 0;
  bottom: 0;
  margin: auto;
}

.toggle_btn span:nth-child(3) {
  bottom: 4px;
}

.open .toggle_btn span {
  background-color: #ffffff;
}

.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  -ms-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
}

.open .toggle_btn span:nth-child(2) {
  opacity: 0;
}

.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translateY(-6px) rotate(315deg);
  -ms-transform: translateY(-6px) rotate(315deg);
  transform: translateY(-6px) rotate(315deg);
}

#mask {
  display: none;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.open #mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  opacity: .8;
  z-index: 2;
  cursor: pointer;
}

/*------------------------------------------------------------
	footer
------------------------------------------------------------*/
footer small {
  padding: 1.2rem 0;
  display: block;
  font-size: 0.95em;
  letter-spacing: .06em;
  color: #ffffff;
  background: #000000;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  footer small {
    font-size: 3.51563vw;
  }
}

/*------------------------------------------------------------
	modal
------------------------------------------------------------*/
#modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
}

#modal .modalMask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

#modal .modalWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 600px;
  z-index: 20;
  margin: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 閉じるボタン */
}

@media screen and (max-width: 768px) {
  #modal .modalWrap {
    min-width: 93%;
    max-width: 93%;
  }
}

#modal .modalWrap .modalCont {
  display: none;
  overflow: auto;
}

#modal .modalWrap .modalCont p {
  padding: 10px 0 0;
}

#modal .modalWrap .modalCont p a {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  #modal .modalWrap .modalCont p a {
    font-size: 4.16667vw;
  }
}

@media screen and (min-width: 769px) {
  #modal .modalWrap .modalCont p a:hover {
    border: none;
  }
}

#modal .modalWrap .closeBtn {
  display: block;
  position: absolute;
  top: -20px;
  right: 0;
  z-index: 100;
}

#modal .modalWrap .closeBtn .icnArea {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 24px;
  height: 24px;
}

#modal .modalWrap .closeBtn .icnArea::before, #modal .modalWrap .closeBtn .icnArea::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  -webkit-transition: transform 0.3s ease;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

#modal .modalWrap .closeBtn .icnArea::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
}

#modal .modalWrap .closeBtn .icnArea::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 0;
}

/*------------------------------------------------------------
下層共通
------------------------------------------------------------*/
.low_mv {
  padding: 50px 0;
  background: #f8f8f7;
}

@media screen and (max-width: 768px) {
  .low_mv {
    padding: 14.32292vw 0 10.41667vw;
  }
}

@media screen and (max-width: 768px) {
  .low_mv img {
    width: 88.41146vw;
  }
}

.low_section {
  position: relative;
}

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

.low_section .low_inner {
  padding-top: 200px;
  margin: 0 25px;
}

@media screen and (max-width: 768px) {
  .low_section .low_inner {
    padding-top: 45px;
  }
}

.bg {
  background-color: #000000;
}

.bg_sub {
  background-color: #ffffff;
}

.bg_urus {
  background-color: #16181b;
}

button {
  cursor: pointer;
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  to {
    opacity: 1;
  }
}

#kv .kv_list {
  position: relative;
}

@media screen and (max-width: 768px) {
  #kv .kv_list img {
    width: 100%;
  }
}

#kv .slick-active .mv_txt {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#kv .slick-dots {
  left: 6.51042vw;
  bottom: 2%;
  text-align: left;
}

@media screen and (max-width: 768px) {
  #kv .slick-dots {
    display: none !important;
  }
}

#kv .mv_txt {
  height: 0;
  position: absolute;
  top: 6.51042vw;
  left: 2.6%;
}

#kv .mv_txt.mv_txt_bt {
  top: initial;
  bottom: 38%;
  height: 0;
}

@media screen and (max-width: 768px) {
  #kv .mv_txt.mv_txt_bt {
    bottom: 42%;
  }
}

@media all and (-ms-high-contrast: none) {
  #kv .mv_txt.mv_txt_bt {
    top: 63%;
  }
}

@media screen and (min-width: 769px) {
  #kv .mv_txt.mv_txt_too {
    top: 4.6875vw;
  }
  #kv .mv_txt.mv_txt_to {
    top: 2.34375vw;
    left: 0;
  }
}

@media screen and (max-width: 768px) {
  #kv .mv_txt {
    top: 7.16146vw;
    left: 5.20833vw;
  }
}

#kv .mv_txt img {
  width: 78.59375vw;
}

@media screen and (max-width: 768px) {
  #kv .mv_txt img {
    width: 71.35417vw;
  }
}

#kv .mv_txt img.local {
  width: 84.6875vw;
}

@media screen and (max-width: 768px) {
  #kv .mv_txt img.local {
    width: 74.08854vw;
  }
}

#urus_challenge .ttl {
  text-align: left;
}

#urus_challenge .ttl img {
  width: 72.08333vw;
}

@media screen and (max-width: 768px) {
  #urus_challenge .ttl img {
    width: 88.93229vw;
  }
}

#urus_challenge .txt_area {
  width: 78.125vw;
  margin: 8px auto 0;
  text-align: left;
}

@media screen and (max-width: 768px) {
  #urus_challenge .txt_area {
    width: 90%;
    margin: 7.8125vw auto 0;
  }
}

#urus_challenge .txt_area .overview_txt {
  font-size: 1.02vw;
  color: #2b2b2b;
  letter-spacing: 0.08em;
  line-height: 2.47396vw;
  margin-bottom: 2.60417vw;
}

#urus_challenge .txt_area .overview_txt:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  #urus_challenge .txt_area .overview_txt {
    font-size: 3.64583vw;
    line-height: 2.1;
    margin-bottom: 9.11458vw;
  }
}

#schedule {
  padding-top: 31.25vw;
  padding-bottom: 110px;
  position: relative;
}

@media screen and (max-width: 768px) {
  #schedule {
    padding-top: 0;
    padding-bottom: 22.13542vw;
  }
}

#schedule .ttl {
  text-align: right;
}

#schedule .ttl img {
  width: 76.875vw;
}

@media screen and (max-width: 768px) {
  #schedule .ttl img {
    width: 99.08854vw;
  }
}

#schedule .schedule_list {
  max-width: 1060px;
  width: 100%;
  margin: 100px auto 80px;
}

@media screen and (max-width: 768px) {
  #schedule .schedule_list {
    margin: 13.02083vw auto 9.11458vw;
    padding: 0 6.51042vw;
  }
}

#schedule .schedule_list .list_link {
  display: block;
  padding: 30px 12px 8px;
  border-bottom: 1px solid #2b2b2b;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  #schedule .schedule_list .list_link {
    padding: 9.11458vw 0 2.86458vw;
  }
}

#schedule .schedule_list .list_link:first-child {
  padding: 0 12px 8px;
}

@media screen and (max-width: 768px) {
  #schedule .schedule_list .list_link:first-child {
    padding: 0 0 2.86458vw;
  }
}

#schedule .schedule_list .list_link:nth-child(n+2) {
  pointer-events: none;
}

#schedule .schedule_list .list_link:last-child {
  border-bottom: none;
}

#schedule .schedule_list .list_link .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1b1b1b;
}

@media screen and (max-width: 768px) {
  #schedule .schedule_list .list_link .list {
    display: block;
  }
}

#schedule .schedule_list .list_link .list .day {
  font-size: 0.95rem;
  text-align: left;
}

@media screen and (max-width: 768px) {
  #schedule .schedule_list .list_link .list .day {
    font-size: 3.64583vw;
  }
}

#schedule .schedule_list .list_link .list .col_2 {
  width: 59%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

@media screen and (max-width: 768px) {
  #schedule .schedule_list .list_link .list .col_2 {
    width: 100%;
    display: block;
  }
}

#schedule .schedule_list .list_link .list .col_2 .number {
  width: 1.82292vw;
  text-align: left;
  font-size: 0.92rem;
}

@media screen and (max-width: 1360px) {
  #schedule .schedule_list .list_link .list .col_2 .number {
    width: 2.60417vw;
  }
}

@media screen and (max-width: 768px) {
  #schedule .schedule_list .list_link .list .col_2 .number {
    font-size: 3.90625vw;
    display: block;
    width: auto;
  }
}

#schedule .schedule_list .list_link .list .col_2 dl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  color: #2b2b2b;
  font-size: 1.8em;
  font-weight: 500;
  padding-left: 22px;
}

@media screen and (max-width: 768px) {
  #schedule .schedule_list .list_link .list .col_2 dl {
    width: 100%;
    padding: 1.04167vw 0;
    font-size: 4.42708vw;
  }
}

#schedule .schedule_list .list_link .list .col_2 dl dt {
  width: 33%;
}

@media screen and (max-width: 768px) {
  #schedule .schedule_list .list_link .list .col_2 dl dt {
    width: auto;
    padding-right: 2.60417vw;
  }
}

#schedule .schedule_list .list_link .list .col_2 dl dd {
  width: 67%;
  padding-left: 20px;
}

@media screen and (max-width: 768px) {
  #schedule .schedule_list .list_link .list .col_2 dl dd {
    width: auto;
    padding-left: 2.60417vw;
  }
}

#schedule .schedule_list .list_link .list .col_2 dl dd .mg_lr {
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  #schedule .schedule_list .list_link .list .col_2 dl dd .mg_lr {
    padding: 0 2.60417vw;
  }
}

#live .ttl {
  text-align: left;
}

#live .ttl img {
  width: 80.625vw;
}

@media screen and (max-width: 768px) {
  #live .ttl img {
    width: 98.69792vw;
  }
}

#live .inner_live {
  max-width: 1050px;
  width: 100%;
  margin: 45px auto 0;
  padding: 0 0 140px;
}

@media screen and (max-width: 768px) {
  #live .inner_live {
    width: 90%;
    margin: 9.11458vw auto 0;
    padding: 0 0 18.22917vw;
  }
}

#live .inner_live .close_txt_m {
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  #live .inner_live .close_txt_m {
    margin-bottom: 1.30208vw;
  }
}

#live .inner_live .close_txt_m:last-of-type {
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  #live .inner_live .close_txt_m:last-of-type {
    margin-bottom: 6.51042vw;
  }
}

#live .inner_live .close_txt_m .txt_r {
  display: inline-block;
  /*background: #da0000;
              color: #FFF;*/
  font-size: 1.5vw;
  font-weight: bold;
  /*padding-left: 12px;*/
}

@media screen and (max-width: 768px) {
  #live .inner_live .close_txt_m .txt_r {
    font-size: 3.90625vw;
    /*padding-left: vw(16);*/
  }
}

#live .inner_live .mt {
  color: #2b2b2b;
  margin-top: 35px;
  font-size: 1.2em;
}

@media screen and (max-width: 768px) {
  #live .inner_live .mt {
    margin-top: 6.51042vw;
    font-size: 3.64583vw;
    line-height: 1.9;
  }
}

#live .inner_live .mb {
  margin-bottom: 95px;
}

@media screen and (max-width: 768px) {
  #live .inner_live .mb {
    margin-bottom: 13.02083vw;
  }
}

#live .inner_live .gps {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  #live .inner_live .gps {
    padding-top: 100%;
  }
}

#live .inner_live .gps iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#live .inner_live .movie {
  /*
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%;
            overflow: hidden;*/
}

@media screen and (min-width: 769px) {
  #live .inner_live .movie {
    /*pointer-events: none;*/
  }
}

#live .inner_live .movie video {
  width: 100%;
}

#live .inner_live .movie iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

#live .inner_live .facebook-wrapper {
  max-width: 500px;
  margin: 0 auto;
}

@media screen and (max-width: 640px) {
  #live .inner_live .facebook-wrapper > .fb-page {
    width: 85%;
  }
}

#live .inner_live .fb-page {
  display: block !important;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

#hashtag {
  padding: 0;
}

@media screen and (max-width: 768px) {
  #hashtag {
    padding: 0;
  }
}

#hashtag .ownlyUgcPagination {
  display: none !important;
}

#hashtag .ttl {
  text-align: left;
}

#hashtag .ttl img {
  width: 82.08333vw;
}

@media screen and (max-width: 768px) {
  #hashtag .ttl img {
    width: 94.53125vw;
  }
}

#hashtag .txt_area {
  margin: 45px auto 0;
}

@media screen and (min-width: 769px) {
  #hashtag .txt_area {
    max-width: 80.72917vw;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  #hashtag .txt_area {
    width: 86%;
    margin: 9.11458vw auto 0;
  }
}

#hashtag .txt_area .more_btn {
  display: block;
  text-align: center;
  color: #2b2b2b;
  border: 1px solid #2b2b2b;
  width: 100%;
  max-width: 300px;
  padding: 18px 0;
  margin: 50px auto 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 769px) {
  #hashtag .txt_area .more_btn:hover {
    color: #FFF;
    background: #2b2b2b;
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
  }
}

@media screen and (max-width: 768px) {
  #hashtag .txt_area .more_btn {
    width: 54.6875vw;
    padding: 3.38542vw 0;
    margin: 9.11458vw auto 0 0;
    font-size: 4.03646vw;
  }
}

#hashtag .txt_area .overview_txt {
  text-align: left;
  font-size: 1.03vw;
  color: #2b2b2b;
  letter-spacing: 0.08em;
  line-height: 2.60417vw;
  margin-bottom: 2.60417vw;
}

#hashtag .txt_area .overview_txt:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  #hashtag .txt_area .overview_txt {
    font-size: 3.64583vw;
    line-height: 2.1;
    margin-bottom: 9.11458vw;
  }
}

#hashtag .txt_area .txt_local {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  #hashtag .txt_area .txt_local {
    margin-top: 11.06771vw;
  }
}

#hashtag .txt_area .txt_local li {
  text-align: left;
  font-size: 0.6vw;
  color: #575757;
  line-height: 1.43229vw;
}

@media screen and (max-width: 768px) {
  #hashtag .txt_area .txt_local li {
    font-size: 2.99479vw;
    line-height: 1.8;
  }
}

#hashtag .col_4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#hashtag .col_4 a {
  display: block;
  width: calc(100% / 2);
}

#hashtag .col_4 img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  #hashtag .col_4 img {
    width: 62.36979vw;
  }
}

.img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: auto;
}

@media screen and (max-width: 1366px) {
  .img {
    max-height: 500px;
    -o-object-fit: contain;
    object-fit: contain;
  }
}

@media screen and (max-width: 768px) {
  .img {
    height: auto;
  }
}

@media screen and (-ms-high-contrast: none) {
  .img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
}

.btn_ff {
  display: inline-block;
  max-width: 583px;
  width: 100%;
  margin: 0 auto;
  padding: 30px 0;
  background: #2b2b2b;
  border: 1px solid #2b2b2b;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .btn_ff {
    width: 80.72917vw;
    padding: 4.55729vw 0;
  }
  .btn_ff img {
    width: 43.22917vw;
  }
}

#projectteamjapan .ownlyUgcWidget_block div.ownlyUgcPagination a.ugcPaging {
  margin: 50px auto 0 !important;
  border: 1px solid #2b2b2b !important;
  width: 100% !important;
  max-width: 300px !important;
  padding: 20px 0 !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 769px) {
  #projectteamjapan .ownlyUgcWidget_block div.ownlyUgcPagination a.ugcPaging:hover {
    color: #FFF;
    background: #2b2b2b;
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
  }
}

@media screen and (max-width: 768px) {
  #projectteamjapan .ownlyUgcWidget_block div.ownlyUgcPagination a.ugcPaging {
    margin: 10.41667vw auto 0 !important;
    width: 62.5vw !important;
    padding: 3.90625vw 0 !important;
  }
}

#projectteamjapan .ttl {
  text-align: left;
  margin-bottom: 70px;
}

@media screen and (max-width: 768px) {
  #projectteamjapan .ttl {
    margin-bottom: 10.41667vw;
  }
}

#projectteamjapan .ttl img {
  width: 62.70833vw;
}

@media screen and (max-width: 768px) {
  #projectteamjapan .ttl img {
    width: 76.95313vw;
  }
}

#projectteamjapan .update_area_inner {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}

#projectteamjapan .update_area_inner .update_stage img {
  height: auto;
}

@media screen and (min-width: 1917px) {
  #projectteamjapan .update_area_inner .update_stage img {
    -o-object-fit: none;
    object-fit: none;
  }
}

@media screen and (max-width: 768px) {
  #projectteamjapan .update_area_inner .update_stage img {
    width: 100%;
  }
}

#projectteamjapan .btn_external {
  padding: 140px 0;
}

@media screen and (max-width: 768px) {
  #projectteamjapan .btn_external {
    padding: 15.625vw 0;
  }
}

#projectteamjapan .btn_external .sub_ttl {
  margin-bottom: 110px;
}

@media screen and (max-width: 768px) {
  #projectteamjapan .btn_external .sub_ttl {
    margin-bottom: 13.02083vw;
  }
  #projectteamjapan .btn_external .sub_ttl img {
    width: 60.80729vw;
  }
}

#projectteamjapan .btn_external .btn_col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  #projectteamjapan .btn_external .btn_col2 {
    padding: 0 5.20833vw;
  }
}

#projectteamjapan .btn_external .btn_col2 li:first-child {
  margin-right: 10%;
}

@media screen and (max-width: 1366px) {
  #projectteamjapan .btn_external .btn_col2 li:first-child {
    margin-right: 14%;
  }
}

@media screen and (max-width: 768px) {
  #projectteamjapan .btn_external .btn_col2 li:first-child {
    margin-right: 10.41667vw;
  }
}

#projectteamjapan .btn_external .btn_col2 li a {
  display: inline-block;
  font-size: 1.8em;
  color: #2b2b2b;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-decoration: underline;
  -webkit-text-decoration-color: #ababab;
  text-decoration-color: #ababab;
}

@media screen and (max-width: 768px) {
  #projectteamjapan .btn_external .btn_col2 li a {
    font-size: 4.42708vw;
  }
}

@media screen and (min-width: 769px) {
  #projectteamjapan .btn_external .btn_col2 li a:hover {
    text-decoration: none;
  }
}

#projectteamjapan .slick-vertical .slick-slide {
  border: none;
}

.slide-boxs {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .slide-boxs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.slidess {
  position: relative;
  width: 80%;
}

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

.slidess .item {
  position: relative;
  height: 100%;
}

.slidess .item a {
  display: block;
}

.slidess .item::before {
  display: block;
  padding-top: 56.25%;
  content: "";
}

.slidess .item .image {
  position: relative;
  overflow: hidden;
}

.slidess .item img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  border: none;
}

.slidess > .slick-list,
.slidess > .slick-list > .slick-track,
.slidess > .slick-list > .slick-track > .slick-slide > div {
  position: relative;
  height: 100%;
}

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

/*slide-navigations*/
.slide-navigations {
  line-height: 0;
  position: relative;
  width: 20%;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .slide-navigations {
    width: 100%;
  }
}

.slide-navigations .item {
  position: relative;
  cursor: pointer;
}

.slide-navigations .item .image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.slide-navigations .item .image::before {
  display: block;
  padding-top: 56.25%;
  content: "";
}

.slide-navigations .item .image::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.5;
  background: #000;
}

.slide-navigations .slick-current .image::after {
  opacity: 0;
}

.slide-navigations .item .image {
  position: relative;
  overflow: hidden;
}

.slide-navigations .item .image img {
  -o-object-fit: none;
  object-fit: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
}

@media screen and (max-width: 1680px) {
  .slide-navigations .item .image img {
    -o-object-fit: cover;
    object-fit: cover;
  }
}

@media screen and (max-width: 768px) {
  .slide-navigations {
    width: 100%;
  }
}

#dealer_parts {
  max-width: 1920px;
  width: 100%;
  margin: auto;
}

#dealer_parts .img_col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  #dealer_parts .img_col2 {
    display: block;
  }
}

#dealer_parts .img_col2 li {
  width: calc(100% / 2);
}

@media screen and (max-width: 768px) {
  #dealer_parts .img_col2 li {
    width: 100%;
  }
}

#dealer_parts .img_col2 li a {
  display: block;
}

@media screen and (max-width: 768px) {
  #dealer_parts .img_col2 li a img {
    width: 100%;
  }
}

.inner_map01 {
  position: relative;
}

@media screen and (min-width: 769px) {
  .inner_map01::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: 100%;
    background: url(../img/top/map_update/map_01.png) no-repeat top right;
    background-size: contain;
  }
}

@media screen and (max-width: 768px) {
  .inner_map01 {
    padding-bottom: 100%;
  }
  .inner_map01::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/top/map_update/sp/map_01.png) no-repeat bottom right;
    background-size: contain;
    bottom: 7.8125vw;
  }
}

.inner_map02 {
  position: relative;
}

@media screen and (min-width: 769px) {
  .inner_map02::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: 100%;
    background: url(../img/top/map_update/map_02.png) no-repeat top right;
    background-size: contain;
  }
}

@media screen and (max-width: 768px) {
  .inner_map02 {
    padding-bottom: 100%;
  }
  .inner_map02::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/top/map_update/sp/map_02.png) no-repeat bottom right;
    background-size: contain;
    bottom: 7.8125vw;
  }
}

.inner_map03 {
  position: relative;
}

@media screen and (min-width: 769px) {
  .inner_map03::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: 100%;
    background: url(../img/top/map_update/map_03.png) no-repeat top right;
    background-size: contain;
  }
}

@media screen and (max-width: 768px) {
  .inner_map03 {
    padding-bottom: 100%;
  }
  .inner_map03::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/top/map_update/sp/map_03.png) no-repeat bottom right;
    background-size: contain;
    bottom: 7.8125vw;
  }
}

.inner_map04 {
  position: relative;
}

@media screen and (min-width: 769px) {
  .inner_map04::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: 100%;
    background: url(../img/top/map_update/map_04.png) no-repeat top right;
    background-size: contain;
  }
}

@media screen and (max-width: 768px) {
  .inner_map04 {
    padding-bottom: 100%;
  }
  .inner_map04::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/top/map_update/sp/map_04.png) no-repeat bottom right;
    background-size: contain;
    bottom: 7.8125vw;
  }
}

.inner_map05 {
  position: relative;
}

@media screen and (min-width: 769px) {
  .inner_map05::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: 100%;
    background: url(../img/top/map_update/map_05.png) no-repeat top right;
    background-size: contain;
  }
}

@media screen and (max-width: 768px) {
  .inner_map05 {
    padding-bottom: 100%;
  }
  .inner_map05::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/top/map_update/sp/map_05.png) no-repeat bottom right;
    background-size: contain;
    bottom: 7.8125vw;
  }
}

.inner_map06 {
  position: relative;
}

@media screen and (min-width: 769px) {
  .inner_map06::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: 100%;
    background: url(../img/top/map_update/map_06.png) no-repeat top right;
    background-size: contain;
  }
}

@media screen and (max-width: 768px) {
  .inner_map06 {
    padding-bottom: 100%;
  }
  .inner_map06::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/top/map_update/sp/map_06.png) no-repeat bottom right;
    background-size: contain;
    bottom: 7.8125vw;
  }
}

.inner_map07 {
  position: relative;
}

@media screen and (min-width: 769px) {
  .inner_map07::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: 100%;
    background: url(../img/top/map_update/map_07.png) no-repeat top right;
    background-size: contain;
  }
}

@media screen and (max-width: 768px) {
  .inner_map07 {
    padding-bottom: 100%;
  }
  .inner_map07::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/top/map_update/sp/map_07.png) no-repeat bottom right;
    background-size: contain;
    bottom: 7.8125vw;
  }
}

.inner_map08 {
  position: relative;
}

@media screen and (min-width: 769px) {
  .inner_map08::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: 100%;
    background: url(../img/top/map_update/map_08.png) no-repeat top right;
    background-size: contain;
  }
}

@media screen and (max-width: 768px) {
  .inner_map08 {
    padding-bottom: 100%;
  }
  .inner_map08::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/top/map_update/sp/map_08.png) no-repeat bottom right;
    background-size: contain;
    bottom: 7.8125vw;
  }
}

.inner_map09 {
  position: relative;
}

@media screen and (min-width: 769px) {
  .inner_map09::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: 100%;
    background: url(../img/top/map_update/map_09.png) no-repeat top right;
    background-size: contain;
  }
}

@media screen and (max-width: 768px) {
  .inner_map09 {
    padding-bottom: 100%;
  }
  .inner_map09::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/top/map_update/sp/map_09.png) no-repeat bottom right;
    background-size: contain;
    bottom: 7.8125vw;
  }
}

.inner_map10 {
  position: relative;
}

@media screen and (min-width: 769px) {
  .inner_map10::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: 100%;
    background: url(../img/top/map_update/map_10.png) no-repeat top right;
    background-size: contain;
  }
}

@media screen and (max-width: 768px) {
  .inner_map10 {
    padding-bottom: 100%;
  }
  .inner_map10::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/top/map_update/sp/map_10.png) no-repeat bottom right;
    background-size: contain;
    bottom: 7.8125vw;
  }
}

.inner_map11 {
  position: relative;
}

@media screen and (min-width: 769px) {
  .inner_map11::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: 100%;
    background: url(../img/top/map_update/map_11.png) no-repeat top right;
    background-size: contain;
  }
}

@media screen and (max-width: 768px) {
  .inner_map11 {
    padding-bottom: 100%;
  }
  .inner_map11::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/top/map_update/sp/map_11.png) no-repeat bottom right;
    background-size: contain;
    bottom: 7.8125vw;
  }
}

.inner_map12 {
  position: relative;
}

@media screen and (min-width: 769px) {
  .inner_map12::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: 100%;
    background: url(../img/top/map_update/map_12.png) no-repeat top right;
    background-size: contain;
  }
}

@media screen and (max-width: 768px) {
  .inner_map12 {
    padding-bottom: 100%;
  }
  .inner_map12::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/top/map_update/sp/map_12.png) no-repeat bottom right;
    background-size: contain;
    bottom: 7.8125vw;
  }
}

.inner_map13 {
  position: relative;
}

@media screen and (min-width: 769px) {
  .inner_map13::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: 100%;
    background: url(../img/top/map_update/map_13.png) no-repeat top right;
    background-size: contain;
  }
}

@media screen and (max-width: 768px) {
  .inner_map13 {
    padding-bottom: 100%;
  }
  .inner_map13::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/top/map_update/sp/map_13.png) no-repeat bottom right;
    background-size: contain;
    bottom: 7.8125vw;
  }
}

.inner_ownly {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}

.ownlyUgcModalContents img.ownlyPostImage {
  width: 100% !important;
  height: auto !important;
}

@media screen and (min-width: 770px) {
  .ownlyUgcWidget_block .ownlyUgcsetPost {
    width: calc(100% / 4) !important;
  }
  img.ownlyPostImage {
    width: 25vw !important;
    height: 25vw !important;
  }
  .ownlyUgc .ownlyUgcSlideList {
    width: 25vw !important;
    height: 25vw !important;
  }
  .ownlyUgc .ownlySlideListItem {
    width: 25vw !important;
    height: 25vw !important;
  }
  .ownlyUgc .ownlyUgcSlide {
    width: 25vw !important;
  }
  .ownlyUgcWidget_block .ownlyUgcsetPostPhoto {
    width: 25vw !important;
    height: 25vw !important;
  }
}

.ownlyUgcWidget_block .ownlyUgc .ownlyUgcsetPost {
  padding: 0 !important;
}

@media screen and (-ms-high-contrast: none) {
  img.ownlyPostImage {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
}

.ugcPaging {
  font-size: 0;
}

@media screen and (min-width: 769px) {
  .ugcPaging:hover::before {
    color: #FFF;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
  }
}

.ugcPaging::before {
  font-size: 16px;
  content: "Read more";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2b2b2b;
}

@media screen and (max-width: 768px) {
  .ugcPaging::before {
    font-size: 4.03646vw;
  }
}

.close_txt {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .close_txt {
    text-align: center;
  }
}

.close_txt .txt_r {
  display: inline-block;
  /*background: #da0000;
        color: #FFF;*/
  color: #2b2b2b;
  border: 1px solid #2b2b2b;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.4vw;
  font-weight: bold;
  padding-left: 12px;
}

@media screen and (max-width: 768px) {
  .close_txt .txt_r {
    display: block;
    font-size: 3.64583vw;
    padding-left: 0.65104vw;
  }
}

.close_txt_s {
  text-align: left;
  font-size: 1.03vw;
  color: #2b2b2b;
  letter-spacing: 0.08em;
  line-height: 2.60417vw;
  margin-bottom: 2.60417vw;
}

@media screen and (max-width: 768px) {
  .close_txt_s {
    font-size: 3.64583vw;
    line-height: 2.1;
    margin-bottom: 9.11458vw;
  }
}