@charset "utf-8";
	
	body #mainContent .clmTitleBox {
		margin-bottom: 50px;
	}
	
	/* section.num01 */
	.section.num01 {
		margin-bottom: 60px;
	}
	.section.num01 .clmArea {
		margin-left: 30px;
		margin-right: 30px;
		margin-bottom: 50px;
	}
	.section.num01 .clmArea dt {
		float: left;
		width: 226px;
	}
	.section.num01 .clmArea dd {
		float: right;
		width: 540px;
		height: 226px;
		display: table;
	}
	.section.num01 .clmArea dd p {
		display: table-cell;
		vertical-align: middle;
	}
	.section.num01 .photoList {
		margin-left: -1%;
		margin-right: -1%;
	}
	.section.num01 .photoList ul li {
		float: left;
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 17px;
	}
	
	/* @media 865 START */
@media only screen and (max-width:865px) {	
	/* section.num01 */
	.section.num01 .clmArea {
		margin-left: 0;
		margin-right: 0;
	}
	.section.num01 .clmArea dt {
		width: 35%;
	}
	.section.num01 .clmArea dd {
		width: 60%;
		min-height: 100px;
	}
	.section.num01 .clmArea dd br {
		display: none;
	}
}
	/* @media 865 END */

	/* @media 599 START */
@media only screen and (max-width:599px) {	
	/* section.num01 */
	.section.num01 .clmArea dt {
		width: 100%;
		float: none;
		margin-bottom: 10px;
		text-align: center;
	}
	.section.num01 .clmArea dd {
		width: 100%;
		float: none;
		min-height: auto;
	}
	.section.num01 .photoList {
		margin-left: 0;
		margin-right: 0;
	}
	.section.num01 .photoList ul li {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
	}
}
	/* @media 599 END */

	.Tblbox {
		overflow: hidden;
		position: relative;
		width: 100%;
	    box-sizing: border-box;
	    text-align: center;
	}
	.Tblbox .areaL {
		display: inline-block;
		background-color: #fff;
		vertical-align: top;
		z-index: 10;
	}
	.Tblbox .areaR {
		display: inline-block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
	.Tblbox .areaR {
		width: 80%;
		position: relative;
	}
@media only screen and (max-width: 599px) {
	.Tblbox .areaR {
		width: 64%;
	}
}
	.Tblbox .areaR img {
		max-width: inherit;
	}

	/* pano */
	#PANO,
	#PANOWRAP,
	#PANO-02,
	#PANOWRAP-02 {
		width: /*725px*/100%;
		-webkit-user-select:none;
		-webkit-touch-callout:none;
		overflow: hidden;
		height: 682px;
		margin-left: auto;
		margin-right: auto;
	}
	#PANOWRAP,
	#PANOWRAP-02 {
		position: relative;
	}
	#PANOWRAP img,
	#PANOWRAP-02 img,
	.areaL img {
		max-width: inherit;
		max-width: none;
	}
	#PANOBODY,
	#PANOBODY-F,
	#PANOBODY-02,
	#PANOBODY-F-02 {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background-position: 0px 0px;
		width: auto;
		height: auto;
	}
	#PANO-LOAD,
	#PANO-LOAD-02 {
		position: absolute;
		width: 100%;
		height: 682px;
		top: 0;
		left: 0;
		background-color: #FFF;
		background-image: url(../imgs/sugoshikata/712.GIF);
		background-repeat: no-repeat;
		background-position: center;
		z-index: 20000;
	}
	#PANOBTN,
	#PANOBTN-02 {
		text-align: center;
		padding: 10px 0;
		background-color: #D6D6D6;
		margin: 5px 0;
		width: 100%;
	}
	#PANOBTN img,
	#PANOBTN-02 img {
		margin: 0 5px;
	}
	#PANO img.arr,
	#PANO-02 img.arr {
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -12px;
		-webkit-user-select: none;
		cursor: pointer;
	}

	#PANO img.arr.left,
	#PANO-02 img.arr.left {
		left: 14px;
		animation: scrollL 1.5s infinite;
	}
	#PANO img.arr.right,
	#PANO-02 img.arr.right {
		right: 14px;
		animation: scrollR 1.5s infinite;
	}
	@keyframes scrollR {
		0% { transform: translateX(0); }
		50% { transform: translateX(5px); }
		100% { transform: translateX(0); }
	}
	@keyframes scrollL {
		0% { transform: translateX(0); }
		50% { transform: translateX(-5px); }
		100% { transform: translateX(0); }
	}
	@media only screen and (max-width:865px) {
		/* pano */
		#PANO,
		#PANOWRAP,
		#PANO-02,
		#PANOWRAP-02 {
			position: relative;
			width: 100%;
			height: auto;
		}
		#PANOBODY,
		#PANOBODY-F,
		#PANOBODY-02,
		#PANOBODY-F-02 {
			height: 100%;
			background-size: auto 200%;
		}
		#PANO-LOAD,
		#PANO-LOAD-02 {
			height: 100%;
		}
		#PANO img.arr,
		#PANO-02 img.arr {
			-webkit-touch-callout:none;
		}
	}

/* 2017/10/11 */

.text01 {
	width: 570px;
	float: left;
}
.text01 + .image {
	width: 270px;
	float: right;
}
.section.num02 {
	margin-bottom: 60px;
}
.Tblbox .areaL {
	width: 282px;
}
.Tblbox .areaR {
	width: 583px;
}
#PANO, #PANOWRAP, #PANO-02, #PANOWRAP-02 {
	height: 446px;
}
body #mainContent .section.num03 .sTitle {
	display: block;
}
@media only screen and (max-width:865px) {	
	.text01 {
		width: 65.896%;
	}
	.text01 + .image {
		width: 31.214%;
	}
	.Tblbox .areaL {
		width: 33.757%;
	}
	.Tblbox .areaR {
		width: 66.243%;
	}
}
@media only screen and (max-width:599px) {	
	.text01 {
		width: auto;
		float: none;
	}
	.text01 + .image {
		margin: 20px 0 0;
		width: auto;
		float: none;
		text-align: center;
	}
	.Tblbox .areaL {
		width: 262px;
	}
	.Tblbox .areaR {
		width: calc(100% - 262px);
	}
}