/* viewing.css
========================================*/
@media print, screen and (min-width: 768px) {
	#main .p-header {
		background:url(../img/viewing/bg_header_pc.jpg) no-repeat center top;
		margin-bottom:-240px;
		padding-bottom:180px;
		position:relative;
		height:550px;
		z-index:1;
	}
}
@media screen and (max-width: 767px) {
	#main .p-header {
		background:url(../img/viewing/bg_header_sp.jpg) no-repeat center top/cover;
		margin-bottom:-53.3333333333vw;
		padding-bottom:32vw;
	}
}
#main #container {
	position:relative;
	z-index:2;
}
#main #container .head-wrap {
	background-color:#fff;
	text-align:center;
}
#main #container .head-wrap>p:first-of-type {
	margin-bottom:1.5em;
}
@media print, screen and (min-width: 768px) {
	#main #container .head-wrap {
		box-shadow:6px 6px 18px rgba(0, 0, 0, .15);
		font-size:1.2857142857rem;
		margin-top:-20px;
		margin-left:-50px;
		margin-bottom:100px;
		padding:40px;
		width:1300px;
	}
}
@media screen and (max-width: 767px) {
	#main #container .head-wrap {
		box-shadow:1.0666666667vw 1.0666666667vw 4.8vw rgba(0, 0, 0, .15);
		font-size:4vw;
		margin-bottom:21.3333333333vw;
		padding:8vw 5.3333333333vw;
	}
}
#main #container .head-wrap .-voice {
	font-weight:500;
	margin-bottom:1.5em;
}
@media print, screen and (min-width: 768px) {
	#main #container .head-wrap .-voice {
		font-size:1.4285714286rem;
	}
}
@media screen and (max-width: 767px) {
	#main #container .head-wrap .-voice {
		font-size:4.8vw;
	}
}
@media print, screen and (min-width: 768px) {
	#main #container .main-sec {
		margin-bottom:120px;
	}
}
@media screen and (max-width: 767px) {
	#main #container .main-sec {
		margin-bottom:21.3333333333vw;
	}
}
#main #container .main-sec .-title {
	text-align:center;
}
#main #container .main-sec .-title ._eng {
	font-family:"Montserrat", sans-serif;
	letter-spacing:.15em;
}
#main #container .main-sec .-title h2 {
	letter-spacing:.05em;
	line-height:1.2em;
}
@media print, screen and (min-width: 768px) {
	#main #container .main-sec .-title {
		margin-bottom:60px;
	}
	#main #container .main-sec .-title h2 {
		font-size:2.5714285714rem;
	}
}
@media screen and (max-width: 767px) {
	#main #container .main-sec .-title {
		margin-bottom:10.6666666667vw;
	}
	#main #container .main-sec .-title h2 {
		font-size:8vw;
	}
}
@media print, screen and (min-width: 768px) {
	#main #container .main-sec .-iframe, #main #container .main-sec .-staging {
		margin-left:auto;
		margin-right:auto;
		width:1000px;
		margin-top:40px;
	}
}
@media screen and (max-width: 767px) {
	#main #container .main-sec .-iframe, #main #container .main-sec .-staging {
		margin-top:8vw;
	}
	#main #container .main-sec .-iframe iframe, #main #container .main-sec .-staging iframe {
		height:80vw;
	}
}
#main #container .main-sec .-listsec>h3 {
	font-weight:500;
	line-height:1.5em;
	text-align:center;
}
@media print, screen and (min-width: 768px) {
	#main #container .main-sec .-listsec {
		margin-top:80px;
		margin-bottom:60px;
	}
	#main #container .main-sec .-listsec>h3 {
		font-size:1.7142857143rem;
		margin-bottom:60px;
	}
}
@media screen and (max-width: 767px) {
	#main #container .main-sec .-listsec {
		margin-top:16vw;
		margin-bottom:10.6666666667vw;
	}
	#main #container .main-sec .-listsec>h3 {
		font-size:5.3333333333vw;
		margin-bottom:10.6666666667vw;
	}
}
#main #container .main-sec .-list>li>dl>dt {
	font-weight:500;
}
#main #container .main-sec .-list>li>dl>dd {
	color:#7a7f85;
}
@media print, screen and (min-width: 768px) {
	#main #container .main-sec .-list {
		display:flex;
		flex-wrap:wrap;
	}
	#main #container .main-sec .-list>li {
		margin-bottom:40px;
		margin-right:30px;
		width:380px;
	}
	#main #container .main-sec .-list>li:nth-of-type(3n) {
		margin-right:0;
	}
	#main #container .main-sec .-list>li iframe {
		margin-bottom:15px;
	}
	#main #container .main-sec .-list>li>dl>dt {
		font-size:1.4285714286rem;
		margin-bottom:10px;
	}
	#main #container .main-sec .-list>li>dl>dt>a:hover {
		opacity:.8;
	}
	#main #container .main-sec .-list._staging {
		justify-content:space-between;
	}
	#main #container .main-sec .-list._staging>li {
		width:540px;
	}
	#main #container .main-sec .-list._staging>li .js-twenty {
		margin-bottom:15px;
	}
}
@media screen and (max-width: 767px) {
	#main #container .main-sec .-list>li {
		margin-bottom:8vw;
	}
	#main #container .main-sec .-list>li iframe {
		margin-bottom:3.2vw;
		height:64vw;
	}
	#main #container .main-sec .-list>li>dl>dt {
		font-size:4.5333333333vw;
		margin-bottom:2.1333333333vw;
	}
	#main #container .main-sec .-list._staging>li .js-twenty {
		margin-bottom:3.2vw;
	}
}
#main #container .main-sec .btn-list>li {
	font-weight:500;
}
#main #container .main-sec .btn-list>li>a {
	display:block;
	text-align:center;
}
#main #container .main-sec .btn-list>li._tel {
	font-family:"Montserrat", sans-serif;
	letter-spacing:.15em;
}
#main #container .main-sec .btn-list>li._tel>a {
	border:1px solid #131826;
}
#main #container .main-sec .btn-list>li._form>a {
	background-color:#131826;
	color:#fff;
}
@media print, screen and (min-width: 768px) {
	#main #container .main-sec .btn-list {
		margin:40px auto 0;
		width:400px;
	}
	#main #container .main-sec .btn-list>li {
		font-size:1.4285714286rem;
		margin-bottom:15px;
	}
	#main #container .main-sec .btn-list>li>a {
		padding:10px 20px 10px 10px;
	}
	#main #container .main-sec .btn-list>li>a img {
		margin-right:25px;
	}
	#main #container .main-sec .btn-list>li>a:hover {
		opacity:.8;
	}
	#main #container .main-sec .btn-list>li._tel {
		font-size:1.7142857143rem;
	}
}
@media screen and (max-width: 767px) {
	#main #container .main-sec .btn-list {
		margin-top:8vw;
	}
	#main #container .main-sec .btn-list>li {
		font-size:4.8vw;
		margin-bottom:4vw;
	}
	#main #container .main-sec .btn-list>li>a {
		padding:2.6666666667vw 5.3333333333vw 2.6666666667vw 2.6666666667vw;
	}
	#main #container .main-sec .btn-list>li>a img {
		margin-right:6.6666666667vw;
		height:12.8vw;
	}
	#main #container .main-sec .btn-list>li._tel {
		font-size:5.8666666667vw;
	}
}