@charset "utf-8";


.vr-model{
	padding: 60px 0;
	background: url(../images/bg01.png) no-repeat center;
	background-size: cover;
  border-bottom: 5px solid #C0AD49;

  @media screen and (min-width: 768px) {
    padding: 60px 0;
    border-bottom: 10px solid #C0AD49;
  }

  &.is_upper_line {
    border-top: 5px solid #C0AD49;
    @media screen and (min-width: 768px) {
        border-top: 10px solid #c0ad49;
    }
  }
}
.vr-model_linkbox>p{
	font-size: 20px;
	line-height: 1.5;
	text-align: center;
  color: #000;
}
.vr-model_link{
	text-align: center;
	margin-top: 35px;
}
.vr-model_link a{
	display: inline-block;
	width: 90%;
	background-color: #9A8549;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	padding: 20px 0;
	position: relative;

  @media screen and (min-width: 768px) {
    width: 500px;
  }
}
.vr-model_link a::before{
	content: '';
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	right: 25px;
	top: 50%;
	transform: rotate(45deg) skew(-10deg,-10deg) translateY(-50%);
}


.mt_50 {
  margin-top: 40px;
  @media screen and (min-width: 768px) {
    margin-top: 50px;
  }
}
.jc-c {
  justify-content: center;
}
.d-flex {
  display: flex;
}

.ft_tips p, .ft_tips_txt p {
  line-height: 1.5;
  @media screen and (min-width: 768px) {
    font-size: 10px;
  }
}
.tips {
  color: #000;
  position: relative;
  padding-left: 1.3em;

  @media screen and (max-width: 767px) {
    font-size: 12px;
    padding: 0;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-indent: -1em;
    padding-left: 1em;
  }
}