.infancy-main{

}


.infancy-tree{
    background-image: url(../images/infancy/pc-sky-back.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 80px;
}


.infancy--tree__top-text h1 {
    position: relative;
    font-size: .22rem;
    font-weight: 600;
    width: 357px;
    max-width: 100%;
    z-index: 1;
    margin: 0 auto 134px;
    letter-spacing: 0.16em;
    text-align: center;
    color: #3c3c3c;
}

.infancy--tree__top-text h1 img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

.infancy--tree__top-img {
    width: fit-content;
    margin: 0 auto 36px;
}

.infancy--tree__top-img.pc_only{
    display: block;
}

.infancy--tree__top-text p {
    font-size: .18rem;
    font-weight: bold;
    text-align: center;
    line-height: 2.5;
    letter-spacing: 0.1em;
}

.infancy--tree__top-text {
    margin-bottom: 17px;
}

.infancy-tree > img{
    width: 100%;
}



/* 乳幼児期に大切にしたいポイント */
.infancy-point{
    background-color: #E9FCE8;
    padding-top: 112px;
    padding-bottom: 42px;
    margin-bottom: 80px;
}

.infancy-point h2 {
    width: fit-content;
    margin-bottom: 82px;
}

.infancy-point h2::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}

.infancy-point h2::before {
    background-image: url(../images/infancy/infancy-point-border.svg);
    height: 17px;
    bottom: -32px;
    width: 55%;
    left: 0px;
}


.infancy-point__block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 1140px;
    max-width: 100%;
    margin: 0 auto 122px;
    padding: 0 20px;
}

.infancy-point__block:last-of-type{
    margin-bottom: 0;
}

.infancy-point__text {
    width: 46.4%;
}

.infancy-point__midashi{
    font-size: .27rem;
    font-weight: bold;
    color:#7E4508;
    margin-bottom: 30px;
    letter-spacing: 0.16em;
}

.infancy-point__lead{
    font-size: .17rem;
    font-weight: bold;
    line-height: 2.35;
    margin-bottom: 20px;
    letter-spacing: 0.16em;
}

.infancy-point__block img{
    width: 46.6%;
}


.in-pont-play .infancy-point__text{
    margin-left: 47px;
}

.in-pont-play img {
    margin-top: 20px;
    margin-right: 9px;
}


.in-pont-reism img {
    margin-top: -41px;
    margin-left: 27px;
    width: 44.6%;
}

.in-pont-reism .infancy-point__lead {
    margin-bottom: 39px;
}


.infancy-last-words p {
    font-size: .21rem;
    font-weight: bold;
    text-align: center;
    line-height: 2.8;
    letter-spacing: 0.16em;
}

.infancy-last-words {
    margin-bottom: 66px;
}

@media screen and (max-width:800px){
	.infancy--tree__top-text {
		margin-bottom: 40px;
	}
    .infancy--tree__top-text h1 {
        margin: 0 auto 70px;
        font-size: .17rem;
        width: 287px;
    }
	.infancy--tree__top-img.pc_only{
		display: none;
	}
	.infancy--tree__top-img.sp_only {
        margin: 0 auto 30px;
        display: block;
        width: 173px;
    }
	.infancy--tree__top-text p{
		margin: 0 auto;
		width: calc(100% - 50px);
		font-size: .15rem;
        line-height: 2.1;
	}
	.wood_sp{
		position: relative;
	}
	.rootwrap{
		position: absolute;
		z-index: 1;
		bottom: calc(100% * 0.29);
		left: 0;
		width: 100%;
	}
	.root {
	  position: relative;
	  width: 100%;
	  height: auto;
	}

	.root img {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: auto;
	  opacity: 0;
	  animation-duration: 4s;
	  animation-iteration-count: infinite;
	  animation-timing-function: ease-in-out;
	  transition: opacity 1s;
	}
	.root1 {
	  animation-name: fade1;
	}
	.root2 {
	  animation-name: fade2;
	}
	@keyframes fade1 {
	  0% { opacity: 1; }
	  50% { opacity: 0; }
	  100% { opacity: 1; }
	}
	@keyframes fade2 {
	  0% { opacity: 0; }
	  50% { opacity: 1; }
	  100% { opacity: 0; }
	}
    .infancy-point {
        padding-top: 50px;
        padding-bottom: 50px;
        margin-bottom: 50px;
    }
	.infancy-point h2{
		width: 291px;
	    margin-bottom: 100px;
	}
	.infancy-point h2::before {
		height: 14px;
		bottom: -45px;
		width: 90%;
	}
	.infancy-point__block {
        margin: 0 auto 30px;
        padding: 0 15px;
        flex-direction: column;
    }
	.infancy-point__block:last-of-type{
		flex-direction: column-reverse;
	}
	.infancy-point__text{
		margin: 0 auto;
		width: calc(100% - 40px);
	}
	.in-pont-play .infancy-point__text{
		margin-left: 0;
		margin: 0 auto;
	}
	.in-pont-play img,
	.in-pont-reism img{
		margin: 0 auto 0;
		width: 100%;
	}
	.infancy-point__midashi {
		font-size: .22rem;
		font-weight: bold;
		line-height: 1.8;
		margin-bottom: 20px;
		text-align: center;
	}
	.infancy-point__lead {
		margin: 0 auto 25px;
		width: 100%;
        letter-spacing: 0.16em;
        line-height: 2.15;
        font-size: .14rem;
    }
	.in-pont-reism .infancy-point__lead{
		margin: 0 auto 25px;
	}
	.infancy-last-words {
		margin-bottom: 0;
	}
	.infancy-last-words p {
        width: 100%;
        padding: 0 30px;
        line-height: 2.15;
        font-size: .16rem;
    }
}