/*******************************************
*
* css for オーナー様へ
*
********************************************/
@charset "UTF-8";




/* ==========================================================
*
* オーナー様へ TOP
*
========================================================== */
#topImage {
	background-image: url("../images/ttlbg/owner.png")
}

#overview{
	display:block;
	overflow:hidden;
	text-align:center;
	font-size:1.4rem;
	line-height:175%;
	margin:50px 0 50px;
}

#overview > h3{
	display:block;
	overflow:hidden;
	font-size:3.6rem;
	font-weight:bold;
	color:#e9636c;
	line-height:155%;
	text-align:center;
	margin-bottom:40px;
}

#overview > h3 > span{
	display:block;
	overflow:hidden;
	font-size:1.8rem;
	line-height:125%;
	font-weight:normal;
	color:#000000;
}


.contactFld{
	display:block;
	overflow:hidden;
	clear:both;
	margin-top:20px;
	text-align:center;
}

.contactFld > a.linkedBtn{
	width:320px;
}

/* for TB --------------------------*/
@media screen and ( max-width:896px) {

}

/* for SP --------------------------*/
@media screen and ( max-width:750px) {

	#overview{
		margin:1em 0 50px;
		text-align:left;
	}

	#overview > h3{
		font-size:2.1rem;
		margin-bottom:20px;
	}

	#overview > h3 > span{
		font-size:1.4rem;
	}


	.contactFld{
		margin:40px 0 40px;
	}

	.contactFld > a.linkedBtn{
		width:100%;
	}

}



#overview table{
	width:100%;
	border-collapse:collapse;
	border:1px solid #d3d3d4;
	margin:20px 0;
}

#overview table th,
#overview table td{
	padding:0.5em 0.5em;
	font-size: 1.6rem;
	line-height:125%;
	border-collapse:collapse;
	border:1px solid #d3d3d4;
}

#overview table th{
	font-weight:bold;
	text-align:center;
	font-size:1.8rem;
}

#overview table thead tr > th{
	background-color:#ededee;
}



#overview table tbody tr > th{
	width: 6em;
	background-color:#fef2f6;
}

#overview table tbody tr:first-child > td{
	font-size:1.8rem;
	font-weight:bold;
	color:#e9636c;
}



/* for TB --------------------------*/
@media screen and ( max-width:896px) {

}


/* for SP --------------------------*/
@media screen and ( max-width:750px) {
	#overview{
		margin:1em 0 0;
		text-align:left;
	}

	#overview h3{
		display:block;
		overflow:hidden;
		font-size: 1.6rem;
		font-weight:bold;
		text-align:center;
		line-height:125%;
		padding-top:1em;
	}

	#overview table{
		border-bottom:none;
		margin:1em 0 1em;
	}

	#overview table td{
		font-size: 1.4rem;
	}

	#overview table tbody tr > th{
		width:auto;
		background-color:#ededee;
		font-size: 1.6rem;
	}

	#overview table tbody tr:nth-child(2) > td,
	#overview table tbody tr:nth-child(6) > td,
	#overview table tbody tr:nth-child(10) > td{
		font-size: 1.6rem;
		font-weight:bold;
		color:#e9636c;
	}
}



#svimage{
	display: block;
    overflow: hidden;
    background-color: #ededee;
    margin-bottom: 40px;
    padding: 50px 0 50px;
}


#svTopImg{
	display:block;
	overflow:hidden;
	text-align:center;
	margin-bottom:40px;
}

#svimage .dataTile{
	display:block;
	overflow:hidden;
	max-width:840px;
	padding:20px 30px;
	background-color:#ffffff;
	margin:10px auto;
}

.dataTile > .topIcn{
	float:left;
	display:inline-block;
	overflow:hidden;
	width:125px;
	padding:0.25em 0;
	text-align:center;
	font-size: 2.0rem;
	font-weight:bold;
	line-height:125%;
	color:#e41845;
	border:1px solid #e41845;
	margin-right:30px;
}

.dataTile  > .dateBody{
	display:block;
	overflow:hidden;
	position: relative;
}

.dataTile  > .dateBody > h4 {
    display: block;
    overflow: hidden;
    font-size: 2.4rem;
    line-height:155%;
    font-weight:bold;
	color:#e41845;
}

.dataTile  > .dateBody > h4 > sup{
	font-size:1.4rem;
	color:#000000;
}

.dataTile  > .dateBody > p{
	margin:1em 0;
	font-size:1.4rem;
	line-height:155%;
}

.dataTile:nth-child(5)  > .dateBody > p{
	width:calc(100% - 200px);
}

img.cloudcam{
	width: 188px;
	height:auto;
	position:absolute;
	top:0;
	right:0;
}


/* for TB --------------------------*/
@media screen and ( max-width:896px) {

}


/* for SP --------------------------*/
@media screen and ( max-width:750px) {
	#svTopImg > img{
		width:100%;
		height:auto;
		max-width:630px;
	}

	#svimage{
		padding:40px 0 0;
	}

	#svimage .dataTile{
		padding:25px;
		width:calc(100% - 40px);
		margin:20px auto;
		text-align:center;
	}

	.dataTile > .topIcn{
		float:none;
		width:auto;
		padding:0.25em 2em;
		font-size: 1.6rem;
		margin-right:0;
		margin-bottom: 1em;
	}

	.dataTile  > .dateBody > h4 {
		text-align:left;
		font-size: 1.8rem;
	}

	.dataTile > .topIcn > img{
		width:22vw;
		height:auto;
		max-width:158px;
	}

	.dataTile  > .dateBody > p{
		text-align:left;
	}

	.dataTile  > .dateBody > p img,
	img.cloudcam{
		width: 100%;
		height:auto;
		margin:0 auto;
		max-width: 521px;
	}

	img.cloudcam{
		max-width: 446px;
		position:relative;
		top:auto;
		right:auto;
	}

	.dataTile:nth-child(5) > .dateBody > p {
	    width: 100%;
	}

}




h2.pgTtl{
	display:block;
	overflow:hidden;
	text-align:center;
	color:#000000;
	margin-bottom:50px;
}

h2.pgTtl > .jpTtl{
	display:inline-block;
	overflow:hidden;
	font-size: 2.8rem;
	font-weight:bold;
	line-height:125%;
	position:relative;
	z-index:5;
	padding:0 40px;
}

h2.pgTtl > .jpTtl:before {
    content: "";
    display: block;
    border-top: solid 1px #000000;
    width: 25px;
    height: 1px;
    position: absolute;
    top: 50%;
    left:0;
    z-index:1;
}

h2.pgTtl > .jpTtl:after {
    content: "";
    display: block;
    border-top: solid 1px #000000;
    width: 25px;
    height: 1px;
    position: absolute;
    top: 50%;
    right:0;
    z-index:1;
}



/* for SP --------------------------*/
@media screen and ( max-width:896px) {

}


/* for SP --------------------------*/
@media screen and ( max-width:750px) {
	h2.pgTtl{
		margin-bottom:30px;
	}

	h2.pgTtl > .jpTtl{
		font-size:1.8rem;
	}

}




.pointTxt{
	display:block;
	overflow:hidden;
	border:1px solid #e41845;
	margin-bottom:20px;
	padding:30px;
	text-align:center;
	font-size:1.4rem;
	line-height: 155%;
}

.pointTxt > h3{
	display:block;
	overflow:hidden;
	font-size:2.4rem;
	line-height:125%;
	font-weight:bold;
	color:#e41845;;
	margin-bottom:20px;
}

.pointTxt > h3 > sup{
	font-size:1.2rem;
}

.pointTxt p{
	display:block;
	overflow:hidden;
}

.pointTxt p+p.cautionTxt{
	margin-top:1em;
}



/* for SP --------------------------*/
@media screen and ( max-width:896px) {

}


/* for SP --------------------------*/
@media screen and ( max-width:750px) {
	.pointTxt{
		margin-bottom:20px;
		padding:20px;
	}

	.pointTxt > h3{
		font-size:1.8rem;
		margin-bottom:20px;
	}

	.pointTxt > p{
		text-align:left;
	}


}




/*TOP LINK*/
#topLink{
	display:block;
	overflow:hidden;
	padding:20px 0 20px;
}

/*
#topLink ul{
	display:block;
	overflow:hidden;
}

#topLink ul > li{
	display:block;
	overflow:hidden;
	width:33.3%;
	min-width:320px;
	height:90px;
	float:left;
}

#topLink ul > li > a{
	display:block;
	overflow:hidden;
	text-align:center;
	height:90px;
}


#topLink ul > li > a.current,
#topLink ul > li > a:hover{
	text-decoration:none;
}

#topLink ul > li > a.current{
	pointer-events:none;
}

#topLink .contactFld{
	padding:20px 0 0;
}
*/

.contactFld a.linkedBtn{
	width:380px;
}

/* for TB --------------------------*/
@media screen and ( max-width:896px) {

	#topLink ul > li{
		min-width:auto;
		padding:0 5px;
	}

	#topLink ul > li > a > img{
		width: 100%;
		height:auto;
		max-width:320px;
	}
}


/* for SP --------------------------*/
@media screen and ( max-width:750px) {
	#topLink{
		margin-top:1em;
		padding-bottom:0;
	}

	#topLink ul > li{
		width:100%;
		height:auto;
		float:none;
		padding:0;
	}

	#topLink ul > li > a{
		height:auto;
	}


	#topLink .contactFld{
		padding:0 0 0;
		margin-bottom:0;
	}

}