@media screen and (max-width: 1430px) {
    .width1400 {
        padding: 0 15px;
    }
}





@media screen and (max-width: 1300px) {
	
	.contact-band {
	    background-position: 50% 50%, 20% 50px, 80% 50px, 50% 100%;
	}
	
}



@media screen and (max-width: 1130px) {
	
    .width1100 {
        padding: 0 15px;
    }
	
}




@media screen and (max-width: 1100px) {
	h3.h3tpye01 {
		font-size: 1.29rem;
	}
}





@media screen and (max-width: 1024px) {
	
	h2.h2type01 {
	    font-size: 3.2rem;
	}
	
	a.officeItems {
		width: 47%;
	}
	
	h3.h3tpye01 {
	    font-size: 1.5rem;
	}

	.footer-nav.flex {
		width: 100%;
		background-color: #fefefeaa;
		padding: 15px 15px 5px;
		border-radius: 10px;
	}
	
    .sp-header02 {
        display: block;
        width: 100%;
        padding: 12px 0;
    }
		
	section#kodomoen-news {
	    background-size: 225px, 100%;
    	background-position: 5% 100%, 50% 100%;
	    padding-bottom: 200px;
	}
	
	section#kodomoen-greet {
	    background-size: 200px;
	    padding-bottom: 125px;
	}

	.impItems {
		width: 50%;
	}
	
	section#kodomoen-feature {
	    padding-top: 100px;
	}
	
	.featureBox.flex {
		gap: 30px;
		justify-content: space-evenly;
	}
	
	.feaItems {
		width: 40%;
	}
	
	section#kodomo-life {
        padding-bottom: 175px;
        background-size: 200px, 100%;
        background-position: 102% 100%, 50% 100%;
    }
	
	.documentBox.flex a {
	    width: 47%;
	}
	
	section#doronko-news {
	    padding-bottom: 150px;
	}
	
	.actItems {
		width: 47%;
	}
	
	section#doronko-overview {
		padding-top: 100px;
	}
	
	section#cosmos-greet {
	    padding-bottom: 150px;
	}
	
	section#cosmos-greet {
		padding-bottom: 100px;
		padding-top: 0;
	}
	
	section#dojokko-greet {
	    padding-bottom: 150px;
	}
	
	section#dojokko-overview {
	    padding-top: 100px;
	}
	
    section#puchiburou-greet01 {
        padding-bottom: 0;
    }
	
    section#puchiburou-works {
        padding-bottom: 150px;
        padding-top: 50px;
        background-position: 50% 100%;
    }
	
	section#puchiburou-introduction {
	    padding-top: 100px;
	}

    section#mokumokku-works {
        padding-bottom: 150px;
        background-position: 50% 100%;
    }
	
	section#mokumokku-overview {
	    padding-top: 100px;
	}
	
	section#pocket-house-greet {
	   padding-bottom: 150px;
	}
	
	section#pocket-house-overview {
	    padding-top: 100px;
	}

    .sidebar {
        margin-top: 25px;
    }
	
	
}



@media screen and (max-width: 830px) {
    .width800 {
        padding: 0 15px;
    }
}




@media screen and (max-width:820px) {
	
	h3.h3type02 {
		text-align: left;
		padding: 10px 10px 10px 30px;
		background-size: 20px, 0;
	}
	
    a.officeItems {
        width: 100%;
        max-width: 450px;
    }
	
	.contact-band {
        background-position: 50% 50%, 5% 50px, 95% 50px, 50% 100%;
    }
	
	.panel-group {
		padding: 35px 15px;
	}
	
	.ovItems {
		width: 100%;
		max-width: 600px;
		margin: auto;
	}
	
	section#kodomo-overview {
	    background-size: 150px;
	    padding-bottom: 100px;
	}

	.daily-frame {
	    padding: 30px 15px;
	}
	
	section#cosmos-overview {
	    padding-top: 50px;
	}
	
	.clm02-70 {
		width: 100%;
	}
	
	.clm02-30 {
		width: 100%;
	}
		
	.clm02-30 img {
        max-width: 350px;
        margin: 10px auto 0;
    }
	
	h4.h4type01 {
		margin-top: 20px;
	}
	
	.cosmosOvBox {
	    padding: 20px 30px 40px;
	}
	
	.dojokkoOvBox {
	    padding: 20px 30px 40px;
	}
	
	.dojokkoOvImg.flex img {
	    max-width: 200px;
	}
	
}




@media screen and (max-width:600px) {
	
	.hlBox {
	    padding-top: 60px;
	    background-size: 100px;
	}
	
	span.hlEng {
	    font-size: 1.5rem;
	}
	
    .contact-band {
        background-position: 50% 50%, 5% 25px, 95% 25px, 50% 100%;
		background-size: 100px, 90px, 90px, 100%;
    }
	
	section#kodomoen-news {
        padding-bottom: 100px;
        background-position: -5% 20%, 50% 100%;
        background-size: 125px, 100%;
    }
	
    section#kodomoen-greet {
        background-size: 125px;
        padding-bottom: 100px;
    }
	
	.feaItems {
        width: 100%;
        max-width: 400px;
    }
	
	.documentBox.flex a {
	    width: 100%;
	    max-width: 400px;
	}
	
	section#doronko-news {
        padding-bottom: 100px;
    }
	
	.actItems {
		width: 100%;
		max-width: 400px;
	}
	
	section#dojokko-greet {
        padding-bottom: 100px;
    }
	
	
	
}


@media screen and (max-width:500px) {
	
	.impItems {
        width: 100%;
        max-width: 350px;
        margin: auto;
    }
	
	ul.com-list02.flex {
		margin: 0;
	}
	
}



@media screen and (max-width:450px) {
    .com-list02-img {
        width: 100% !important;
		max-width: 300px !important;
		margin: 0 auto 10px !important;
    }

	.com-list02-content {
        width: 100% !important;
    }
}








@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width:820px) {}