@charset "UTF-8";

/***** 子育てページ下層共通調整 *****/
body {
	background:#fff;
}
.l-header,
.l-breadcrumb {
	background:#ffeea6;
	width: 100%;
}
.l-header__search {
	color:#fff !important;
}
footer {
	border-top:none;
}
footer p {
	padding:0 !important;
}
.f_btn {
	font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-weight: 500;
	background: #ffe566;
	padding:30px 20px 0;
	margin-bottom:-20px;
	position: relative;
}
@media screen and ( max-width:640px ) {
	.f_btn {
		padding:50px 20px 0;
	}
}
.f_btn .u-button,
.f_btn .m-button {
	z-index: 4;
}
.m-button {
	position: relative;
	display: flex;
	color:#fff !important;
	align-items: center;
	justify-content: center;
	padding: 0.75em 1.5em;
	border: 1px solid #4fbb8f;
	border-radius: 25px;
	line-height: 1.5;
	font-weight: bold;
	transition: all 0.2s ease;
	background: #4fbb8f;
	width: 100%;
}
.m-button:after {
	content: '';
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg) translate3d(0, 0, 0);
	width: 9px;
	height: 9px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transition: transform 0.2s ease;
}
.m-button:hover:after,
.m-button:active:after {
	transform: translateY(-50%) rotate(45deg) translate3d(4px, -4px, 0);
}
.l-contact__text {
	font-size: 1.8rem;
	margin-bottom: 50px;
}


/***** ぱるベビロゴ *****/
/* PC用 */
@media screen and ( min-width:641px ) {
	.p_logo img {
		width: 30%;
		margin: 35px 35%;
	}
}
/* スマホ用 */
@media screen and ( max-width:640px ) {
	.p_logo img {
		width:60%;
		margin:35px 20% 55px;
	}
}


/***** Q&A *****/
/* PC用 */
@media screen and ( min-width:641px ) {
	.ac_tab label {
		background: url(../img/icon_q.webp);
		background-size:52px;
		background-repeat: no-repeat;
		background-position: left center;
	}
	.ac_tab label span {
		display: inline-block;
		padding-left:62px;
	}
	.ac_area .ac_tab input:checked ~ .ac_inner {
		border-top:1px dashed #ccc;
		margin:0;
		padding:10px 0 25px;
	}
	.ac_area .ac_tab input:checked ~ .ac_inner span {
		background: url(../img/icon_a.webp);
		background-size:52px;
		background-repeat: no-repeat;
		background-position: left center;
		font-weight: bold;
		line-height: 1.6;
		position: relative;
		display: block;
		padding:15px 1px 15px 62px;
	}
}

/* スマホ用 */
@media screen and ( max-width:640px ) {
	.ac_area .ac_tab input:checked ~ .ac_inner {
		border-top:1px dashed #ccc;
		margin:0;
		padding:5px 0 20px;
	}
}
@media (min-width:500px) and (max-width:640px) {
	.ac_tab label {
		background: url(../img/icon_q.webp);
		background-size:8%;
		background-repeat: no-repeat;
		background-position: left center;
	}
	.ac_area .ac_tab input:checked ~ .ac_inner span {
		background: url(../img/icon_a.webp);
		background-size:8%;
		background-repeat: no-repeat;
		background-position: left center;
		display: block;
		padding:15px 1px 10px 10%;
		line-height: 1.6;
		font-weight: bold;
	}
	.ac_tab label span {
		display: inline-block;
		padding-left:10%;
	}
}
@media screen and ( max-width:499px ) {
	.ac_tab label {
		background: url(../img/icon_q.webp);
		background-size:11%;
		background-repeat: no-repeat;
		background-position: left center;
	}
	.ac_area .ac_tab input:checked ~ .ac_inner span {
		background: url(../img/icon_a.webp);
		background-size:11%;
		background-repeat: no-repeat;
		background-position: left center;
		display: block;
		padding:15px 1px 10px 14%;
		line-height: 1.6;
		font-weight: bold;
	}
	.ac_tab label span {
		display: inline-block;
		padding-left:14%;
	}
}