@charset "UTF-8";


/*----- ページネーション -----*/
.pagination {
        display: inline-block;
        width: 100%;
        text-align: center;
}

/*----- 罫線 -----*/
hr.facility {
        border: 0;
        border-bottom: 1px dashed #00BAE5;
}

hr.residents {
        border: 0;
        border-bottom: 1px dashed #FE9568;
        margin-bottom: -12px;
}

/*----- 回り込み -----*/
.residents_inner {
        padding: 0 0px 0px;
}

.residents_inner p {
        margin: 0;
}

.residents_inner ul {
        padding: 0;
        margin: -28px 0 0;
        list-style: none;
}

.residents_inner li {
        margin: 0 0 -18px;
        min-height: 33px;
}

/*-----リスト -----*/
ul.residents_list {
        padding: 0.5em;
        list-style-type: none;
}
ul.residents_list li {
    position: relative;
    margin-bottom: -16px;
    padding:    0em 0.3em 0.3em 1.3em;
}
ul.residents_list li:after,ul.residents_list li:before {
    position: absolute;
    content: '';
    display: block;
    background: #FFC107;
    top: 0.43em;
    left: 0.5em;
    height: 11px;
    width: 4px;
    border-radius: 10px;
    transform: rotate(45deg);
}
ul.residents_list li:before {
    top: 0.6em;
    left: 0.2em;
    height: 8px;
    transform: rotate(-45deg);
}

/*-----リスト横並び -----*/ 
*, *:before, *:after {
	box-sizing: border-box;
}
.col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_4 > div{
	width: 25%;
	padding: 10px;
	background: #fff;
	text-align: center;
	text-decoration: none;
}
@media screen and (max-width: 960px) {
	.col_4 > div{
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
	.col_4> div{
		width: 100%;
	}
}

/*-----カレンダー -----*/ 
.pics {
	width: auto;
	margin: 0 0 -30px 0;
 }

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
.pc { display: none !important; }
.sp { display: block !important; }
 }
 
.cal_wrapper {
max-width: 960px;
min-width: 300px;
margin: 2.0833% auto;
}

.googlecal {
position: relative;
padding-bottom: 150%;
height: 0;
}

.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

@media only screen and (min-width: 768px) {
.googlecal { padding-bottom: 80%; }
}

/*-----フォーム枠 -----*/ 
.form_box {
    padding: 1em 1em;
    margin: 10px 0;
    border: solid 2px #f0b03f;
    text-align: center;
}
.form_box p {
    margin: 0; 
    padding: 0;
}

/*-----改行 -----*/ 
.br--sp { display: block; }

.br--sp { display: none; }

@media screen and (max-width: 767px) { .br--pc { display: none; }
  .br--sp { display: block; } }