/* --------------------------------------------------------
 Name:      3D体験サービス「トビデル」 - app.css
 Author:    これは作成者です
 Info:      3D体験サービス「トビデル」
----------------------------------------------------------- */
@font-face {
  font-family: Corporate-Logo-Medium-ver2;
  font-weight: 500;
  src: url(../font/Corporate-Logo-Medium-ver2.woff) format("woff")
}
@font-face {
  font-family: Corporate-Logo-Bold-ver2;
  font-weight: 700;
  src: url(../font/Corporate-Logo-Bold-ver2.woff) format("woff")
}
a, abbr, address, article, aside, audio, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, ins, label, legend, li, main, mark, nav, ol, p, pre, q, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
  display: block
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
*, :after, :before {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit
}
body {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)；color:#000;
}
a {
  all: unset;
  cursor: revert;
  display: revert;
  text-decoration: none
}
h1, h2, h3, h4, h5, h6, p {
  font-weight: 400
}
img {
  border-style: none;
  vertical-align: bottom
}
img, video {
  height: auto;
  max-width: 100%
}
ol, ul {
  list-style: none;
  list-style-type: none
}
blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
input::-webkit-search-decoration {
  display: none
}
input:focus {
  outline-offset: -2px
}
select::-ms-expand {
  display: none
}
select::-webkit-search-decoration {
  display: none
}
select:focus {
  outline-offset: -2px
}
button {
  background-color: transparent
}
textarea {
  resize: none
}
textarea::-webkit-search-decoration {
  display: none
}
textarea:focus {
  outline-offset: -2px
}
button, input, select, textarea {
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  outline: none;
  padding: 0
}
body {
  color: #000;
  font-family: Corporate-Logo-Medium-ver2, sans-serif;
  word-break: normal
}
main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  flex: 1;
  position: relative
}
main:before {
  bottom: 0;
  content: "";
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -2
}
a {
  color: #000
}
a, h1, h2, h3, h4, h5, h6, p {
  line-height: normal
}
.bold, .ttl-xs {
  font-family: Corporate-Logo-Bold-ver2
}
.container {
  margin: 0 auto;
  max-width: 980px;
  width: 100%
}
#section-header {
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  left: 0;
  opacity: 1;
  position: fixed;
  top: 0;
  visibility: visible;
  width: 100%;
  z-index: 10
}
#section-header, #section-header.is-scroll {
  -webkit-transition: opacity .3s, visibility .3s, z-index .3s;
  -moz-transition: opacity .3s, visibility .3s, z-index .3s;
  transition: opacity .3s, visibility .3s, z-index .3s
}
#section-header.is-scroll {
  opacity: 0;
  visibility: hidden;
  z-index: -1
}
#section-header h1 img {
  display: block;
  width: 100%
}
#section-footer {
  background: rgba(118, 85, 171, .8);
  color: #fff
}
#section-footer * {
  color: inherit
}
.footerNav .footerNav_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  letter-spacing: .05em
}
.footerNav .footerNav_list > li {
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  transition: opacity .3s
}
.footerNav .footerNav_list > li:active, .footerNav .footerNav_list > li:focus, .footerNav .footerNav_list > li:hover {
  opacity: .6
}
.footerCp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}
.footerCp > li {
  letter-spacing: .05em;
  line-height: 160%;
  opacity: .6
}
@media (max-width:991px) {
  body {
    font-size: 3.5623409669vw
  }
  main {
    padding-top: 64px !important;
    overflow: hidden;
  }
  main:before {
    background: linear-gradient(135deg, rgba(200, 207, 254, 1) 0%, rgba(248, 251, 253, 1) 100%), #ffffff;
  }
  .mv-img {
    left: -10vw !important;
  }
  .ttl-xs {
    font-size: 4.0712468193vw
  }
  .ttl-sm {
    font-size: 5.0890585242vw
  }
  .ttl-md {
    font-size: 7.1246819338vw;
    line-height: 140%
  }
  .btn-md {
    border-radius: 11.4503816794vw;
    font-size: 4.0712468193vw;
    height: 15.2671755725vw;
    width: 81.4249363868vw
  }
  .arrow-right:after {
    height: 2.5445292621vw;
    right: 2.5445292621vw;
    width: 1.5267175573vw
  }
  .arrow-purple:after {
    height: 3.5623409669vw;
    right: 5.0890585242vw;
    width: 2.0356234097vw
  }
  .fontSizeCaution {
    font-size: 2.5445292621vw
  }
  .container {
    padding: 0 3.8167938931vw
  }
  #section-header {
    height: 64px;
    padding: 17px 20px;
  }
  #section-header h1 {
    width: 91px;
  }
  #section-footer {
    padding: 15.2671755725vw 7.6335877863vw
  }
  .footerNav {
    margin-bottom: 10.1781170483vw
  }
  .footerNav .footerNav_list {
    font-size: 3.5623409669vw;
    gap: 14px;
    line-height: 1.5
  }
  .footerCp, .footerNav .footerNav_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
  }
  .footerCp > li {
    font-size: 2.7989821883vw
  }
}
@media (min-width:992px) {
  body {
    font-size: 16px;
  }
  main:before {
    background: linear-gradient(135deg, rgba(200, 207, 254, 1) 0%, rgba(248, 251, 253, 1) 100%), #ffffff;
  }
  #section-header {
    height: 100px;
    padding: 27px 60px;
  }
  #section-header h1 {
    width: 147px;
  }
  #section-header h1 a {
    display: block;
  }
  #section-footer {
    padding: 4.39238653vw 2.196193265vw
  }
  .footerNav {
    margin-bottom: 1.4641288433vw
  }
  .footerNav .footerNav_list {
    font-size: min(1.0248901903vw, 14px);
    gap: 2.196193265vw
  }
  .footerCp, .footerNav .footerNav_list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
  }
  .footerCp {
    gap: .8052708638vw
  }
  .footerCp > li {
    font-size: min(.8052708638vw, 11px)
  }
}
@media print {
  body {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 1280px
  }
}
.tac {
  text-align: center;
}
.mt1 {
  margin-top: 1em !important;
}
.mt2 {
  margin-top: 2em !important;
}
.lh14 {
  line-height: 1.4;
}
body {
  opacity: 1;
  transition: opacity 0.6s ease;
}
.js body {
  opacity: 0;
}
.js body.loaded {
  opacity: 1;
}