@charset "UTF-8";
/* ==========================================================================
  園の概要・入園案内（about/index.html）ページのUnique　ユニーク
========================================================================== */
/* 園の概要
========================================================================== */

/*　bl_underContTable　*/
.bl_underContTable__cBrown table{
	width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.bl_underContTable__cBrown table{
	width: 100%;
	margin-bottom: 1rem;
	line-height: 1.5em
}

.bl_underContTable__cBrown table{
	width:100%;
	border-top:#ddd1ba solid 1px;
	border-right:#ddd1ba solid 1px;
	border-collapse: collapse;
}
.bl_underContTable__cBrown table thead th {
	background:#ddd1ba;
	color:#3a3a3a;
	padding:10px 15px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
}
.bl_underContTable__cBrown table thead th:last-child {
	border-right:#ddd1ba solid 1px;
}
.bl_underContTable__cBrown table tbody th {
	background:#ddd1ba;
	color:#3a3a3a;
	padding:10px 15px;
	border-bottom:#FFF solid 1px;
	vertical-align:top;
}
.bl_underContTable__cBrown table tbody tr:last-child th {
	border-bottom:#ddd1ba solid 1px;
}
.bl_underContTable__cBrown table tbody td {
	background:#FFF;
	padding:10px 15px;
	border-left:#ddd1ba solid 1px;
	border-bottom:#ddd1ba solid 1px;
	vertical-align:top;
}
 
@media screen and (max-width: 640px) {
.bl_underContTable__cBrown table thead {
	display:none;
}
.bl_underContTable__cBrown table tbody th {
	display:block;
}
.bl_underContTable__cBrown table tbody td {
	display:block;
}
.bl_underContTable__cBrown table tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
.bl_underContTable__cBrown table tbody td p {
	padding-left:6em;
}
}
/*Green*/
.bl_underContTable__cGreen table{
	width: 100%;
	margin-bottom: 1rem;
	line-height: 1.5em
}

.bl_underContTable__cGreen table{
	width:100%;
	border-top:#a7c591 solid 1px;
	border-right:#a7c591 solid 1px;
	border-collapse: collapse;
}
.bl_underContTable__cGreen table thead th {
	background:#a7c591;
	color:#3a3a3a;
	padding:10px 15px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
}
.bl_underContTable__cGreen table thead th:last-child {
	border-right:#a7c591 solid 1px;
}
.bl_underContTable__cGreen table tbody th {
	background:#a7c591;
	color:#3a3a3a;
	padding:10px 15px;
	border-bottom:#FFF solid 1px;
	vertical-align:top;
}
.bl_underContTable__cGreen table tbody tr:last-child th {
	border-bottom:#a7c591 solid 1px;
}
.bl_underContTable__cGreen table tbody td {
	background:#FFF;
	padding:10px 15px;
	border-left:#a7c591 solid 1px;
	border-bottom:#a7c591 solid 1px;
	vertical-align:top;
}
 
@media screen and (max-width: 640px) {
.bl_underContTable__cGreen table thead {
	display:none;
}
.bl_underContTable__cGreen table tbody th {
	display:block;
}
.bl_underContTable__cGreen table tbody td {
	display:block;
}
.bl_underContTable__cGreen table tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
.bl_underContTable__cGreen table tbody td p {
	padding-left:6em;
}
}

/*========================================================================== */
/* 新入園児募集スケジュール
========================================================================== */
.un_aboutFlow{
    position: relative;
    /*max-width: 400px;*/
	width: 90%;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
}
.un_aboutFlow.un_aboutFlow__illustKids{
    padding-bottom: 120px;
}
.un_aboutFlow> *:last-child{
    margin-bottom: 0;
}
.un_aboutFlow_ttl{
    position: relative;
    padding-top: 80px;
    font-weight: 500;
    text-align: center;
    line-height: var(--txtlineHeight);
}
.un_aboutFlow_ttl::before{
    content: attr(data-time);
    position: absolute;
    top:0;
    left:50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 71px;
    background-image: url(../img/about/flow_timeBg.png);
    background-repeat: no-repeat;
    background-size: contain;
    color:#fff;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: var(--letterSpace400);
}
.un_aboutFlow_txt{
    text-align: center;
}
.un_aboutFlow_list{
    display: table;
    margin-right: auto;
    margin-left: auto;
}
.un_aboutFlow_illust{
    position: absolute;
}
.un_aboutFlow_illust.un_aboutFlow_illust__bus{
    width: 83px;
    top:30px;
    right:0;
}
.un_aboutFlow_illust.un_aboutFlow_illust__praying2{
    width: 40px;
    top:37px;
    left:37px;
}
.un_aboutFlow_illust.un_aboutFlow_illust__lunch{
    width: 100px;
    top:51px;
    right: 0;
}
.un_aboutFlow_illust.un_aboutFlow_illust__hat{
    width: 57px;
    top:75px;
    left: 32px;
}
.un_aboutFlow_illust.un_aboutFlow_illust__kids{
    width: 127px;
    bottom:0;
    right:20px;
}
    @media (min-width: 768px) {
        .un_aboutFlow{
            max-width: 100em;
            min-height: 6.1em;
            margin-bottom: 2em;
        }
        .un_aboutFlow.un_aboutFlow__illustKids{
            padding-bottom: 4.2em;
        }
        .un_aboutFlow_ttl{
            padding-top: .8em;
            padding-left: 9em;
            font-size: 1.2em;
            text-align: left;
        }
        .un_aboutFlow_ttl::before{
            left:0;
            transform: translateX(0);
            width: 7.8em;
            height: 5em;
            font-size: 1em;
        }
        .un_aboutFlow_txt{
            padding-left: 11em;
            text-align: left;
        }
        .un_aboutFlow_list{
            margin-left: 1em;
        }
        .un_aboutFlow_brSm{
            display: none;
        }
        .un_aboutFlow_illust.un_aboutFlow_illust__bus{
            width: 8em;
            top:-4.5em;
            right:0;
        }
        .un_aboutFlow_illust.un_aboutFlow_illust__praying2{
            width: 2.7em;
            top:1.2em;
            left:auto;
            right:0;
        }
        .un_aboutFlow_illust.un_aboutFlow_illust__lunch{
            width: 6.5em;
            top:5.2em;
            left:28em;
            right: auto;
        }
        .un_aboutFlow_illust.un_aboutFlow_illust__hat{
            width: 4.2em;
            top:1.6em;
            left: 23em;
        }
        .un_aboutFlow_illust.un_aboutFlow_illust__kids{
            width: 7em;
            bottom:0;
            right:0;
        }
        .un_aboutFlowBox{
            max-width: 100em;
            margin-right: auto;
            margin-left: auto;
        }
    }