@charset "utf-8";
/* service.css */

#service {
	padding: 115px 0 0;
}

@media screen and (max-width:1000px) {
#service {
	padding: 75px 0 0;
}	
}

.yellow_service_1 {
    width: 500px;
    position: absolute;
    z-index: -1;
    top: 500px;
    left: -100px;
    aspect-ratio: 6 / 4; /* 横長の比率 */
    margin: 0 auto;
    border-radius: 80% 20% 70% 30% / 40% 60% 50% 50%; /* 初期の楕円形状 */
    animation: fluid-dynamic 24s ease-in-out infinite, float-dynamic 18s linear infinite;
    background: #F6B83A;
    opacity: 0.2;
}

@media screen and (max-width:1000px) {
.yellow_service_1 {
	display: none;
}	
}



.yellow_service_2 {
    width: 700px;
	aspect-ratio: 1 / 1;
    position: absolute;
    z-index: -1;
    top: 150px;
    right: -100px;
    margin: 0 auto;
    border-radius: 80% 20% 70% 30% / 40% 60% 50% 50%; /* 初期の楕円形状 */
    animation: fluid-dynamic 24s ease-in-out infinite, float-dynamic 18s linear infinite;
    background: #F6B83A;
    opacity: 0.2;
}




/* 形状のダイナミックな変化 */
@keyframes fluid-anim_2 {
    0%    { border-radius: 65% 35% 55% 45% / 55% 50% 55% 45%; }
    12.5% { border-radius: 80% 20% 70% 30% / 60% 70% 40% 80%; }
    25%   { border-radius: 30% 70% 20% 80% / 85% 65% 35% 55%; }
    37.5% { border-radius: 90% 10% 80% 20% / 50% 60% 30% 70%; }
    50%   { border-radius: 20% 80% 40% 60% / 70% 30% 90% 50%; }
    62.5% { border-radius: 60% 40% 50% 50% / 30% 70% 20% 80%; }
    75%   { border-radius: 85% 15% 75% 25% / 90% 10% 80% 20%; }
    87.5% { border-radius: 40% 60% 30% 70% / 50% 80% 20% 90%; }
    100%  { border-radius: 65% 35% 55% 45% / 55% 50% 55% 45%; }
}

@media screen and (max-width:1200px) {
.yellow_service_2 {
    width: 600px;
 
}	
}

@media screen and (max-width:1000px) {
.yellow_service_2 {
    width: 600px;
	top: -40px;
 
}	
}

@media screen and (max-width:800px) {
.yellow_service_2 {
    width: 450px;
 
}	
}

@media screen and (max-width:500px) {
.yellow_service_2 {
    width: 300px;
 
}	
}


#service_container {
	width: 95%;
	max-width: 1600px;
	margin: 0 auto;
}

#service_top {
	display: flex;
	flex-direction: row-reverse;
	padding: 100px 0;
	justify-content: space-between;
}

@media screen and (max-width:1000px) {
#service_top {
	display: block;
	padding: 40px 0;
}	
}

#service_top figure {
	width: 45%;
	padding: 0 5% 0 2%;
	box-sizing: border-box;
}

@media screen and (max-width:1000px) {
#service_top figure {
	width: 70%;
	max-width: 400px;
	padding: 0;
	margin: 0 auto 30px;
}	
}


#service_top_text {
	width: 52%;
}

@media screen and (max-width:1000px) {
#service_top_text {
	width: 100%;
}	
}

#service_top h2 {
	font-size: 40px;
	padding: 5px 30px 28px;
	color: #A46305;
	box-sizing: border-box;
	background-color: #FFFBF3;
	border: 5px dotted #C2B16C;
	border-radius: 20px;
	max-width: 650px;
	margin: 0 0 20px;
}

@media screen and (max-width:1400px) {
#service_top h2 {
	font-size: 30px;
	padding: 5px 30px 20px;
	}
}

@media screen and (max-width:1000px) {
#service_top h2 {
	font-size: 22px;
	padding: 10px 20px 15px;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 20px;
}	
}

@media screen and (max-width:500px) {
#service_top h2 {
	font-size: 20px;
}	
}


#service_top h2.takuji {
	max-width: 100%;
}


#service_top h2 span {
	color: #ECAC2C;
	font-size: 18px;
}

@media screen and (max-width:1000px) {
#service_top h2 span {
	font-size: 16px;
}	
}


#service_top_text p {
	color: #A46305;
	font-size: 18px;
	line-height: 2;
	margin: 0 0 30px;
}

@media screen and (max-width:1000px) {
#service_top_text p {
	font-size: 16px;
}
	
}

@media screen and (max-width:500px) {
#service_top_text p {
	line-height: 1.8;
}
	
}

#service_top_text p .attakai_big {
	color: #A46305;
	font-size: 150%;
	line-height: 1.5;
}

@media screen and (max-width:1000px) {
#service_top_text p .attakai_big {
	font-size: 130%;
}	
}


#hoiku_rinen {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 116px 0 0;
	margin: -116px 0 100px;
}

@media screen and (max-width:1000px) {
#hoiku_rinen {
	display: block;
	padding: 72px 0 0;
	margin: -72px 0 100px;
}	
}

#hoiku_rinen figure {
	width: 40%;
	position: relative;
}

@media screen and (max-width:1000px) {
#hoiku_rinen figure {
	width: 80%;
	max-width: 600px;
	margin: 0 auto 60px;
}	
}

div.hoiku_yellow {
    width: 300px;
	position: absolute;
	z-index: -1;
	top: 160px;
	left: -100px;
    aspect-ratio: 1;
    margin: 0 auto;
    border-radius: 65% 35% 55% 45% / 55% 50% 55% 45%; /* 初期形状 */
    animation: hoiku_yellow 26s linear infinite;
    background: #F6B83A;
	opacity: 0.2;
}

@media screen and (max-width:1000px) {
div.hoiku_yellow {
    width: 300px;
}	
}

@media screen and (max-width:500px) {
div.hoiku_yellow {
    width: 200px;
	top: 80px;
}	
}


@keyframes hoiku_yellow {
    0%    { border-radius: 90% 10% 80% 20% / 30% 70% 40% 60%; }
    12.5% { border-radius: 70% 30% 90% 10% / 60% 40% 70% 30%; }
    25%   { border-radius: 60% 40% 70% 30% / 50% 50% 80% 20%; }
    37.5% { border-radius: 80% 20% 60% 40% / 70% 30% 60% 40%; }
    50%   { border-radius: 50% 50% 80% 20% / 40% 60% 70% 30%; }
    62.5% { border-radius: 75% 25% 55% 45% / 35% 65% 85% 15%; }
    75%   { border-radius: 85% 15% 65% 35% / 60% 40% 50% 50%; }
    87.5% { border-radius: 65% 35% 75% 25% / 70% 30% 40% 60%; }
    100%  { border-radius: 90% 10% 80% 20% / 30% 70% 40% 60%; }
}



#hoiku_rinen_text {
	width: 55%;
}

@media screen and (max-width:1000px) {
#hoiku_rinen_text {
	width: 100%;
}	
}


#hoiku_rinen_text h3 {
	font-size: 35px;
	color: #F8A761;
	margin: 0 0 40px;
}

@media screen and (max-width:1000px) {
#hoiku_rinen_text h3 {
	font-size: 22px;
	text-align: center;
}	
}

#hoiku_rinen_text h3 span {
    background: linear-gradient(transparent 50%, #FFF6DC 50%);
    padding: 0 10px 0;
}

#hoiku_rinen_text p {
	color: #959595;
	font-size: 18px;
	line-height: 2;
	margin: 0 0 30px;
}

@media screen and (max-width:1000px) {
#hoiku_rinen_text p {
	font-size: 16px;
}	
}

#hoiku_rinen_text .hoiku_ttl {
	font-size: 26px;
    color: rgb(248, 167, 97);
}

@media screen and (max-width:1000px) {
#hoiku_rinen_text .hoiku_ttl {
	font-size: 20px;
}	
}

#koudou_hoshin {
	padding: 116px 0 0;
	margin: -116px 0 0;
}

@media screen and (max-width:1000px) {
#koudou_hoshin {
	padding: 72px 0 0;
	margin: -72px 0 0;
}	
}

#koudou_hoshin_container {
	background-color: #FFD89E;
	padding: 60px;
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width:1000px) {
#koudou_hoshin_container {
	padding: 30px 15px;
	display: block;
}	
}



#koudou_hoshin figure {
	width: 45%;
}

@media screen and (max-width:1000px) {
#koudou_hoshin figure {
	width: 70%;
	padding: 15px 0 0;
	max-width: 600px;
	margin: 0 auto;
}	
}


#koudou_hoshin_text {
	width: 54%;
}

@media screen and (max-width:1000px) {
#koudou_hoshin_text {
	width: 100%;
}
	
}


#koudou_hoshin_text h3 {
	font-size: 35px;
	color: #FFFFFF;
	margin: 0 0 40px;
}

@media screen and (max-width:1000px) {
#koudou_hoshin_text h3 {
	font-size: 22px;
	text-align: center;
	margin: 0 0 30px;
}	
}

#koudou_hoshin_text h3 span {
    background: linear-gradient(transparent 50%, #FFC268 50%);
    padding: 0 5px 0;
}

#koudou_hoshin_text ul {
	box-sizing: border-box;
	background-color: #FFFBF3;

	border-radius: 20px;
	box-shadow: 0px 4px 10px -5px #bfbfbf;
	padding: 30px 30px 15px;
}

@media screen and (max-width:500px) {
#koudou_hoshin_text ul {
	padding: 25px 15px 15px;
}	
}


#koudou_hoshin_text ul li {
	margin: 0 0 25px;
}

#koudou_hoshin_text ul li p {
	display: inline-block;
	font-size: 19px;
	padding: 0 0 0 28px;
	color: #A46305;
	position: relative;
	
}

@media screen and (max-width:500px) {
#koudou_hoshin_text ul li p {
	font-size: 15px;
	padding: 0 0 0 20px;
}	
}


#koudou_hoshin_text ul li p::after {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 15px;
	height: 15px;
	background-color: rgb(248, 167, 97);
	border-radius: 50%;
}

@media screen and (max-width:500px) {
#koudou_hoshin_text ul li p::after {
	top: 6px;
	width: 12px;
	height: 12px;
}	
}


#koudou_hoshin_text ul li p span {
	color: rgb(248, 167, 97);
	font-size: 1.3rem;
}

@media screen and (max-width:500px) {
#koudou_hoshin_text ul li p span {
	font-size: 1.2rem;
}	
}

#hoiku_mokuhyo {
	padding: 196px 0 20px;
	margin: -116px 0 0;
}

@media screen and (max-width:1000px) {
#hoiku_mokuhyo {
	padding: 152px 0 20px;
	margin: -72px 0 0;
}	
}


#hoiku_mokuhyo h3 {
	font-size: 35px;
	color: #F8A761;
	margin: 0 0 40px;
	text-align: center;
}

@media screen and (max-width:1000px) {
#hoiku_mokuhyo h3 {
	font-size: 22px;
	text-align: center;
}	
}

#hoiku_mokuhyo h3 span {
   background: linear-gradient(transparent 50%, #FFF6DC 50%);
    padding: 0 10px 0;
}

#hoiku_mokuhyo figure {
	max-width: 1200px;
	margin: 0 auto 15px;
}

@media screen and (max-width:1000px) {
#hoiku_mokuhyo figure {
	max-width: 500px;
}	
}

#gakusyu_hoiku {
	padding: 196px 0 80px;
	margin: -116px 0 0;
}

@media screen and (max-width:1000px) {
#gakusyu_hoiku {
	padding: 154px 0 80px;
	margin: -72px 0 0;
}	
}

#gakusyu_hoiku > figure {
	max-width: 700px;
	margin: 0 auto 15px;
}


#gakusyu_hoiku h3 {
	font-size: 35px;
	color: #F8A761;
	margin: 0 0 40px;
	text-align: center;
}

@media screen and (max-width:1000px) {
#gakusyu_hoiku h3 {
	font-size: 22px;
	text-align: center;
}	
}


#gakusyu_hoiku h3 span {
   background: linear-gradient(transparent 50%, #FFF6DC 50%);
    padding: 0 10px 0;
}


#gakusyu_hoiku > p {
	text-align: center;
}

#gakusyu_hoiku a {
	text-decoration: underline;
	color: #F8A761;
}


#adobai {
	display: flex;
	padding: 60px;
	background-color: rgba(246,184,58,0.1);
	margin: 60px auto;
	border-radius: 30px;
	max-width: 1400px;
}



@media screen and (max-width:1000px) {
#adobai {
	display: block;
	padding: 40px 20px;
	margin: 30px auto;
}	
}

#gakusyu_hoiku #adobai_img {
	width: 23%;
	margin: 0 5% 0 0;
}

@media screen and (max-width:1000px) {
#gakusyu_hoiku #adobai_img {
	width: 100%;
	margin: 0 0 30px;
}	
}

@media screen and (max-width:1000px) {
#gakusyu_hoiku #adobai_img figure {
	max-width: 400px;
	margin: 0 auto;
}		
}


#gakusyu_hoiku #adobai_img h4 {
	font-size: 25px;
	
	color: #F8A761;
	padding: 20px 0 10px;
}

#gakusyu_hoiku #adobai_img h4 span {
	font-size: 80%;
}


#gakusyu_hoiku #adobai_img p {
	text-align: left;
	color: #707070;
    font-size: 18px;
}

@media screen and (max-width:1000px) {
#gakusyu_hoiku #adobai_img p {
    font-size: 16px;
}	
}

#gakusyu_hoiku #adobai_text {
	width: 70%;
}

@media screen and (max-width:1000px) {
#gakusyu_hoiku #adobai_text {
	width: 100%;
}	
}

#gakusyu_hoiku #adobai_text h4 {
    font-size: 35px;
	color: #F8A761;
	padding: 20px 0 40px;
}

@media screen and (max-width:1000px) {
#gakusyu_hoiku #adobai_text h4 {
    font-size: 25px;
}	
}

@media screen and (max-width:500px) {
#gakusyu_hoiku #adobai_text h4 {
    font-size: 20px;
}	
}

#gakusyu_hoiku #adobai_text p {
	text-align: left;
	color: #707070;
    font-size: 18px;
    line-height: 2;
    margin: 0 0 30px;
}

@media screen and (max-width:1000px) {
#gakusyu_hoiku #adobai_text p {
    font-size: 16px;
}	
}

.gakusyu_contents {
	border: 1px solid #F8A761;
	border-radius: 20px;
	overflow: hidden;
	margin: 0 auto 70px;
	max-width: 1400px;
}

.gakusyu_contents h4 {
	padding: 20px 0;
	background-color: #F8A761;
	text-align: center;
	color: #FFF;
	font-size: 35px;
}

@media screen and (max-width:768px) {
.gakusyu_contents h4 {
	font-size: 20px;
}	
}

.gakusyu_contents ul {
	padding: 60px;
}

@media screen and (max-width:500px) {
.gakusyu_contents ul {
	padding: 30px;
}	
}

.gakusyu_contents ul li {
	display: flex;
	margin: 0 0 50px;
	align-items: center;
	justify-content: space-between;
}

@media screen and (max-width:1000px) {
.gakusyu_contents ul li {
	display: block;
}	
}

.gakusyu_contents ul li:last-child {
	margin: 0;
}

.gakusyu_contents ul li:nth-child(2n) {
	flex-direction: row-reverse;
}


.gakusyu_contents ul li figure {
	width: 46%;
}

@media screen and (max-width:1000px) {
.gakusyu_contents ul li figure {
	width: 100%;
	max-width: 500px;
	margin: 0 auto 20px;
}	
}

.contents_text {
	width: 50%;
}

@media screen and (max-width:1000px) {
.contents_text {
	width: 100%;
}	
}

.contents_text h5 {
	font-size: 30px;
	color: #F8A761;
	margin: 0 0 40px;
}

@media screen and (max-width:500px) {
.contents_text h5 {
	font-size: 18px;
	margin: 0 0 20px;
}	
}

#gakusyu_hoiku .contents_text p {
	text-align: left;
	color: #707070;
    font-size: 16px;
    line-height: 1.8;
    margin: 0 0 30px;
}

#link_list {
	max-width: 1500px;
	margin: 0 auto 60px;
	padding: 60px 60px;
	background-color: #FFD89E;
	border-radius: 25px;
	display: flex;
	justify-content: center;
}

@media screen and (max-width:1000px) {
#link_list {
	padding: 40px 0 20px;
	display: block;
	
}	
}

#link_list.service_hoiku {
	flex-wrap: wrap;
	justify-content: flex-start;
}

#link_list.service_hoiku li {
	width: 22%;
	min-width: 200px;
	margin: 0 1% 20px;
}

#link_list.service_baby {
	flex-wrap: wrap;
	justify-content: center;
}

#link_list.service_baby li {
	width: 42%;
	min-width: 200px;
	margin: 0 2% 20px;
}




#link_list li {
	width: 26%;
	min-width: 280px;
	margin: 0 2% 0;
}

@media screen and (max-width:1000px) {
#link_list li {
	width: 95%;
	max-width: 500px;
	min-width: 0;
	margin: 0 auto 25px;
}	
}

@media screen and (max-width:1000px) {
#link_list.service_hoiku li {
	width: 95%;
	max-width: 500px;
	min-width: 0;
	margin: 0 auto 25px;
}	
}

@media screen and (max-width:1000px) {
#link_list.service_baby li {
	width: 95%;
	max-width: 500px;
	min-width: 0;
	margin: 0 auto 25px;
}	
}


#link_list li a {
	display: inline-block;
	width: 100%;
	padding: 20px 55px 20px 25px;
	border-radius: 35px;
	background-color: #FFFBF3;
	position: relative;
	color: #C18E2A;
	font-size: 20px;
	box-shadow: 0px 10px 18px -9px #a6a6a6;
}

@media screen and (max-width:500px) {
#link_list li a {

	font-size: 16px;
}	
}


#link_list li a::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 50%;
    transform: translateY(-50%);
	right: 15px;
	height: 40px;
	width: 40px;
	
	background-image: url("../images/hoiku_service/rink.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}


@media screen and (max-width:500px) {
#link_list li a::after {
	height: 35px;
	width: 35px;

}	
}

#service_features {
	margin: 0 0 140px;
}

@media screen and (max-width:1000px) {
#service_features {
	margin: 0 0 50px;
}	
}

#service_features h3 {
	font-size: 35px;
	color: #F8A761;
	margin: 0 0 40px;
	text-align: center;
}

@media screen and (max-width:1000px) {
#service_features h3 {
	font-size: 22px;
	
}	
}

#service_features h3 span {
    background: linear-gradient(transparent 50%, #FFF6DC 50%);
    padding: 0 10px 0;
}

#features_list {
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto;
	justify-content: center;
	padding: 40px 0 50px;
}

@media screen and (max-width:768px) {
#features_list {
	display: block;
	padding: 10px 0 10px;
}	
}

#features_list li {
	width: 25%;
	margin: 0 4% 15px;
}

@media screen and (max-width:768px) {
#features_list li {
	width: 80%;
	max-width: 260px;
	margin: 0 auto 35px;
}	
}


.features_list {
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto;
	justify-content: center;
	padding: 40px 0 50px;
}

@media screen and (max-width:768px) {
.features_list {
	display: block;
	padding: 10px 0 10px;
}	
}

.features_list li {
	width: 25%;
	margin: 0 4% 15px;
}

@media screen and (max-width:768px) {
.features_list li {
	width: 80%;
	max-width: 260px;
	margin: 0 auto 35px;
}	
}


#features_images {
	width: 80%;
	max-width: 600px;
	margin: 0 auto;
}

#service_boice {
	background-color: #C9E2EF;
	padding: 80px 40px;
	border-radius: 40px;
	margin: 0 0 80px;
}

@media screen and (max-width:1000px) {
#service_boice {
	padding: 50px 20px 20px;
}	
}

#service_boice h3 {
	font-size: 35px;
	color: #FFF;
	margin: 0 0 40px;
	text-align: center;
}

@media screen and (max-width:1000px) {
#service_boice h3 {
	font-size: 27px;
	margin: 0 0 20px;
}	
}

#service_boice h3 span {
    background: linear-gradient(transparent 50%, #9BBFFF 50%);
    padding: 0 10px 0;
}

.accordion {
	max-width: 1150px;
	margin: 0 auto;
}

#service_boice ul {
	display: flex;
	justify-content: space-between;
	max-width: 1400px;
	margin: 0 auto;
	padding: 20px 0 0;
}

@media screen and (max-width:1000px) {
#service_boice ul {
	display: block;
}	
}

#service_boice ul li {
	width: 46%;
	background-color: #FFF;
	padding: 35px 30px;
	box-sizing: border-box;
	border-radius: 25px;
}

@media screen and (max-width:1000px) {
#service_boice ul li {
	width: 100%;
	max-width: 700px;
	margin: 0 auto 35px;
}	
}

@media screen and (max-width:500px) {
#service_boice ul li {
	padding: 25px 20px;
}	
}


#service_boice ul li h4 {
	color: #8FBCF5;
	font-size: 28px;
	margin: 0 0 25px;
}

@media screen and (max-width:1000px) {
#service_boice ul li h4 {
	font-size: 20px;
	margin: 0 0 20px;
}	
}


@media screen and (max-width:500px) {
#service_boice ul li h4 {
	font-size: 18px;
}	
}

#service_boice ul li p {
	font-size: 16px;
	line-height: 2;
	margin: 0 0 20px;
	color: #8B8B8B;
}

@media screen and (max-width:500px) {
#service_boice ul li p {
	line-height: 1.8;
}	
}


#service_qa {
	background-color: #FFD89E;
	padding: 80px 40px;
	border-radius: 40px;
	margin: 0 auto 80px;
	max-width: 1300px;
}

@media screen and (max-width:1000px) {
#service_qa {
	padding: 40px 20px 20px;
	border-radius: 20px;
}	
}

@media screen and (max-width:500px) {
#service_qa {
	padding: 30px 15px 15px;
	border-radius: 20px;
}	
}

#service_qa h3 {
	font-size: 35px;
	color: #FFF;
	margin: 0 0 40px;
	text-align: center;
}

@media screen and (max-width:1000px) {
#service_qa h3 {
	font-size: 22px;
	margin: 0 0 20px;
}	
}

#service_qa h3 span {
    background: linear-gradient(transparent 50%, #FFC97A 50%);
    padding: 0 10px 0;
}

.accordion-item {
    margin: 0 0 15px;
}

.accordion-header {
	background: #FFF;
    padding: 20px 70px 20px 70px;
    box-sizing: border-box;
	border-radius: 30px;
    cursor: pointer;
    font-size: 16px;
    color: #C18E2A;
	position: relative;
}

@media screen and (max-width:1000px) {
.accordion-header {
    padding: 20px 40px 20px 50px;
	border-radius: 15px;
}	
}


.accordion-header::after {
	content: "";
	position: absolute;
	height: 42px;
	width: 42px;
	background-image: url("../images/hoiku_service/q.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
	top: 8px;
	left: 12px;
}

@media screen and (max-width:1000px) {
.accordion-header::after {
	height: 30px;
	width: 30px;
	top: 13px;
	left: 11px;
}	
}


.accordion-mark {
	position: absolute;
	z-index: 2;
	height: 25px;
	width: 25px;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

@media screen and (max-width:1000px) {
.accordion-mark {
	height: 22px;
	width: 22px;
	right: 14px;
}	
}

.accordion-mark span {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 4px;
	background-color: #9E9E9E;
	border-radius: 10px;
	top: 11px;
	transition: transform 0.5s ease-in-out;
}

.accordion-mark span:nth-child(2) {
	transform: rotate(90deg);
}

.accordion-item.active .accordion-mark span:nth-child(2) {
	transform: rotate(0);
}

    
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s, padding 0.5s;
    padding: 0;
}
   
.accordion-item.active .accordion-content {
    max-height: 500px; /* 適当な高さを指定 */
	padding: 15px 0 0;
}


.accordion-content_text {
	padding: 20px 15px 20px 70px;
	background-color: #FFF;
	border-radius: 21px;
	position: relative;
}

@media screen and (max-width:1000px) {
.accordion-content_text {
	padding: 15px 15px 15px 50px;
	border-radius: 15px;
}	
}


.accordion-content_text::after {
	content: "";
	position: absolute;
	height: 42px;
	width: 42px;
	background-image: url("../images/hoiku_service/a.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
	top: 8px;
	left: 12px;
}

@media screen and (max-width:1000px) {
.accordion-content_text::after {
	height: 30px;
	width: 30px;
	top: 12px;
	left: 10px;
}	
}


.accordion-content_text p {
	color: #919191;
	
}

.accordion-content_text p a {
	color: #F8A761;
	text-decoration: underline;
}

#content_list {
	display: flex;
	justify-content: center;
	margin: 0 0 25px;
}

@media screen and (max-width:1000px) {
#content_list {
	display: block;
}	
}

#content_list > li {
	width: 30%;
	margin: 0 1.5%;
	background-color: #FFFBF3;
	padding: 25px;
	box-sizing: border-box;
	border-radius: 15px;
	border: 3px dotted #C2B16C;
}

@media screen and (max-width:1000px) {
#content_list > li {
	width: 100%;
	margin: 0 0 30px;
	padding: 20px;
}	
}


#content_list li h4 {
	color: #A46305;
	font-size: 28px;
	margin: 0 0 20px;
}

@media screen and (max-width:1000px) {
#content_list li h4 {
	font-size: 20px;
	margin: 0 0 16px;
}	
}

#content_list li p {
	color: #959595;
	margin: 0 0 25px;
}


#content_list ul {
	padding: 25px 15px;
	background-color: #FFF;
	border-radius: 15px;
}

@media screen and (max-width:1000px) {
#content_list ul {
	padding: 22px 10px;
	border-radius: 12px;
}	
}

#content_list ul li {
	padding: 0 0 0 25px;
	margin: 0 0 20px;
	color: #959595;
	position: relative;
}

#content_list ul li::after {
	content: "";
	position: absolute;
	height: 10px;
	width: 10px;
	background-color: #F5C186;
	border-radius: 50%;
	top: 7px;
	left: 5px;
}


#content_list ul li:last-child {
	margin: 0;
}

#service_top #hoiku_logo {
	width: 260px;
	box-sizing: border-box;
	padding: 30px;
	background-color: #FFF;
	border-radius: 30px;
	margin: 0 auto;
}


#service_top #mansion_logo {
	width: 260px;
	padding: 30px;
	margin: 0 auto;
	border-radius: 30px;
	background-color: #FFF;
}

#dakko_banner {
	max-width: 550px;
	border: 2px solid #EFABAB;
	margin: 0 auto 100px;
}

@media screen and (max-width:1000px) {
#dakko_banner {
	margin: 0 auto 50px;
}
	
}

#hojin_dakko_banner {
	max-width: 550px;
	border: 2px solid #ABCBED;
	margin: 0 auto 100px;
}

@media screen and (max-width:1000px) {
#hojin_dakko_banner {
	margin: 0 auto 50px;
}
	
}


#service_flow h3 {
	font-size: 35px;
	color: #F8A761;
	margin: 0 0 40px;
	text-align: center;
}

@media screen and (max-width:1000px) {
#service_flow h3 {
	font-size: 22px;
	margin: 0 0 20px;
}	
}

#service_flow h3 span {
    background: linear-gradient(transparent 50%, #FFF6DC 50%);
    padding: 0 10px 0;
}

.flow_img {
	max-width: 1000px;
	margin: 0 auto 60px;
}

#service_top #babysitter_img {
	max-width: 300px;
	padding: 30px;
	box-sizing: border-box;
	background-color: #FFF;
	border-radius: 30px;
	margin: 0 auto;
}


/*　保護者の声　 */
#hogosya_voice {
	padding: 112px 0 0;
	margin: -112px 0 0;
   
}

@media screen and (max-width:1000px) {
#hogosya_voice {
	padding: 72px 0 0;
	margin: -72px 0 0;
}
	
}
#hogosya_voice_container {
	padding: 60px 25px;
	box-sizing: border-box;
	margin: 60px auto 70px;
    max-width: 1400px;
	background-color: rgba(255,251,243,1);
	border-radius: 25px;
}

@media screen and (max-width:1000px) {
#hogosya_voice_container {
	padding: 50px 15px;
	margin: 0 auto 70px;
}
	
}


#hogosya_voice h3 {
	font-size: 35px;
	color: #F8A761;
	margin: 0 0 40px;
	text-align: center;
}

@media screen and (max-width:1000px) {
#hogosya_voice h3 {
	font-size: 22px;
	text-align: center;
}	
}


#hogosya_voice h3 span {
   background: linear-gradient(transparent 50%, #FFF6DC 50%);
    padding: 0 10px 0;
}

#hogosya_voice_container > p {
	text-align: center;
	color: #707070;
    font-size: 16px;
    line-height: 1.8;
}

@media screen and (max-width:1000px) {
#hogosya_voice_container > p {
    text-align: left;
}	
}

.p-voice__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 2rem;
}
.p-voice__items dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
	gap: 2rem;
}
.p-voice__items dd .c-hukidashi {
	padding: 1rem;
	font-weight: normal;
}

.p-voice__items dd.left {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.p-voice__items img {
	width: 5rem;
	height: 5rem;
}
@media screen and (max-width: 768px) {
	.p-voice__items img {
		width: 40px;
		height: 40px;
	}
}
.p-voice__tag {
	margin-top: 1rem;
	background-color: #8ec551;
	color: #fff;
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 0.25rem 0 0.25rem 2.25em;
	border-radius: 5px;
}
@media screen and (max-width: 768px) {
	.p-voice__tag {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		padding: 0.25rem 0.25rem 0.25rem 2.25em;
	}
}
.p-voice__tag::before {
	position: absolute;
	content: "";
	width: 1.25em;
	height: 1.25em;
	background-color: #8ec551;
	border-radius: 50%;
	top: calc(50% - 0.625em);
	left: 0.45em;
	z-index: 2;
	background: url("../images/hoiku_service/logo.svg") no-repeat center center;
}
.p-voice__tag::after {
	content: "";
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	background-color: #fff;
	border-radius: 50%;
	top: calc(50% - 0.75em);
	left: 0.25em;
	z-index: 1;
}
.p-voice__tag span {
	background-color: #f6fbf1;
	color: #8ec551;
	padding: 0.5rem;
}
@media screen and (max-width: 768px) {
	.p-voice__tag span {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}
}

.p-voice__q {
    background-color: #FFF;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.25rem;
    position: relative;
    padding: 10px 0 10px 75px;
	color: #767676;
	font-weight: normal;
}

@media screen and (max-width:1000px) {
.p-voice__q {
    font-size: 16px;
	padding: 10px 0 10px 45px;
}	
}

.p-voice__q::before {
    content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
    font-size: 1.6rem;
    font-weight: bold;
    margin-right: 1rem;
    color: #fff;
    background-color: #fda721;
    width: 64px;
    display: block;
    text-align: center;
}

@media screen and (max-width:1000px) {
.p-voice__q::before {
    width: 38px;
}	
}

.p-voice__q::after {
	content: "Q";
	position: absolute;
	top: 54%;
	left: 19px;
	transform: translateY(-50%);
	font-size: 2rem;
	color: #FFF;
	font-weight: bold;
}

@media screen and (max-width:1000px) {
.p-voice__q::after {
	left: 10px;
	font-size: 20px;
}	
}

.c-hukidashi {
    position: relative;
    min-height: 80px;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffffff;
    padding: 1rem 5rem;
    border: 1px solid #d1c8bf;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.c-hukidashi__left:before {
    border-color: rgba(209, 200, 191, 0) !important;
    border-top-width: 11px !important;
    border-bottom-width: 11px !important;
    border-left-width: 22px !important;
    border-right-width: 22px !important;
    margin-top: -11px;
    margin-right: 1px;
    border-right-color: #d1c8bf !important;
}

.c-hukidashi__left::after {
    border-color: rgba(255, 255, 255, 0) !important ;
    border-top-width: 10px !important;
    border-bottom-width: 10px !important;
    border-left-width: 20px !important;
    border-right-width: 20px !important;
    margin-top: -10px;
    border-right-color: #ffffff !important;
}

.c-hukidashi__right::before {
    border-color: rgba(209, 200, 191, 0) !important;
    border-top-width: 11px !important;
    border-bottom-width: 11px !important;
    border-left-width: 22px !important;
    border-right-width: 22px !important;
    margin-top: -11px;
    margin-left: 1px;
    border-left-color: #d1c8bf !important;
}


.c-hukidashi__right::after {
    border-color: rgba(255, 255, 255, 0) !important;
    border-top-width: 10px !important;
    border-bottom-width: 10px !important;
    border-left-width: 20px !important;
    border-right-width: 20px !important;
    margin-top: -10px;
    border-left-color: #ffffff !important;
}

.c-hukidashi:before, .c-hukidashi::after {
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
}

.c-hukidashi__left:before, .c-hukidashi__left::after {
    right: 100%;
    top: 50%;
}

@media screen and (max-width: 768px) {
.c-hukidashi__left:before, .c-hukidashi__left::after {
    top: 25px;
}	
}

.c-hukidashi__right:before, .c-hukidashi__right::after {
    left: 100%;
    top: 50%;
}

@media screen and (max-width: 768px) {
.c-hukidashi__right:before, .c-hukidashi__right::after {
    top: 25px;
}	
}

*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.voice_box {
	padding: 40px 0 0;
}

.answer {
	color: #707070;
}

/*　保育環境　 */
#hoiku_kankyo {
	padding: 116px 0 0;
	margin: -116px 0 0;
}

@media screen and (max-width:1000px) {
#hoiku_kankyo {
	padding: 72px 0 0;
	margin: -72px 0 0;
}
	
}

#hoiku_kankyo_container {
	padding: 60px 25px 60px;
	box-sizing: border-box;
	margin: 60px auto 70px;
    max-width: 1400px;
	background-color: rgba(255,251,243,1);
	border-radius: 25px;
}

@media screen and (max-width:1000px) {
#hoiku_kankyo_container {
	padding: 50px 15px 50px;
	margin: 0 auto 70px;
}
	
}


#hoiku_kankyo h3 {
	font-size: 35px;
	color: #F8A761;
	margin: 0 0 40px;
	text-align: center;
}

@media screen and (max-width:1000px) {
#hoiku_kankyo h3 {
	font-size: 22px;
	text-align: center;
}	
}


#hoiku_kankyo h3 span {
   background: linear-gradient(transparent 50%, #FFF6DC 50%);
    padding: 0 10px 0;
}

#hoiku_kankyo_container > p {
	text-align: center;
	color: #707070;
    font-size: 16px;
    line-height: 1.8;
}

@media screen and (max-width:1000px) {
#hoiku_kankyo > p {
    text-align: left;
}	
}

#kankyo_list {
	padding: 50px 0 0;
}

#kankyo_list li {
	display: flex;
	justify-content:space-between;
	max-width: 1200px;
	padding: 0 0 50px;
	border-bottom: 1px solid #F8A761;
	margin: 0 auto 50px;
}

@media screen and (max-width: 768px) {
#kankyo_list li {
	display: block;
}	
}


#kankyo_list li:nth-child(2n) {
	flex-direction: row-reverse;
}

#kankyo_list li figure {
	width: 40%;
}

@media screen and (max-width: 768px) {
#kankyo_list li figure {
	width: 100%;
	max-width: 400px;
	margin: 0 auto 20px;
}	
}


#kankyo_list li .kankyo_text {
	width: 57%;
}

@media screen and (max-width: 768px) {
#kankyo_list li .kankyo_text {
	width: 100%;
}	
}

#kankyo_list li .kankyo_text .kankyo_sub_ttl {
	padding: 5px 10px;
	display: inline-block;
	background-color: #8ec551;
    color: #fff;
	margin: 0 0 10px;
}

.kankyo_text h4 {
	font-size: 25px;
	padding: 0 0 0 50px;
	color: #8ec551;
	position: relative;
	margin: 0 0 20px;
}

@media screen and (max-width: 768px) {
.kankyo_text h4 {
	font-size: 20px;
}	
}

.kankyo_text h4::after {
	content: "";
	position: absolute;
	width: 40px;
	height: auto;
	top: 4px;
	left: 0;
	bottom: 4px;
	background-image: url("../images/hoiku_service/icon-kindergarten.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.kankyo_text p {
	margin: 0 0 20px;
	color: rgba(103,103,103,1.00);
}

.vr_link {
	display: block;
	padding: 10px;
	width: 250px;
	text-align: center;
	border: 1px solid #8ec551;
	border-radius: 30px;
	font-size: 18px;
	color: #8ec551;
	background-color: #FFF;
}

.vr_link img {
	display: inline-block;
	margin: 0 5px 0 0;
	width: 22px;
}

#annzen h4 {
	    padding: 20px 0;
    background-color: #F8A761;
    text-align: center;
    color: #FFF;
    font-size: 35px;
	border-radius: 6px;
}

@media screen and (max-width: 768px) {
#annzen h4 {

    font-size: 20px;
}	
}

#annzen h5 {
    text-align: center;
    color: #F8A761;
    font-size: 25px;
	padding: 40px 0;
	width: 95%;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
#annzen h5 {
    font-size: 18px;
	padding: 25px 0;
	width: 100%;
}	
}

#anzen_text {
	width: 95%;
	margin: 0 auto;
	display: flex;
}

@media screen and (max-width: 768px) {
#anzen_text {
	display: block;
}	
}

#anzen_text figure {
	width: 20%;
	margin: 0 3% 0 0;
}


@media screen and (max-width: 768px) {
#anzen_text figure {
	width: 80%;
	max-width: 300px;
	margin: 0 auto 20px;
}	
}

#anzen_text figure p {
	font-size: 12px;
	color: rgba(146,146,146,1.00);
}

#anzen_text > p {
	width: 77%;
	color: rgba(103, 103, 103, 1.00);
	line-height: 2;
}

@media screen and (max-width: 768px) {
#anzen_text > p {
	width: 100%;
}	
}

#daihyo {
	display: flex;
	align-items: center;
	max-width: 700px;
	margin: 25px auto 0;
	padding: 25px;
	border-radius: 5px;
	background-color: #FFF;
}

@media screen and (max-width: 768px) {
#daihyo {
	display: block;
	
}	
}





#daihyo img  {
	width: 30%;
	display: block;
	margin: 0 25px 0 0;
}

@media screen and (max-width: 768px) {
#daihyo img  {
	width: 200px;
	margin: 0 auto 30px;;
}
	
}

#daihyo_text h6 {
	font-size: 22px;
	margin: 0 0 10px;
	font-weight: bold;
	color: #F8A761;
}

@media screen and (max-width: 768px) {
#daihyo_text h6 {
	font-size: 19px;
}	
}

#daihyo_text p {
	color: #707070;
}

#hoiku_nav {
	z-index: 10;
	bottom: 10%;
	right: 20px;
	position: fixed;
}

#hoiku_nav ul {
	padding: 20px 20px 20px 20px;
	width: 220px;
	background-color: #FFF;
	border-radius: 10px;
	box-shadow: 0px 3px 31px 8px rgba(121, 121, 121, 0.1);
	
	
}


#hoiku_nav_btn {
	position: absolute;
	height: 32px;
	width: 32px;
	background-color: #F8A761;
	border-radius: 50%;
	top: -17px;
	right: -17px;
	cursor:pointer;
}

#hoiku_nav_btn::after {
	content: "";
	position: absolute;
	height: 3px;
	width: 20px;
	background-color: #FFF;
	border-radius: 3px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	z-index: 2;
}

#hoiku_nav_btn::before {
	content: "";
	position: absolute;
	height: 3px;
	width: 21px;
	background-color: #FFF;
	border-radius: 3px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg); 
	z-index: 2;
}



#hoiku_nav li {
	position: relative;
	 background-image: radial-gradient(circle, #c2c2c2 1px, transparent 1px);
  background-position: left -4px bottom;
  background-repeat: repeat-x;
  background-size: 14px 2px;
}

#hoiku_nav li:last-child {
	background:none;
}

#hoiku_nav li::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	
	background-color: #F8A761;
}



#hoiku_nav a {
	display: inline-block;
	width: 100%;
	padding: 10px 10px 10px 20px;
	color: #F8A761;
}

#hoiku_nav_open_btn {
  display: none;
  background-color: #F8A761;
	position: fixed;
	height: 70px;
	width: 70px;
	border-radius: 50%;
	bottom: 10%;
	right: 25px;
	cursor:pointer;
	border: 1px solid #FFF;
}

@media screen and (max-width: 768px) {
#hoiku_nav_open_btn {
	height: 60px;
	width: 60px;
	right: 10px;
}	
}

@media screen and (max-width: 768px) {
  #hoiku_nav_btn,
  #hoiku_nav ul {
    display: none;
  }

  #hoiku_nav_open_btn {
    display: block;
  }
}

#hoiku_nav_open_btn span {
	position: absolute;
	height: 3px;
	width: 35px;
	background-color: #FFF;
	border-radius: 5px;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 20px;	
}

@media screen and (max-width: 768px) {
#hoiku_nav_open_btn span {
	position: absolute;
	height: 3px;
	width: 30px;
	background-color: #FFF;
	border-radius: 5px;
	left: 0;
	right: 0;
	margin: 0 auto;
}	
}


#hoiku_nav_open_btn span:nth-child(1) {
	top: 20px;
}

@media screen and (max-width: 768px) {
#hoiku_nav_open_btn span:nth-child(1) {
	top: 18px;
}	
}

#hoiku_nav_open_btn span:nth-child(2) {
	top: 34px;
}

@media screen and (max-width: 768px) {
#hoiku_nav_open_btn span:nth-child(2) {
	top: 29px;
}	
}

#hoiku_nav_open_btn span:nth-child(3) {
	top: 48px;
}

@media screen and (max-width: 768px) {
#hoiku_nav_open_btn span:nth-child(3) {
	top: 40px;
}	
}