@charset:UTF-8;

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

	About 園について

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

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

	About Common

==============================================================*/
.nav-about .drawer {
	height:50px;
}
.main {
	padding:150px 0 12.5%;
}
.about {
	background:url(../images/about/about_bg.png) repeat-y 50% 50%;
}

@media screen and (max-width:1024px) {
.nav-about .drawer {
	height:auto;
}
.main {
	padding:60px 0 12.5%;
}
}

/*==============================================================
	Title
==============================================================*/
h2 {
	width:50%;
	max-width:400px;
	padding:60px 0;
	margin:0 auto;
}
h3 {
	width:90%;
	max-width:820px;
	padding:60px 0 20px;
	margin:0 auto;
}

@media screen and (max-width:767px) {
h2 {
	width:80%;
	max-width:initial;
	padding:25px 0;
}
h3 {
	width:100%;
}
}


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

	About01 園の概要・特色

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

/*==============================================================
	About01-01 園の概要
==============================================================*/
.about01-01 .table {
	position:relative;
}

.about01-01 table {
	width:100%;
	border-top:1px solid #bfbfbf;
	margin-top:10px;
}
.about01-01 table th,
.about01-01 table td {
	text-align:left;
	border-bottom:1px solid #bfbfbf;
	padding:15px 20px;
}
.about01-01 table th {
	font-weight:500;
	min-width:6em;
}
.about01-01 table td span {
	display:inline-block;
	padding-right:1em;
}

.about01-01 .access {
	position:absolute;
	right:0;
	bottom:10px;
}
.about01-01 .access a {
	display:inline-block;
	line-height:40px;
	color:#fff;
	background-color:#b979b0;
	border-radius: 20px;
	padding:0 40px;
	
}
.about01-01 .access a:hover {
	background-color:#87477e;
}
@media screen and (max-width:767px) {
.about01-01 table {
	margin-bottom:30px;
}
.about01-01 table th,
.about01-01 table td {
	padding:10px 4px;

}
.about01-01 .access {
	position:static;
}
}


/*==============================================================
	About01-02 園の特色
==============================================================*/
.about01-02 ul {
	display:flex;
	justify-content:space-between;
}

.about01-02 ul li {
	width:32%;
	display:flex;
	align-items:center;
}

@media screen and (max-width:1024px) {

}


@media screen and (max-width:767px) {
.about01-02 ul {
	flex-direction:column;

}
.about01-02 ul li {
	width:65%;
	margin:0 auto 20px;
}

}
@media screen and (max-width:360px) {
.about01-02 ul li {
	width:70%;
}
}

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

	About02 施設紹介

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

.about02-01 ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:20px;
}
.about02-01 li {
	width:30%;
	max-width:320px;
	margin-top:80px;
}
.about02-01 ul::after {
	display: block;
	content:"";
	width:30%;
}

.about02-01 li p {
	margin-top:10px;
}

@media screen and (max-width:767px) {
.about02-01 ul {
	flex-direction:column;
}
.about02-01 li {
	width:80%;
	max-width:initial;
	margin:20px auto 0;
}
.about02-01 li p img {
	transform-origin: 50% 0;
	transform: scale(0.75);
}
}