@charset "UTF-8";
.vr{
	max-width: 1000px; /* 最大幅 */
  margin: 0 auto; /* 上下 0、左右 自動 → 中央寄せ */
  padding: 0 20px; /* SPで左右の余白確保 */
  text-align: left;
}

html {
  scroll-behavior: smooth;
}

body{
	color: var(--color-dark-blue);
}

section{
	margin-bottom: 4rem;
}

h2{
	margin-bottom: 4rem;
	font-family: "Noto Sans JP", sans-serif;
	color: var(--color-dark-blue);
}

h3,
.button{
	margin-bottom: 2rem;
}

.button{
	font-weight: 600;
	margin-top: 1rem;
}

h3{
	margin-top: 8rem;
}

h4{
	font-weight: 700;
	margin-top: 4rem;
}

p{
	margin-bottom: 1rem;
}

img{
	display: block;
	max-width: 600px;
	margin-bottom: 2rem;
	width: 100%;
}

h4 span{
	background: var(--color-dark-blue);
	padding: 0.2rem 0.5rem;
	color: #fff;
	border-radius: 10px;
	margin-right: 1rem;
	font-weight: 600;
}

.font__weight-bold{
	font-weight: 800;
}

.white__box{
	/* border: 1px solid; */
	padding: 2rem 2rem 1rem 2rem;
	margin-bottom: 2rem;
	background: rgb(255, 255, 255, 0.4);
	border-radius: 10px;
}

.device__requirements,
ul{
	margin-bottom: 1rem;
}

.text__caution{
	font-size: 80%;
}

ul {
  list-style: disc;
  padding-left: 1.5em;
  line-height: 1.8;
}

.operation__title{
	margin-bottom: 0.5rem;
	margin-top: 3rem;
	margin-left: -0.5rem;
}

.customer__support a{
	color: blue;
	text-decoration: underline;
}

.divider {
  width: 100%;
  border-top: 2px dotted var(--color-gray);
  margin: 4rem 0;
}


/*　ページ内リンク　*/
.vr__link-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

.vr__link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: var(--color-dark-blue);
  color: #fff;
  text-align: center;
  text-decoration: none;
  margin-top: 4rem;
  font-size: 13px;
  border-radius: 10px;
}

@media screen and (max-width: 767px) {
  .vr__link-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .vr__link {
	margin-top: 0;
  }
  .vr__link:nth-child(-n + 2) {
    margin-top: 2rem;
  }

  .sp-only {
    display: block !important;
  }
}


.sp-only {
  display: none;
}

.btnList{
display: flex;
gap: 16px;
}

.app-img{
	max-width: 250px;
}