@charset "utf-8";
/* ===================================================================

 file name  :remote.css
 style info :リモート面会のお知らせ

=================================================================== */

/* =============================

	overwrite

=============================== */

#main .main-inner img{
	width:100%;
	height:auto;
}

/* =================================== */


#main .message h3 {
	border-top: 1px solid #a0e0d3;
	padding-top: 1.5em;
	margin-bottom: 1em;
	font-size: 150%;
	letter-spacing: 0.1em;
	text-align: center;
}
#main .message .leadtxt{
	line-height:2.5em;
	margin-bottom:2.5em;
}
#main .message .detail {
	padding: 25px 15px;
	border: 7px double #ddd;
	overflow: hidden;
	margin-bottom: 2em;
}
#main .message .detail dl {
	position: relative;
	margin-bottom: 2em;
}
#main .message .detail dl dt {
	width: 9.5em;
	position: absolute;
	left: 0;
}
#main .message .detail dl dt::after{
	content:'：';
	position: absolute;
	right: 0;
}
#main .message .detail dl dd {
	padding: 0 0 1em 10em;
}
#main .message .detail .attention{
	border-top: 1px solid #ddd;
	padding-top: 2em;
}
#main .message .detail .attention div {
	overflow: hidden;
}



/* commonSection */
#main .cmn-sec-inner{
	margin-top: 2em;
	padding: 22px;
	background: #eefcf8;
	border: 1px solid #8fdccc;;
	display: flex;
	justify-content: start;
	align-items: center;
}
#main .cmn-sec-inner > p {
  width: 330px;
	line-height:1.8;
}
#main .cmn-sec-inner .inq {
  width: 308px;
}
#main .cmn-sec-inner .inq p{
	border: 1px solid #a0e0d3;
	padding: 12px 18px;
}
/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){


#main .message h3 {
	border-top: 1px solid #a0e0d3;
	padding-top: 1.5em;
	margin-bottom: 1em;
	font-size: 150%;
	letter-spacing: 0.1em;
	text-align: center;
}
	#main .message .leadtxt{
		line-height:1.5em;
		margin-bottom:1em;
		text-indent:0;
	}
	#main .message .detail {
		padding: 15px 10px;
	}
	#main .message .detail dl dt {
		width: 100%;
		position: static;
		margin-bottom: 0.2em;
		font-weight: bold;
	}
	#main .message .detail dl dt::after{
		content:'：';
		position: static;
		display: inline;
	}
	#main .message .detail dl dd {
		padding: 0 0 1em 0;
	}




	/* commonSection */
	#main .cmn-sec-inner{
		padding: 10px;
		display: block;
	}
	#main .cmn-sec-inner > p {
		width: 100%;
		font-size:100%;
		line-height:1.5;
		margin-bottom:0.8em;
	}
	#main .cmn-sec-inner .inq {
		width: 100%;
	}
	#main .cmn-sec-inner .inq p{
		padding: 10px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#main .cmn-sec-inner .inq p > span{
		float: none;
		margin: 0;
	}



}