@charset "UTF-8";

a{
	color: black;
}

div#content{
	margin: 0px;
}

p{
	margin: 0;
}

div#mainimage{
	text-align: center;
}

div#mainimage img{
	width: 90%;
	max-width: 100%;
	}

.box li{
	list-style: none;
}

ul.box{
	width: 100%;
}

ul.box table{
	width: 90%;
}

ul.box table th{
	background-color: #EDE9D0;
	padding: 0.5em;
	text-align: center;
	border-bottom: solid 1px;
}

ul.box table td{
	padding: 0.5em;
	border-bottom: solid 1px;
}

@media only screen and (min-width: 768px){
	ul.box li{
		width: 50%;
		float: left;
	}
}

.slider{
	height: 220px;
}
.slide img {
	height: 210px;
}

@media only screen and (min-width: 768px){
.slider{
	height: 340px;
}
	.slide img{
		height: 320px;
	}
}


/*2タイプ*/
.tab-wrap {
    display: flex;
    flex-wrap: wrap;
}
.tab-label {
    color: #ffffff;
    background: LightGray;
    margin-right: 20px;
    padding: 3px 12px;
    order: -1;
}
.tab-content {
    width: 100%;
    display: none;
	margin-top: 1em;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
    background: #cc0000;
}
.tab-switch:checked+.tab-label+.tab-content {
     display: block;
}
/* ラジオボタン非表示 */
.tab-switch {
    display: none;
}

/*2タイプ　end*/


/*入居について*/
#terms{
	background-color: #FFF7F3;
	padding: 0.5em;
}

@media only screen and (min-width: 768px){
	#terms{
		padding: 1em;
}
}

#terms ol {
	padding-left: 1.5em;
}

#terms table{
	text-align: left;
	width: 90%;
	margin: 0 auto;
}

#terms h4 {
	width: 90%;
	margin: 0 auto;
}

/*入居について　end*/

/*お問い合わせ*/
.matsue{
	font-weight:bold;
}

/*お問い合わせ　end*/