@charset "utf-8";


/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

a {
	text-decoration: none;
}
	a:hover {
		opacity: 0.6;
	}
.font_01 {
	text-align: center;
	color: #ff0000;
	font-weight: bold;
}
#menubar {
	background: linear-gradient(#41B0E6, #41B0E6);
}
	#menubar li {
		width: 32.5%;
	}

#pagetop a {
	background: #f7af0d;
}
	#pagetop a:hover {
		opacity: 0.6;
	}

#main h2 {
	border-top: 4px solid #41B0E6;
}

/* TOP */
#new dl {
	height: auto;
	max-height: 350px;
}

/* 新着情報(詳細) */
.topics_detail_area {
	width: 80%;
	margin: 0 auto;
	background-color: #fcf6e8;
	padding: 3% 4%;
}
	.topics_detail_title {
		font-size: large;
		font-weight: bold;
		color: #41B0E6;
		border-bottom: 1px dashed #41B0E6;
	}
	.topics_detail_date {
		text-align: right;
		margin: 1em auto;
	}
	.topics_detail_text {
		padding: 0 2em;
	}
.topics_history_back {
	margin-top: 2em;
	text-align: center;
}

/* submenu */
#sub .list figure img {
	width: 100%;
}
#sub h2 {
	padding: 0.5em 0;
	background: #41B0E6;
}

.company_introduction {
	text-align: center;
	height: 5em;
	background-color: #41B0E6;
	color: #ffffff;
	font-weight: bold;
	padding-top: 4em;
	font-size: 150%;
}
.guidance_d_download {
	width: 70%;
	margin: 1em auto;
}
.guidance_d_download .download_application {
	width: 100%;
}
	.guidance_d_download .download_application tr {
		border: 1px solid #000000;
	}
	.guidance_d_download .download_application td {
		width: 30%;
		text-align: center;
	}
		.guidance_d_download .download_application img {
			width: 50px;
		}
	
	.guidance_d_download .download_application .download_title {
		background-color: #d4e7f5;
		border-right: 1px solid #000000;
	}

/* ご利用案内 */
.guidance_title {
	color: #009965;
	font-weight: bold;
}

.guidance_d_title {
	width: 99.5%;
	text-align: center;
	padding: 0.5em 0;
	background-color: #fdefcf;
	border: 2px solid #F7AF0D;
	font-weight: bold;
}
	.guidance_d_area1 {
		width: 99.5%;
		padding: 0.5em 0;
	}
		.guidance_d_area1_MB2em {
			margin-bottom: 2em;
		}
		.guidance_d_image {
			width: 25%;
			display: inline-block;
			padding-left: 1em;
			vertical-align: top;
		}
			.guidance_d_image img {
				width: 100%;
			}
		.guidance_d_comment {
			width: 67%;
			display: inline-block;
			padding-left: 1em;
			vertical-align: top;
		}
			.guidance_d_comment ul {
				background-color: #cae9de;
				list-style-type: disc;
				text-indent: 2em;
				padding: 0.5em 0;
			}
			.guidance_d_comment .color {
				margin-top: 1em;
				color: #aa0000;
			}
			.fzSmall {
				font-size: small;
				padding-left: 3em;
			}

.guidance_initial_cost_area {
	background-color: #ccebe0;
	border: 2px dotted #009965;
	padding: 1em;
	margin-bottom: 3em;
}
	.guidance_initial_cost_title {
		width: 97%;
		font-size: larger;
		border-bottom: 1px dashed #009965;
		padding-left: 1em;
		color: #009965;
		font-weight: bold;
	}
	.guidance_initial_cost_comment {
		padding-left: 3em;
		margin-top: 1em;
	}
		.guidance_initial_cost_comment ul {
			list-style-type: disc;
		}
		.guidance_initial_cost_comment span {
			color: #aa0000;
		}

.guidance_zenho_area1 {
	width: 85%;
	margin: 0 auto;
	display: flex;
}
	.guidance_zenho_area_end {
		margin-bottom: 3em;
	}
	.guidance_zenho_text1 {
		width: 20%;
		border: 1px solid #009965;
		display: inline-block;
		text-align: center;
		padding: 0.5em 0;
		background-color: #ccebe0;
	}
		.guidance_zenho_text_width {
			width: 60%;
		}
	.guidance_zenho_text2 {
		width: 40%;
		border: 1px solid #009965;
		display: inline-block;
		text-align: center;
		padding: 0.5em 0;
	}
	.guidance_zenho_text3 {
		width: 40%;
		border: 1px solid #009965;
		display: inline-block;
		text-align: center;
		padding: 0.5em 0;
	}

.guidance_safe_area1 {
	width: 85%;
	margin: 0 auto;
	display: flex;
}
	.guidance_safe_area_end {
		margin-bottom: 3em;
	}
	.guidance_safe_text1 {
		width: 40%;
		border: 1px solid #009965;
		display: inline-block;
		text-align: center;
		padding: 0.5em 0;
		background-color: #ccebe0;
	}
	.guidance_safe_text2 {
		width: 60%;
		border: 1px solid #009965;
		display: inline-block;
		text-align: center;
		padding: 0.5em 0;
	}
		.guidance_safe_text2 table {
			text-align: center;
    		margin: 0 auto;
		}
			.guidance_safe_text2 table th {
				text-align: right;
			}
			.guidance_safe_text2 table td {
				text-align: left;
			}

.guidance_kinki_area1 {
	width: 85%;
	margin: 0 auto;
	display: flex;
}
	.guidance_kinki_area_end {
		margin-bottom: 3em;
	}
	.guidance_kinki_text1 {
		width: 40%;
		border: 1px solid #009965;
		display: inline-block;
		text-align: center;
		padding: 0.5em 0;
		background-color: #ccebe0;
	}
	.guidance_kinki_text2 {
		width: 60%;
		border: 1px solid #009965;
		display: inline-block;
		text-align: center;
		padding: 0.5em 0;
	}
		.guidance_kinki_text2 table {
			text-align: center;
			margin: 0 auto;
		}
			.guidance_kinki_text2 table th {
				text-align: right;
			}
			.guidance_kinki_text2 table td {
				text-align: left;
			}

/* 会社概要 */
.company_area {
	margin: 1em auto;
}
	.company_info_area {
		width: 90%;
		margin: 0 auto;
		display: flex;
	}
		.company_info_title {
			width: 30%;
			display: inline-block;
			text-align: center;
			color: #ffffff;
			padding: 0.5em 0 0.5em 1em;
			vertical-align: top;
			background: #41B0E6; /* Old browsers */
			border-bottom: 1px solid #487113;
		}
		.company_info_text {
			width: 65%;
			display: inline-block;
			border: 1px solid #41B0E6;
			padding: 0.5em 0 0.5em 1em;
			vertical-align: top;
		}
	.company_map_area {
		width: 100%;
		margin: 0 auto;
	}

/* 空室情報ログイン */
.login_area {
	width: 100%;
	margin: 0 auto;
}
.rooms_info_area {
	width: 90%;
	margin: 0 auto;
	display: flex;
}
	.rooms_info_title {
		width: 30%;
		display: inline-block;
		text-align: center;
		color: #ffffff;
		padding: 0.5em 0;
		vertical-align: top;
		background: #41B0E6; /* Old browsers */
		border-bottom: 1px solid #487113;
	}
	.rooms_info_text {
		width: 65%;
		display: inline-block;
		border: 1px solid #41B0E6;
		padding: 0.5em 0 0.5em 1em;
		vertical-align: top;
	}

#toLogin {
	text-align: center;
	margin-top: 1em;
}

/* フッター */
footer {
	background: #41B0E6;
}
.footer_logo {
	width: 20%;
	margin: 0 auto;
	text-align: center;
	padding-top: 2%;
}
	.footer_logo img {
		width: 100%;
	}
#footermenu {
	width: 50%;
	margin: 0 auto;
}
	#footermenu ul {
		width: 31%;
		text-align: center;
	}
.footer_login_area {
	width: 40%;
	margin: 0 auto;
	text-align: center;
	border: 2px solid #ffffff;
	padding: 1em 0 0.5em 0;
}
	.footer_login_icon {
		width: 8%;
		margin: 0 auto;
		display: inline-block;
	}
		.footer_login_icon img {
			width: 100%;
		}
	.footer_login {
		width: 60%;
		margin: 0 auto;
		display: inline-block;
		text-align: center;
		font-size: x-large;
		font-weight: bold;
		vertical-align: top;
	}
.footer_tel {
	width: 41%;
	margin: 0.5em auto 0 auto;
	text-align: center;
	margin-bottom: 1.5%;
	background-color: #f7af0d;
	font-size: x-large;
	font-weight: bold;
	padding: 0.5em 0;
}
#copyright {
	padding: 0.5em 0;
}

/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){

}

/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){

	/* TOP */
	#new dl {
		height: 160px;
		max-height: unset;
	}

	/* ご利用案内 */
	.guidance_d_image {
		width: 100%;
		display: block;
		padding-left: 0;
	}
	.guidance_d_comment {
		width: 100%;
		display: block;
		padding-left: 0;
		margin-top: 1em;
	}
		.fzSmall {
			padding-left: 2em;
		}
	
	.guidance_zenho_area1 {
		width: 100%;
		display: block;
	}
		.guidance_zenho_text1 {
			width: 100%;
			display: block;
		}
		.guidance_zenho_text2 {
			width: 100%;
		}
		.guidance_zenho_text3 {
			width: 100%;
		}

	.guidance_safe_area1 {
		width: 100%;
		display: block;
	}
		.guidance_safe_text1 {
			width: 100%;
			display: block;
		}
		.guidance_safe_text2 {
			width: 100%;
		}

	.guidance_kinki_area1 {
		width: 100%;
		display: block;
	}
		.guidance_kinki_text1 {
			width: 100%;
			display: block;
		}
		.guidance_kinki_text2 {
			width: 100%;
		}

	/* 会社概要 */
	.company_info_area {
		width: 100%;
		display: block;
	}
		.company_info_title {
			width: 100%;
			display: block;
			font-weight: bold;
			padding: 0.5em 0;
		}
		.company_info_text {
			width: 100%;
			display: block;
			padding: 0.5em 0;
			text-align: center;
		}

	/* フッター */
	.footer_logo {
		width: 60%;
	}
	.footer_login_area {
		width: 80%;
		margin: 2em auto;
	}
		.footer_login {
			width: 80%;
			font-size: initial;
		}
		.footer_tel {
			width: 80%;
			font-size: initial;
			margin-bottom: 1em;
		}
}

/*画面幅700px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:700px){

}

/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

}