.schedule {
    text-align: center;
    border-collapse: separate;
    border-spacing: 0px 16px;
    border-radius: 4vw;
}
.schedule table{
    margin: auto;
    width: 100%;
}
.schedule tr:nth-child(even){
    background-color: rgba(255,242,203,0.4);
}
.schedule table{
    padding: 5% 0;
}
.schedule table tr{
}
.schedule table tr th{
    padding: 10px;
    font-size: 1.2em;
    border-radius: 1rem;
}
.schedule table tr th:nth-child(1){
    width: 30%;
    background-color: #aaccff;
}
.schedule table tr th:nth-child(2){
    width: 15%;
}
.schedule table tr th:nth-child(3){
    width: 30%;
    background-color: #ffccaa;
}
.schedule table tr td{
    padding: 10px;
    vertical-align: baseline;
}
.schedule table tr td:nth-child(1){
    color: #ff6666;
    font-weight: bold;
}

/* 施設紹介 */
div.facility{
    width: 90%;
    margin: auto;
}

div.img{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 0;
}

/* box4 */
div#box4{
    width: 100%;
    height: 30vw;
    margin: 4% auto;
}
div#box4contents{
    width: 100%;
    height: 100%;
    position: relative;
}
div#box4contents p{
    margin: 0 auto;
    padding: 0 2%;
    position: absolute;
    z-index: 10;
    white-space: nowrap;
}
div#box4contents p:nth-of-type(1){
    top: 0;
    left: 5%;
    background-color: #acf;
    border-radius: 4vw;
}
div#box4contents p:nth-of-type(2){
    top: 8%;
    right: 12%;
    background-color: #fff;
    border: 4px solid #ffa;
    border-radius: 4vw;
}
div#box4contents p:nth-of-type(2):before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  border: 12px solid transparent;
  border-top: 12px solid #fff;
  z-index: 2;
}
div#box4contents p:nth-of-type(2):after {
  content: "";
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  border: 14px solid transparent;
  border-top: 14px solid #ffa;
  z-index: 1;
}
div#box4contents div.img{
    background-image: url("../images/childdevelopment/image1.jpg"), url("../images/childdevelopment/image2.jpg");
    background-position:
        top 50% left 15%,
        bottom 50% right 15%
    ;
    background-size:
        50% auto,
        30% auto
    ;
}

/* box5 */
div#box5{
    width: 100%;
    height: 30vw;
    margin: 4% auto;
}
div#box5contents{
    width: 100%;
    height: 100%;
    position: relative;
}
div#box5contents p{
    margin: 0 auto;
    padding: 0 2%;
    position: absolute;
    z-index: 10;
    white-space: nowrap;
}
div#box5contents p:nth-of-type(1){
    top: 0;
    left: 5%;
    background-color: #afa;
    border-radius: 4vw;
}
div#box5contents p:nth-of-type(2){
    bottom: 0;
    right: 20%;
    background-color: #fff;
    border: 4px solid #ffa;
    border-radius: 4vw;
}
div#box5contents p:nth-of-type(2):before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
  border: 12px solid transparent;
  border-bottom: 12px solid #fff;
  z-index: 12;
}
div#box5contents p:nth-of-type(2):after {
  content: "";
  position: absolute;
  top: -32px;
  left: 50%;
  transform: translateX(-50%);
  border: 14px solid transparent;
  border-bottom: 14px solid #ffa;
  z-index: 11;
}
div#box5contents div.img{
    background-image: url("../images/childdevelopment/image3.jpg"), url("../images/childdevelopment/image4.jpg"), url("../images/childdevelopment/image5.jpg"), url("../images/childdevelopment/image6.png");
    background-position:
        top 30% left 10%,
        top 30% left 50%,
        top 30% right 10%,
        top 30% left 30%
    ;
    background-size:
        15% auto,
        15% auto,
        15% auto,
        10% auto
    ;
}

/* box6 楽器*/
div#box6{
    width: 100%;
    height: 25vw;
    margin: 4% auto;
}
div#box6contents{
    width: 100%;
    height: 100%;
    position: relative;
}
div#box6contents p{
    margin: 0 auto;
    padding: 0 2%;
    position: absolute;
    z-index: 10;
    white-space: nowrap;

    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #faa;
    border-radius: 4vw;
}
div#box6contents div.img{
    background-image: url("../images/childdevelopment/image9.jpg");
    background-position:
        top 50% left 50%
    ;
    background-size:
        50% auto
    ;
}

/* box7 遊具 */
div#box7{
    width: 100%;
    height: 25vw;
    margin: 4% auto;
}
div#box7contents{
    width: 100%;
    height: 100%;
    position: relative;
}
div#box7contents p{
    margin: 0 auto;
    padding: 0 2%;
    position: absolute;
    z-index: 10;
    white-space: nowrap;

    top: 0;
    left: 5%;
    background-color: #acf;
    border-radius: 4vw;
}
div#box7contents div.img{
    background-image: url("../images/childdevelopment/image10.jpg")/*, url("../images/childdevelopment/image11.jpg"), url("../images/childdevelopment/image12.jpg")*/;
    background-position:
        top 50% left 10%
/*
*/
    ;
    background-size:
        50% auto
/*
*/
    ;
}

/* box8 おもちゃ */
div#box8{
    width: 100%;
    height: 25vw;
    margin: 4% auto;
}
div#box8contents{
    width: 100%;
    height: 100%;
    position: relative;
}
div#box8contents p{
    margin: 0 auto;
    padding: 0 2%;
    position: absolute;
    z-index: 10;
    white-space: nowrap;

    top: 0;
    right: 5%;
    background-color: #afa;
    border-radius: 4vw;
}
div#box8contents div.img{
    background-image: url("../images/childdevelopment/image14.jpg"), url("../images/childdevelopment/image15.jpg"), url("../images/childdevelopment/image16.jpg");
    background-position:
        top 10% left 10%,
        bottom 10% left 30%,
        top 50% right 10%
    ;
    background-size:
        12% auto,
        12% auto,
        50% auto
    ;
}

/* box9 絵本 */
div#box9{
    width: 100%;
    height: 25vw;
    margin: 4% auto;
}
div#box9contents{
    width: 100%;
    height: 100%;
    position: relative;
}
div#box9contents p{
    margin: 0 auto;
    padding: 0 2%;
    position: absolute;
    z-index: 10;
    white-space: nowrap;

    top: 0;
    left: 5%;
    background-color: #faa;
    border-radius: 4vw;
}
div#box9contents div.img{
    background-image: url("../images/childdevelopment/image17.jpg"), url("../images/childdevelopment/image18.jpg")/*, url("../images/childdevelopment/image19.jpg"), url("../images/childdevelopment/image19.jpg"), url("../images/childdevelopment/image20.jpg")*/;
    background-position:
        top 50% right 10%,
        top 50% left 10%
    ;
    background-size:
        20% auto,
        50% auto
    ;
}
@media (max-width: 640px) {
    div#box4{
        height: 70vw;
    }
    div#box4contents p:nth-of-type(2){
        top: 40%;
    }
    div#box4contents div.img{
        background-image: url("../images/childdevelopment/image1.jpg"), url("../images/childdevelopment/image2.jpg");
        background-position:
            top 0 left 50%,
            bottom 0 left 50%
        ;
        background-size:
            60% auto,
            60% auto
        ;
    }
    div#box5{
        height: 48vw;
    }
    div#box5contents p:nth-of-type(2){
        width: 90%;
        left: 5%;
    }
    div#box5contents div.img{
        background-position:
            top 30% left 10%,
            top 30% left 50%,
            top 30% right 10%,
            top 30% left 30%
        ;
        background-size:
            18% auto,
            18% auto,
            18% auto,
            18% auto
        ;
    }
    div#box6contents p{
        left: 80%;
    }
    div#box6contents div.img{
        background-position: bottom left;
        background-size: 60% auto;
    }
    div#box7{
        height: 35vw;
    }
    div#box7contents p{
        width: 60%;
        top: 0;
        left: 0;
    }
    div#box7contents div.img{
        background-position: bottom right;
        background-size: 60% auto;
    }
    div#box8{
        height: 40vw;
    }
    div#box8contents p{
        width: 80%;
    }
    div#box8contents div.img{
        background-position:
            bottom left 10%,
            bottom left 30%,
            bottom right 10%
        ;
        background-size:
            15% auto,
            15% auto,
            50% auto
        ;
    }
    div#box9{
        height: 30vw;
    }
    div#box9contents p{
    }
    div#box9contents div.img{
        background-position:
            bottom right 10%,
            bottom left 10%
        ;
        background-size:
            35% auto,
            50% auto
        ;
    }
}