<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700&amp;display=swap');


:root {
 --primary-font-size: 18px;
 --primary-font-clr: #514240;

 --input-ttl-font-size: 24px;
 --input-font-size: 21px;
}

@media (max-width:767px) {
 :root {
  --primary-font-size: 13px;

  --input-ttl-font-size: 18px;
  --input-font-size: 16px;
 }
}

.contentsWrapper {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 font-family: 'Noto Sans JP', sans-serif;
 font-size: var(--primary-font-size);
 scroll-behavior: smooth;
 scroll-padding-top: var(--scroll-padding);
}

/* html {
 height: 100%;
}

html {
 scroll-behavior: smooth;
 scroll-padding-top: var(--scroll-padding);

} */

body {
 margin: 0;
 width: 100%;
 position: relative;
}

.contentsWrapper a {
 cursor: pointer;
}

.contentsWrapper h1,
.contentsWrapper h2,
.contentsWrapper h3,
.contentsWrapper h4,
.contentsWrapper h5,
.contentsWrapper h6 {
 color: #1d1d1d;
 font-family: 'Noto Sans JP', sans-serif;
}

.contentsWrapper p {
 color: #1d1d1d;
 font-family: 'Noto Sans JP', sans-serif;
 font-size: var(--primary-font-size);
 line-height: 1.6;
 letter-spacing: 0;
 font-feature-settings: "palt";
}

img {
 max-width: 100%;
}

.mt2em {
 margin-top: 2em;
}

.pconly {
 display: block;
}

.sponly {
 display: none;
}

.blue {
 color: blue;
}

header {
 min-width: 1280px;
}

#contentsWrapper {
 width: 100%;
 margin-inline: auto;
}

main {
 width: 100%;
 max-width: 1210px;
 margin-top: 40px;
 margin-inline: auto;
 padding-inline: 15px;
 margin-bottom: 60px;
}

.vr-simulator-bt-wrap {
 width: 100%;
 max-width: 1180px;
 height: 140px;
 margin-inline: auto;
 position: relative;
 background: url(../images/bg_vr-simulator-bt-wrap.png) 0 0 no-repeat;
 background-size: cover;
 margin-bottom: 45px;
}



.vr-simulator-bt-wrap p.ttl {
 /* font-size: clamp(16px, 0.6185rem + 1.1952vw, 24px) !important; */
 font-size: 24px;
 font-weight: 600;
 color: #fff;
 filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.6));
 transform: translateZ(0);
 position: absolute;
 right: calc(135 / 1180 * 100%);
 top: 10px;
}

.vr-simulator-bt-wrap ul {
 width: 736px;
 height: 60px;
 position: absolute;
 right: calc(17 / 1180 * 100%);
 bottom: calc(20 / 140 * 100%);
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.vr-simulator-bt-wrap ul li {
 /* width: calc(360 / 736 * 100%); */
 width: 360px;
 height: 100%;
 background-color: #f7f7ed;
 border-radius: 15px;
 position: relative;
 filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.3));
 transform: translateZ(0);
 overflow: hidden;
}

.vr-simulator-bt-wrap ul li::after {
 content: '';
 width: 30px;
 height: 40px;
 background: url(../images/hand.svg) 0 0 no-repeat;
 background-size: contain;
 z-index: 1;
 position: absolute;
 right: 15px;
 top: 55%;
 transform: translateY(-50%);
 pointer-events: none;
}

.vr-simulator-bt-wrap ul li a {
 font-size: 24px;
 font-weight: 400;
 width: 100%;
 height: 100%;
 display: block;
 color: #332a2a;
 display: flex;
 justify-content: center;
 align-items: center;
 text-decoration: none;
 font-feature-settings: "palt";
 padding-right: 25px;
 position: relative;
 border-radius: 15px;
 overflow: hidden;
 transition: 0.5s;
}

.vr-simulator-bt-wrap ul li a::before {
 content: '';
 width: 14px;
 height: 100%;
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 z-index: -1;
 background-color: #e18383;
 transition: 0.3s ease-in-out;
}

.vr-simulator-bt-wrap ul li:nth-child(2) a::before {
 background-color: #96b6dd;
}

.vr-simulator-bt-wrap ul li a:hover {
 color: #fff;
}

.vr-simulator-bt-wrap ul li a:hover::before {
 width: 100%;
}

.text-exp-wrap {
 max-width: 1020px;
 width: 100%;
 margin-inline: auto;
 padding: 30px 60px;
 background-color: #ede0df;
 margin-bottom: 55px;
}

.text-exp-wrap p {
 font-size: 18px;
 line-height: 1.8;
 font-weight: 500;
}

.text-exp-wrap p span {
 font-weight: 700;
 color: #d3000b;
}

.info-wrap {
 width: 100%;
 max-width: 1020px;
 margin-inline: auto;
 margin-bottom: 90px;
}

.info-wrap .info-inner {
 border: 2px solid #d3000b;
 border-radius: 16px;
 padding: 40px 60px;
 position: relative;
 margin-bottom: 36px;
}

.info-wrap .info-inner p.info-ttl {
 font-size: 18px;
 font-weight: 700;
 color: #fff;
 padding: 0.2em 60px;
 background-color: #d3000b;
 display: inline-block;
 border-radius: 20px;
 position: absolute;
 top: -3px;
 left: 50%;
 transform: translate(-50%, -50%);
}

.info-wrap .info-inner dl {
 margin-bottom: 2em;
}

.info-wrap .info-inner dt {
 font-size: 23px;
 font-weight: 500;
 color: #606060;
 line-height: 1.5;
 margin-bottom: 0.5em;
 margin-left: 1.1em;
 text-indent: -1.2em;
}

.info-wrap .info-inner dt::before {
 content: '⚫︎';
 color: #d3000b;
 margin-right: 0.2em;
}

.info-wrap .info-inner dd {
 font-size: 15px;
 color: #231815;
 margin-bottom: 0;
 line-height: 1.7;
}

/* ポイント */
.underline {
 border-bottom: 1px solid #000;
 position: relative;
 padding-bottom: 10px;
}

.underline::after {
 content: '';
 display: block;
 width: 8px;
 height: 8px;
 background-color: #000;
 border-radius: 50%;
 position: absolute;
 right: 0;
 bottom: -5px;
}

.point-wrap {
 width: 100%;
 max-width: 1180px;
 margin-inline: auto;
 /* display: flex;
 justify-content: space-between;
 gap: 27px; */
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(375px, 1fr));
 grid-column-gap: 27px;
 margin-bottom: 30px;
}

.point-inner .point-ttl {
 margin-bottom: 10px;
}

.point-wrap .point-inner {
 /* display: grid;
 grid-template-rows: subgrid;
 grid-row: span 4; */
 display: flex;
 flex-direction: column;
}

.point-inner p.point-catch {
 color: #d3000b;
 font-size: 23px;
 font-weight: 700;
 line-height: 1.5;
 margin-bottom: 0.5em;
 height: 3em;
}

.point-inner p.point-exp {
 color: #606060;
 font-size: 15px;
 line-height: 1.7;
 margin-bottom: 2em;
}


.environment-wrap {
 width: 100%;
 max-width: 1180px;
 margin-bottom: 30px;
}

.environment-wrap .environment-ttl {
 font-size: 23px;
 font-weight: 700;
 color: #231815;
 margin-bottom: 50px;
}

.environment-wrap .environment-inner {
 width: min(100%, 1055px);
 margin-inline: auto;
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(515px, 1fr));
 grid-column-gap: 23px;
}

.environment-inner dl {
 padding: 17px 22px;
 border: 1px solid #f2f2f2;
 display: grid;
 grid-template-columns: auto 1fr;
 grid-column-gap: 25px;
 font-feature-settings: "palt";
 margin-bottom: 25px;
}


.environment-inner dl dt {
 font-size: 16px;
 color: #231815;
 line-height: 1.7;
}

.environment-inner dl dd {
 font-size: 14px;
 color: #606060;
 line-height: 1.7;
}

.remarks-wrap {
 width: min(100%, 1055px);
 margin-inline: auto;
}

.remarks-wrap ul li {
 font-size: 17px;
 color: #606060;
 margin-bottom: 0.6em;
 margin-left: 1.5em;
 text-indent: -1.2em;
 line-height: 1.5;
}

@media (max-width:767px) {
 .pconly {
  display: none;
 }

 .sponly {
  display: block;
 }

 header {
  min-width: initial;
 }


 .vr-simulator-bt-wrap {
  width: 100%;
  height: auto;
  padding: 2em 0;

 }

 .vr-simulator-bt-wrap p.ttl {
  /* font-size: clamp(16px, 0.6185rem + 1.1952vw, 24px) !important; */
  font-size: 18px;
  font-weight: 600;
  position: relative;
  right: initial;
  top: initial;
  text-align: center;
  padding-inline: 16px;
 }

 .vr-simulator-bt-wrap ul {
  width: 100%;
  height: auto;
  position: relative;
  right: initial;
  bottom: initial;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-top: 2em;
  padding-inline: 15px;
 }

 .vr-simulator-bt-wrap ul li:first-child {
  margin-bottom: 0.5em;
 }

 .vr-simulator-bt-wrap ul li {
  width: 100%;
  height: auto;
 }

 .vr-simulator-bt-wrap ul li a {
  font-size: 15px;
  padding: 1.5em 0;
 }

 .vr-simulator-bt-wrap ul li::after {
  content: '';
  width: 25px;
  height: 30px;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
 }

 .text-exp-wrap {
  max-width: 1020px;
  width: 100%;
  margin-inline: auto;
  padding: 20px 15px;
  background-color: #ede0df;
  margin-bottom: 55px;
 }

 .info-wrap {
  margin-bottom: 90px;
 }

 .info-wrap .info-inner {
  border-radius: 16px;
  padding: 20px 15px;
  position: relative;
  margin-bottom: 36px;
 }

 .info-wrap .info-inner p.info-ttl {
  font-size: 13px;
  padding: 0.2em 2em;
 }

 .info-wrap .info-inner dt {
  font-size: 16px;
 }

 .info-wrap .info-inner dd {
  font-size: 13px;
 }

 .point-inner .point-ttl img {
  width: 80% !important;
 }

 .point-inner p.point-catch {
  font-size: 16px;
  height: initial;
 }

 .point-wrap {
  width: 100%;
  max-width: initial;
  display: block;
 }

 .point-wrap .point-inner {
  width: 100%;
  display: block;
  margin-bottom: 40px;
 }

 .point-inner p.point-exp {
  font-size: 13px;
  line-height: 1.7;
  margin-bottom: 1em;
 }

 .point-wrap .point-inner img {
  width: 100%;
  max-width: initial;
 }

 .environment-wrap .environment-ttl {
  font-size: 18px;
  margin-bottom: 20px;
 }

 .environment-wrap .environment-inner {
  width: 100%;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
 }

 .environment-inner dl {
  padding: 10px 15px;
  margin-bottom: 15px;
  width: 100%;
  display: block;
 }

 .environment-inner dl:nth-of-type(1) {
  order: 1;
 }

 .environment-inner dl:nth-of-type(2) {
  order: 3
 }

 .environment-inner dl:nth-of-type(3) {
  order: 2;
 }

 .environment-inner dl:nth-of-type(4) {
  order: 4;
 }

 .remarks-wrap ul li {
  font-size: 13px;
  color: #606060;
  margin-bottom: 0.2em;
 }

}

@media (min-width: 768px) {



 footer {
  min-width: 1280px;
  margin: 0 auto;
 }
}


.hidden {
 opacity: 0;
 filter: blur();
 transition: all 2s;
}

@media (max-width:767px) {
 .hidden {
  transition: all 1s;
 }

}

.show {
 opacity: 1;
}

@media (min-width:767px) {
 .point-wrap .point-inner:nth-child(1).show {
  transition-delay: 200ms;
 }

 .point-wrap .point-inner:nth-child(2).show {
  transition-delay: 400ms;
 }

 .point-wrap .point-inner:nth-child(3).show {
  transition-delay: 600ms;
 }
}

@media(prefers-reduced-motion) {
 .hidden {
  transition: none;
 }

}</pre></body></html>