@charset "utf-8";
/* CHILDCARE CSS
---------------------------------- */

.pagettl .img-area {
    background: url(../img/childcare/pagettl.jpg) no-repeat top right / cover #d481a1;
}
.childcare .primary-title {
	margin-right: 9.5%;
}
.childcare .primary-title .title-txt{
	display: flex;
	flex-direction: column;
	justify-content: center;
	column-gap: 10px;
	line-height: 1;
	margin: 0 auto;
    writing-mode: vertical-rl;
}
.childcare .primary-title .main-title{
    margin-right: 10px;
}
.childcare.tanpopo .primary-title .logo-wrap{
	width: 79px;
}
.childcare.nanohana .primary-title .logo-wrap{
	width: 64px;
}
.childcare.tanpopo .primary-title .logo-img{
	padding-top: 104%;
}
.childcare.nanohana .primary-title .logo-img{
	padding-top: 127%;
}

.childcare .cont-desc {
	flex: 1;
}
.childcare .info-area dl {
	padding: 25px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.childcare .info-area dl:last-of-type {
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.childcare .info-area dt {
	width: 14%;
	min-width: 120px;
	max-width: 140px;
}
.childcare .info-area dd {
	flex: 1;
}
.childcare .cont-desc .btn {
	margin-left: auto;
}
@media (min-width: 768px) and (max-width: 1023px) {
    .childcare .info-area dl {
        padding: 20px 0;
    }
}
@media (min-width: 481px) and (max-width: 767px) {
    .childcare.tanpopo .primary-title .logo-wrap{
        width: 67px;
    }
    .childcare .info-area dl {
        padding: 15px 0;
    }
}
@media (max-width: 767px) {
	.childcare .cont-area {
        flex-direction: column;
    }
    .childcare .cont-info {
        flex-direction: column;
        row-gap: 10px;
    }
	.childcare .primary-title {
        display: flex;
		margin: 0 0 20px;
    }
	.childcare .primary-title .logo-wrap{
        margin: 0 10px 0 0;
	}

	.childcare .primary-title .title-txt{
        writing-mode: horizontal-tb;
		margin: 0;
	}

    .childcare .primary-title .title-txt h2{
        margin: 10px 0 0 0;
    }
}
@media (min-width: 576px) {
    .childcare .info-area .sp-only-info {display: none;}
}
@media (max-width: 575px) {
    .childcare .info-area .pc-only-info {display: none;}
}
@media (max-width: 480px) {
    .childcare.tanpopo .primary-title .logo-wrap {
        width: 62.5px;
    }
    .childcare .info-area dl {
		flex-direction: column;
        padding: 10px 0;
    }
    .childcare .info-area dt {
        margin-bottom: 3px;
    }
}
@media (max-width: 375px) {
    .childcare.tanpopo .primary-title .logo-wrap {
        width: 50px;
    }
    .childcare.nanohana .primary-title .logo-wrap {
        width: 42px;
    }
    .childcare .primary-title .sub-title{
        font-size: 1.4rem;
    }
    .childcare .primary-title .main-title {
        font-size: clamp(1.85rem, 1.6832rem + 0.35vw, 2.1rem);;
    }
}