@charset "UTF-8";

/* ===========================================
	   about Page
   =========================================== */

.ab_lead {
	text-align: center;
	font-weight: 700;
	line-height: 1.7;
}

@media (max-width: 767px) {
	.ab_lead {
		margin-top: 50px;
		font-size: 2rem;
		letter-spacing: .1em;
	}
}

@media (min-width: 768px) {
	.ab_lead {
		margin-top: 100px;
		font-size: 3rem;
		letter-spacing: .2em;
	}
}

.ab_bg {
	background-repeat: no-repeat;
}

.ab_work_list {
	width: 292px;
	min-height: 378px;
	padding: 150px 33px 5px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 292px auto;
}

.ab_work_1 {
	background-image: url(../sy_images/about/ab_01_back01_2x.png);
}

.ab_work_2 {
	background-image: url(../sy_images/about/ab_01_back02_2x.png);
}

.ab_work_3 {
	background-image: url(../sy_images/about/ab_01_back03_2x.png);
}

.ab_work_list dt {
	padding-bottom: 14px;
	margin: 0 5px 19px;
	line-height: 1.05;
	text-align: center;
	font-size: 2rem;
	border-bottom: solid 1px;
}

.ab_work_list dd {
	line-height: 1.8;
}

@media (max-width: 767px) {
	.ab_bg {
		margin-top: 100px;
		padding-top: 20.4vw;
		background: url(../sy_images/about/ab_01_back04_01_sp.png) no-repeat center 0;
		background-size: 100% auto;
	}

	.ab_work {
		margin-top: -1px;
		padding-bottom: 20vw;
		background-color: #83ca15;
	}

	.ab_work_item:nth-child(1) {
		position: relative;
		top: -150px;
		margin-bottom: -150px;
	}

	.ab_work_item:nth-child(2) {
		padding-top: 55px;
		background: url(../sy_images/about/ab_01_back04_02_sp.png) no-repeat center 0;
		background-size: 100% auto;
	}

	.ab_work_item:nth-child(3) {
		padding-top: 30px;
		background: url(../sy_images/about/ab_01_back04_03_sp.png) no-repeat center 0;
		background-size: 100% auto;
	}

	.ab_work_list {
		margin-left: auto;
		margin-right: auto;
	}

	.ab_vision {
		min-height: 192.534vw;
		padding: 37.334vw 4% 0;
		background: url(../sy_images/about/ab_01_back04_04_sp.png) no-repeat center 0;
		background-size: cover;
	}
}

@media (min-width: 768px) {
	.ab_bg {
		min-height: 1362px;
		padding-top: 90px;
		background: url(../sy_images/about/ab_01_back04.png) no-repeat center 0;
	}

	.ab_work {
		width: 940px;
		display: flex;
		justify-content: space-between;
		margin-left: auto;
		margin-right: auto;
	}

	.ab_vision {
		width: 806px;
		margin: 240px auto 0;
	}
}

@media (min-width: 1441px) {
	.ab_bg {
		height: calc(1362px + (100vw - 1440px) * .95);
		padding-top: 6.25vw;
		background-size: cover;
	}

	.ab_vision {
		margin-top: 17vw;
	}
}

/* 保育方針
   保育目標 */
.ab_sec {
	max-width: 869px;
	margin-left: auto;
	margin-right: auto;
}

.ab_sec_ul1 {
	padding: 42px 20px 0;
}

.ab_sec_ul1 li {
	padding-left: 25px;
	background: url(../sy_images/common/co_icon_hana01_2x.png) no-repeat 0 6px;
	background-size: 20px;
}

.ab_sec_ul1 li~li {
	margin-top: 20px;
}

.ab_sec_ul2 li {
	padding-top: 240px;
	line-height: 1.5;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 0;
}

.ab_sec_ul2 li:nth-child(1) {
	background-image: url(../sy_images/about/ab_05_img01_2x.png);
	background-size: 234px auto;
}

.ab_sec_ul2 li:nth-child(2) {
	background-image: url(../sy_images/about/ab_05_img02_2x.png);
	background-size: 230px auto;
}

.ab_sec_ul2 li:nth-child(3) {
	background-image: url(../sy_images/about/ab_05_img03_2x.png);
	background-size: 249px auto
}

@media (max-width: 767px) {
	.ab_sec {
		margin-top: 40px;
		padding: 0 15px;
	}

	.ab_sec~.ab_sec {
		margin-top: 62px;
		padding-bottom: 75px;
	}

	.ab_sec_ul2 li {
		margin-top: 45px;
	}

	.ab_sec_ul2 li~li {
		margin-top: 36px;
	}
}

@media (min-width: 768px) {
	.ab_sec {
		padding-bottom: 125px;
	}

	.ab_sec_ul2 {
		display: flex;
		justify-content: space-around;
		margin-top: 50px;
	}

	.ab_sec_ul2 li {
		width: 32%;
	}
}

/* 保育園について */
.ab_about {
	background: url(../sy_images/common/co_background_o.png);
}

.ab_about_head {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.ab_about_datail dt {
	font-weight: 700;
}

.ab_about_datail dd {
	border-bottom: dashed 1px #642900;
}

.ab_about_datail dt:before {
	position: relative;
	top: 5px;
	content: "";
	display: inline-block;
	width: 28px;
	height: 20px;
	background: url(../sy_images/common/co_icon_hana02_2x.png) no-repeat 0 center;
	background-size: 20px;
}

.ab_about_pureone {
	position: relative;
}

.ab_about_pureone_txt {
	font-size: 14px;
	position: absolute;
	top: 195px;
	left: 30px;
	right: 30px;
	line-height: 1.8em;
	text-align: justify;
	text-align-last: left;
}

@media (max-width: 767px) {
	.ab_about {
		margin: 50px auto 60px;
		padding: 0 15px 90px;
	}

	.ab_about_head {
		width: 100%;
		max-width: 336px;
		top: -55px;
		margin-bottom: -55px;
	}

	.ab_about_datail {
		line-height: 1.5;
	}

	.ab_about_datail dt {
		padding-left: 15px;
		padding-top: 15px;
	}

	.ab_about_datail dt:nth-of-type(1) {
		margin-top: 35px;
		border-top: dashed 1px #642900;
	}

	.ab_about_datail dd {
		padding: 5px 15px 15px 43px;
	}

	.ab_about_pureone {
		width: 100%;
		max-width: 350px;
		margin: 30px auto 0;
	}
}

@media (max-width: 430px) {
	.ab_about_pureone_txt {
		font-size: 14px;
		top: 51vw;
		left: 8vw;
		right: 8vw;
		font-size: 1.4rem;
		line-height: 1.75;
	}
}

@media (min-width: 768px) {
	.ab_about {
		min-width: 1000px;
		margin: 55px auto;
		padding: 0 calc(50% - 455px) 80px;
	}

	.ab_about_head {
		width: 550px;
		top: -35px;
		margin-bottom: -35px;
	}

	.ab_about_container {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin-top: 40px;
	}

	.ab_about_datail {
		width: 505px;
	}

	.ab_about_datail dt {
		float: left;
		width: 9.5em;
		padding-left: 1.5em;
		padding-top: 9px;
	}

	.ab_about_datail dd {
		padding: 9px 0 9px 9.5em;
	}

	.ab_about_pureone {
		width: 350px;
	}
}