<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

#base {
	background: #fff;
}
.pan h1 {
	line-height: 1.8em;
}
/* -----------------------------------------------

 * SP版　調整

----------------------------------------------- */
@media only screen and ( max-width : 640px ) {
	#contents {
		background: #fff;
		width: 100%;
		margin: 0;
		text-align: center;
		padding-bottom: 60px;
		/* padding: 10px 0 60px; */
		min-height: 600px;
	}

	#mainContainer {
		margin: 0;
	}
	/* panorama */
	.panorama h2 {
		color: #434343;
		font-weight: bold;
		font-size: 18px;
	}
	.panorama h3 {
		margin: 30px 0 10px 0;
		padding-left: 5%;
		font-weight: bold;
		font-size: 16px;
		color: #ff0089;
		border-left: 10px solid #666;
	}
	/* パノラマ横幅固定リセット */
	.panorama iframe {
		width: 100% !important;
	}
	.panorama .info {
		margin-top: 10px;
	}
	.panorama li {
		margin-bottom: 5px;
		background: url(../../panorama/img/check.jpg) no-repeat left top 5px;
		padding-left: 25px;
		font-weight: bold;
		letter-spacing: 0 !important;
	}
	.panorama .caption {
		margin-bottom: 20px;
	}
	.panorama .photo {
		width: 26%;
		margin: 0 2% 3% 0;
		padding: 2%;
		float: left !important;
		border: #ddd solid 1px;
	}
	.panorama .photo p {
		font-size: 90%;
	}
	.panorama .last {
		margin-right: 0 !important;
	}
	.panorama .photo img {
		width: 100%;
	}
	.panorama .toform {
		width: 100%;
	}
	.panorama .toform img {
		width: 100%;
	}
}






/* -----------------------------------------------

 * 狭いPC ・ タブレット版　調整

----------------------------------------------- */

/* ------------------------------------
 * フォントサイズ memo
 * ------------------------------------
 * 10px -&gt; font-size: 77%;
 * 11px -&gt; font-size: 85%;
 * 12px -&gt; font-size: 93%;
 * 13px -&gt; font-size: 100%;
 * 14px -&gt; font-size: 108%;
 * 15px -&gt; font-size: 116%;
 * 16px -&gt; font-size: 123.1%;
 * 17px -&gt; font-size: 131%;
 * 18px -&gt; font-size: 138.5%;
 * 19px -&gt; font-size: 146.5%;
 * 20px -&gt; font-size: 153.9%;
 * 21px -&gt; font-size: 161.6%;
 * 22px -&gt; font-size: 167%;
 * 23px -&gt; font-size: 174%;
 * 24px -&gt; font-size: 182%;
 * 25px -&gt; font-size: 189%;
 * 26px -&gt; font-size: 197%;
------------------------------------ */
@media (max-width: 1020px) and (min-width: 641px) {
	#contents {
		width: 100%;
		background-color: #fff;
		text-align: center;
	}
	/*パノラマVR*/
	.panorama .mb20 {
		margin: 0 !important;
	}
	.panorama h2 {
		color: #434343;
		font-weight: bold;
		font-size: 200%;
	}
	.panorama h3 {
		margin: 3% 0 1% 0;
		padding-left: 3%;
		color: #ff0089;
		font-weight: bold;
		font-size: 120%;
		border-left: 10px solid #666;
	}
	/* パノラマ横幅固定リセット */
	.panorama iframe {
		width: 100% !important;
	}   
	.panorama .info {
		margin-top: 2%;
	}
	.panorama li {
		margin-bottom: 1%;
		background: url(../../panorama/img/check.jpg) no-repeat left top 5px;
		padding-left: 2%;
		font-weight: bold;
		letter-spacing: 0 !important;
	}
	.panorama .caption {
		margin-bottom: 2%;
	}
	.panorama .photo {
		width: 27%;
		border: 1px solid #ccc;
		padding: 2%;
		margin: 2% 2% 2% 0;
	}
	.panorama .photo:last-child {
		margin-right: 0 !important;
	}
	.panorama .photo img {
		width: 100%;
	}
	.panorama .toform {
		width: 100%;
		margin: 5% 0;
	}
	.panorama .toform img {
		width: 100%;
	}
}








/* -----------------------------------------------

 * PC版　調整

----------------------------------------------- */
@media (min-width: 1021px) {
	#contents {
		background: #fff;
		width: 960px;
		margin: 0 auto;
		text-align: center;
		/* padding-top: 100px; */
		min-height: 600px;
	}

	#mainContainer {
		margin: 30px 0;
	}
	/*パノラマVR*/
	.panorama h2 {
		font-weight: bold;
		color: #434343;
		font-size: 26px;
	}
	.panorama h3 {
		margin: 40px 0 15px 0;
		padding-left: 10px;
		font-size: 16px;
		font-weight: bold;
		border-left: 10px solid #666;
		line-height: 1em;
		color: #FF0089;
	}
	.panorama .info {
		border: 1px solid #ccc;
		text-align: center;
		margin: 15px 0 0 0;
		padding: 10px 15px;
		font-size: 12px;
	}
	.panorama ul {
		margin: 15px 0;
	}
	.panorama li {
		margin-bottom: 10px;
		background: url(../../panorama/img/check.jpg) no-repeat left center;
		padding-left: 25px;
		font-weight: bold;
		letter-spacing: 0 !important;
	}
	.panorama .photo {
		border: 1px solid #ccc;
		padding: 7px;
		margin: 15px 16px 15px 0;
	}
	.panorama .last {
		margin-right: 0 !important;
	}
	.panorama .photo p {
		margin: 5px 0 0 0;
		text-align: center;
	}
	.panorama .toform {
		margin-top: 50px;
	}
}
</pre></body></html>