@charset "UTF-8";
/* CSS Document */

article {
	width: 100%;
	/* background: url(../images/common/ob_line_gr.png) repeat;
	background-size: 14px 14px; */
background: #f7f7f8;
}

.bold {
	font-weight: 700;
}

.iziModal div.box {
	padding: 10px;
}

.iziModal div.box img {
	image-rendering: auto;
}

.iziModal-content div.close {
	text-align: right;
}

.iziModal-content div.close a i {
	font-size: 20px;
	font-size: 2.0rem;
}

.iziModal-content h3 {
	color: #25A9A4;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.3;
	font-weight: 700;
	margin: 5px 0;
}

.iziModal-content p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2;
}

.iziModal-content div {
	line-height: 0;
}



/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print,
screen and (min-width: 769px) {

	article {
		padding-bottom: 100px;
	}

	article section {
		width: 838px;
		margin: 0 auto;
		background: #FFF;
		padding: 30px;
		padding-bottom: 70px;
	}

	article section ul.block01,
	article section ul.block02 {
		width: 100%;
		border-bottom: 1px solid #ccc;
		padding-bottom: 20px;
		margin-bottom: 40px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	article section ul.block02:last-child {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	article section ul.block01 li.photo {
		width: 320px;
	}

	article section ul.block01 li.text {
		width: 435px;
	}

	article section h4 {
		font-size: 24px;
		min-height: 38px;
		line-height: 1.2;
		margin-bottom: 10px;
		color: #25A9A4;
		padding-left: 40px;
	}

	article section h4.info {
		padding-left: 40px;

		position: relative;
	}
	article section h4.info:before{
		content: "";
		width: 32px;
		height: 32px;
		position: absolute;
		top: -3px;
		left: 0;
		background: url(../images/facility/facility_icon01.png) no-repeat left top;
		background-size: 32px;
	}
	article section h4.children {
		padding-left: 40px;
		background: url(../images/facility/facility_icon02.png) no-repeat left top;
		background-size: 32px;
	}

	article section h4.locker {
		padding-left: 40px;
		background: url(../images/facility/facility_icon03.png) no-repeat left top;
		background-size: 32px;
	}

	article section h4.wheelchair {
		padding-left: 40px;
		background: url(../images/facility/facility_icon04.png) no-repeat left top;
		background-size: 32px;
	}

	article section h4.pet {
		padding-left: 40px;
		background: url(../images/facility/facility_icon05.png) no-repeat left top;
		background-size: 32px;
	}

	article section h4.other {
		padding-left: 40px;
		background: url(../images/facility/facility_icon06.png) no-repeat left top;
		background-size: 32px;
	}

	article section h5 {
		font-size: 16px;
		line-height: 1.2;
		margin-top: 8px;
		margin-bottom: 5px;
		font-weight: 700;
	}

	article section p {
		font-size: 16px;
		line-height: 1.2;
		padding-left: 1em;
	}

	article section p.ind {
		text-indent: -1em;
		padding-left: 2em;
	}

	.facility_btn_container {
		margin-top: 25px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}


	a.green_line {
		/* float: right; */
		margin: 25px auto 0 0;
	}

	.facility_btn_container a.green_line {
		margin-top: 0px;
		float: none;
		width: auto;
	}

	.facility_btn_container a.blue_line {
		margin-top: 0px;
		float: none;
		width: auto;
	}

	article section ul.block02 li {
		width: 350px;
		display: flex;
		flex-direction: column;
	}

	article section ul.block02 li p.pet {
		padding-left: 0;
	}

}

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media print,
screen and (max-width: 768px) {
	article {
		padding-bottom: 50px;
	}

	article section {
		width: 95%;
		margin: 0 auto;
		background: #FFF;
		padding: 25px 1.8% 40px;
	}

	article section ul.block01,
	article section ul.block02 {
		width: 100%;
		border-bottom: 1px solid #ccc;
		padding-bottom: 20px;
		margin-bottom: 40px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	article section ul.block02:last-child {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	article section ul.block01 li.photo {
		width: 100%;
		margin-bottom: 20px;
	}

	article section ul.block01 li.text {
		width: 100%;
	}

	article section h4 {
		font-size: 20px;
		font-size: 2rem;
		min-height: 38px;
		line-height: 1.2;
		margin-bottom: 10px;
		color: #25A9A4;
		padding-left: 40px;
	}

	article section h4.info {
		padding-left: 40px;
		position: relative;
		/* background: url(../images/facility/facility_icon01.png) no-repeat left top;
		background-size: 32px; */
	}

	article section h4.info:before{
		content: "";
		width: 32px;
		height: 32px;
		position: absolute;
		top: -3px;
		left: 0;
		background: url(../images/facility/facility_icon01.png) no-repeat left top;
		background-size: 32px;
	}
	article section h4.children {
		padding-left: 40px;
		background: url(../images/facility/facility_icon02.png) no-repeat left top;
		background-size: 32px;
	}

	article section h4.locker {
		padding-left: 40px;
		background: url(../images/facility/facility_icon03.png) no-repeat left top;
		background-size: 32px;
	}

	article section h4.wheelchair {
		padding-left: 40px;
		background: url(../images/facility/facility_icon04.png) no-repeat left top;
		background-size: 32px;
	}

	article section h4.pet {
		padding-left: 40px;
		background: url(../images/facility/facility_icon05.png) no-repeat left top;
		background-size: 32px;
	}

	article section h4.other {
		padding-left: 40px;
		background: url(../images/facility/facility_icon06.png) no-repeat left top;
		background-size: 32px;
	}

	article section h5 {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.2;
		margin-top: 8px;
		margin-bottom: 5px;
		font-weight: 700;
	}

	article section p {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.5;
		padding-left: 1em;
	}

	article section p.ind {
		text-indent: -1em;
		padding-left: 2em;
	}

	.facility_btn_container {
		margin-top: 25px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		align-items: flex-end;
		float: right;
	}

	a.green_line {
		/* margin-top: 25px; */
		/* float: right; */
		margin: 25px auto 0;
	}
	
	a.blue_line {
		margin: 0 auto;
		float: none;
		width: auto;
	}

	.facility_btn_container a.green_line {
		margin-top: 0px;
		margin-bottom: 10px;
		float: none;
	}

	article section ul.block02 li {
		width: 100%;
		border-bottom: 1px solid #ccc;
		padding-bottom: 20px;
		margin-bottom: 40px;
	}

	article section ul.block02 li.bb_none {
		width: 100%;
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
		display: flex;
		flex-direction: column;
	}

	article section ul.block02 li p.pet {
		padding-left: 0;
	}

}

@media print,
screen and (max-width: 480px) {}