@charset "utf-8";
/* ごあいさつ */
.greeting_wrap {
    width: 100%;
	background:url(../img/cloud_left.png),url(../img/cloud_right.png);
    background-position: left 5% top 5%,right 5% top 10%;
    background-repeat: no-repeat;

    padding: 40px 0 350px 0;
	background-color: #54c2f1;
	position:relative;
}
.gree_l {
    width: 30%;
    float: left;
    display: inline-block;
}
.gree_r {
    width: 65%;
    float: right;
    display: inline-block;
}
.gree_l3 {
    width: 65%;
    float: left;
    display: inline-block;
}
.gree_r3 {
    width: 30%;
    float: right;
    display: inline-block;
}
p.d_name {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
}
.big_photo {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    margin: 0 auto -200px;
    left: 0;
    right: 0;
	max-width: 777px;
}
.greeting_wrap2 {
    width: 100%;
    padding: 40px 0;
	background-color: #fff23f;
	padding: 300px 0 40px 0;
}
.gree_l2 {
    width: 30%;
    float: left;
    display: inline-block;
}
.gree_r2 {
    width: 65%;
    float: right;
    display: inline-block;
}
.gsp_bottom {
    display: none;}
.greeting_wrapsp {
    display: none;
}
/*保育園について*/
p.g_spimg {
    display: none;
}
h4.h4_sp {
    display: none;
}
h5.over_sp {
    display: none;
}
p.flow_sp {
    display: none;
}
.about_wrap {
    width: 100%;
	background:url(../../about/img/cloud_left.png),url(../../about/img/cloud_right.png);
	background-position:left 5% top 15%,right 5% top 60%;
	background-repeat:no-repeat;
    background-color: #54c2f1;
    height: 267px;
}
.inner_a {
    max-width: 777px;
    width: 100%;
    margin: 0 auto;
	position:relative;
	 height: 267px;
}
.about_tit {
    width: 226px;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 227px;
}
.histry_wrap {
    background-color: #eae4d0;
    width: 100%;
   padding: 40px 0 0 0;
}
.histry_list {
    max-width: 777px;
    margin: 0 auto 40px;
    width: 100%;
}
h4 {
    width: 751px;
    margin-bottom: 15px;
}
.histry_list li {
    width: 48%;
    display: inline-block;
    float: left;
}
.histry_list li dt {
    width: 20%;
    float: left;
    display: inline-block;
	margin-right: 15px;
    font-weight: bold;
}
.histry_list li dd {
    width: 70%;
    float: left;
    display: inline-block;
	
}
 .class_t tr th{
	text-align:center;
	font-weight:bold;
	padding: 5px 15px;
	border-bottom:2px solid #eae4d0;
	border-right:2px solid #eae4d0}
 .class_t tr td{
	text-align:center;
	font-weight:bold;
	padding: 5px 15px;
	border-bottom:2px solid #eae4d0;
	border-right:2px solid #eae4d0}

.histry_list li dd tr{
	}
	
.histry_list li dd tr.class1 {
    background-color: #ccc;
}
.histry_list li dd tr.class2 {
    background-color:#f39700 ;
}
.histry_list li dd tr.class3 {
    background-color: #e84645;
}
.histry_list li dd tr.class4{
    background-color: #ffe100;
}
.histry_list li dd tr.class5{
    background-color: #fff;
}
.histry_list li dd tr.class6{
    background-color: #9da2d0;
}
.histry_list li dd tr.class7{
    background-color: #ed86b3;
}
.staff tr th{
	text-align:left;
	padding:2px 5px;
	width: 35%;}
.staff tr td{
	text-align:left;
	padding:2px 0px 2px 10px;}
ul.h_list.cf {
    margin-bottom: 20px;
}
p.check {
    background-color: #fff;
    padding: 5px 5px 10px 5px;
	color:#e40069;
	margin-top:10px;
}
h5 {
    font-weight: bold;
    font-size: 13px;
	margin:10px 0;
	line-height: 1.4;
}
h5.over_h5 {
    width: 717px;
}
p.hitry_text {
    padding-left: 20px;
}
p.hitry_text span {
    font-weight: bold;
}
.event tr{
border-bottom:2px solid #eae4d0;}
.event tr th{
	text-align:center;
	padding:5px;
	background-color:#e85197;
	width: 12%;
	color:#fff;}
.event tr td{
	padding:5px;
	background-color:#fff;
	}
p.flow {
    width: 695px;
    margin: 20px auto;
}
p.rink_btn {
    width: 200px;
    margin: 10px 0;
}
p.rink_btn a{
	background:url(../../about/img/link_a.png) no-repeat right 15px bottom 50%;
	color:#fff;
	background-color:#e9537d;
	padding:10px 0;
	display:block;
	border-bottom:3px solid #c94970;
	border-radius:5px;
	text-align:center;
	}
ul.rink_list.cf li{
	display:inline-block;}
.over_wrap {
    width: 100%;
    padding: 40px 0;
	background:url(../../about/img/overview_bk.png) no-repeat bottom right 20%;
	background-color: #fff23f;
	margin-top: 40px;
}

span.bold {
    font-weight: bold;
    padding: 2px 15px;
}
dl.over_dt.cf dt {
	display: list-item;
	list-style: disc outside;
	margin-left: 20px;
}
.a_spb {
    display: none;}
/*施設ご案内*/
.guide_sp {
    display: none;
}
.map_wrap2 {
    width: 100%;
	background-color: #fff23f;
}
.guide_tit {
    width: 228px;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 237px;
}
.guide_wrap {
    width: 100%;
    background: url(../../about/img/cloud_left.png),url(../../about/img/cloud_right.png);
    background-position: left 5% top 15%,right 5% top 60%;
    background-repeat: no-repeat;
    background-color: #54c2f1;
    height: 267px;
}
.map_wrapsp {
    display: none;
}
.hierarchy {
    width: 718px;
	height:785px;
    margin: 0 auto;
    position: relative;
}
p.hi_list1 {
    width: 195px;
    height: 195px;
    position: absolute;
    top: 2%;
}
p.hi_list2 {
    width: 194px;
    height: 194px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: -120px auto;
}
p.hi_list3 {
    width: 194px;
    height: 194px;
    position: absolute;
    top: 0;
    right: 0;
    margin: -220px auto;
}
.hierarchy2 {
    width: 718px;
	height:469px;
    margin: 220px auto 0;
    position: relative;
	padding-bottom:60px;
}
p.bottom_map {
    width: 462px;
	margin:0 auto;
}
p.hi_list4 {
    width: 313px;
    height: 289px;
    position: absolute;
    top: 0;
    margin-top: -140px;
}
p.hi_list5 {
    width: 195px;
    height: 194px;
    position: absolute;
    top: 0;
    left: 45%;
    margin: -240px auto;
}
p.hi_list6 {
    width: 195px;
    height: 194px;
    position: absolute;
    right: 0;
    top: 0;
    margin: -340px auto;
}
p.hi_list7 {
    width: 189px;
    height: 187px;
    position: absolute;
    bottom: 5%;
}
/*園児作品*/
wtop_sp{
	display:none;}
.w_spb {
	display:none;
}
.work_titsp{
	display:none;}
.works_wrap {
    width: 100%;
	background: url(../../about/img/cloud_left.png),url(../../about/img/cloud_right.png);
    background-position: left 5% top 15%,right 5% top 60%;
    background-repeat: no-repeat;
    background-color: #54c2f1;
    height: 267px;
}
.work_wrap2 {
    display: none;
}
.work_tit {
    width: 225px;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 237px;
}
.work_tit3 {
    width: 229px;
    height: 225px;
    position: absolute;
    right: 0;
    bottom: 0;
}
p.work_tit2 {
    width: 220px;
    height: 78px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    font-weight: bold;
    line-height: 2;
}
.work_wrap {
    width: 100%;
	background-color: #54c2f1;
	padding:60px 0;
}
p.work_tit2sp {
    display:none;}
figure li {
    width: 31%;
    float: left;
    display: inline-block;
    margin: 20px 25px 20px 0;
}
figure :nth-child(3n){
	margin-right:0;}
figure :nth-child(6n){
	margin-right:0;}
figure :nth-child(9n){
	margin-right:0;}
figure :nth-child(12n){
	margin-right:0;}
figure :nth-child(15n){
	margin-right:0;}
figure :nth-child(18n){
	margin-right:0;}

figure li a:link {
    border: 5px solid #fff;
    display: block;
}
.year_name {
	background:url(../../work/img/ginkgo.png) no-repeat bottom center;}
p.year {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 0;
}
#map {
    width: 100%;
    height: 350px;
    max-width: 777px;
    margin: 0 auto;
	border-radius: 10px;
}
.g_map {
	width:100%;
    padding: 40px 0;
	background-color: #54c2f1;
}
.access_wrap {
    width: 100%;
    background: none;
    background-color: #54c2f1;
    height: 267px;
}
.access_titsp {
    display: none;
}
.map_img {
    display: none;
}
p.map_sp{
	display:none;}
.over_wrapsp {
    display: none;
}
.song_wrapsp {
    display: none;
}
p.contact_tit {
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin: 20px 0;
	font-weight:bold;
}
.contact_wrap {
    width: 100%;
	background-color: #54c2f1;
	padding:40px 0;
}
.must {
    color: #fff;
    margin-left: 10px;
    padding: 2px 10px;
    background: #F92931;
    border-radius: 20px;
    font-size: 11px;
}
label {
    color: #333;
    display: block;
    font-weight: 800;
    margin-bottom: 0.5em;
}
input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    padding: 10px 15px;
    margin: 10px 10px 30px 0px;
    border: none;
    border-radius: 5px;
}
p.submit_text {
    text-align: center;
    color: #fff;
}
button, input[type="button"], input[type="submit"] {
    background-color: #fff23f;
    border: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1;
    padding: 1em 2em;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}
p.submit_btn {
    text-align: center;
    margin: 20px 0;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #fff;
	color: #fff;
    text-align: center;
}
p.sp_bottomimg {
    display: none;
}
/*採用情報*/
.recruit_wrap {
    width: 100%;
    background: url(../../about/img/cloud_left.png),url(../../about/img/cloud_right.png);
    background-position: left 5% top 15%,right 5% top 60%;
    background-repeat: no-repeat;
    background-color: #54c2f1;
    height: 267px;
}

.recruit_tit2 {
    width: 160px;
    margin: 0 auto;
}
.recruit_titsp {
    display: none;
}
.guideline {
    width: 100%;
	background-color: #fff23f;
	    padding: 40px 0;
}
.recruit_inner {
    max-width: 777px;
    width: 100%;
    margin:20px auto 40px;
    background-color: #fff;
    border-radius: 10px;
	    padding: 20px;
}
p.recuit_tit {
    font-weight: bold;
	font-size:18px;
    padding-left: 18px;
    margin: 20px 0 15px;
    background: url(../img/bg_gray_dot.gif) repeat-x left bottom , url(../img/bd_green.gif) no-repeat left center;
    background-size: auto, 3px 20px;
}
.recruit_inner li {
    list-style: none;
    /* width: 20%; */
    display: inline-block;
	margin-bottom:10px;
}
p.day {
    font-weight: bold;
	padding-right: 20px;
}
p.ctegory {
    background-color: #54c2f1;
    color: #fff;
    padding: 0 20px;
}
p.rec_text a {
    color: #000;
    text-decoration: underline;
}
p.rec_text {
    padding-bottom: 40px;
}
/* ■03.横幅768px以上、1299px以下（Tab用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:1000px) {
/* ▼Tab用================================================================= */
#breadcrumb {
    width: 95%;
    text-align: left;
    padding: 10px 0;
    margin: 0 auto;
}


/* ▲Tab用================================================================= */
}

/* ■04.横幅480px以上、767px以下（SP用）
--------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:767px) {
/* ▲SP用================================================================ */
#breadcrumb {
    width: 95%;
}
.about_tit {
    width: 160px;
    position: absolute;
    bottom: 2%;
    left: 0;
    height: 159px;
    right: 0;
    margin: auto;
}
.about_wrap {
    width: 100%;
     background: none;
    background-color: #eae4d0;
    height: 267px;
}
.histry_list {
    max-width: 777px;
    margin: 0 auto 40px;
    width: 90%;
}
h4 {
    display: none;
}
h4.h4_sp {
    display: block;
    width: 330px;
}
p.hitry_text {
    padding-left: 0px;
}
h5.over_h5 {
    display: none;
}
.over_wrap {
    display: none;
}
p.flow {
    display: none;
}
p.flow_sp {
    display: block;
    width: 50%;
    margin: 20px auto;
}
.guide_tit {
    display: none;
}
.guide_wrap {
    width: 100%;
    background:none;
    background-color: #fff23f;
    height: 267px;
}
.guide_sp {
    display: block;
    width: 160px;
    height: 160px;
    position: absolute;
}
.guide_sp {
    display: block;
    width: 160px;
    height: 160px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
p.hi_list1 {
    width: 160px;
    height: 161px;
    position: absolute;
    top: 10%;
	z-index: 10;
}
p.hi_list2 {
    display: none;
}

p.hi_list3 {
    display: none;
}
p.hi_list5sp {
    width: 160px;
    height: 161px;
    position: absolute;
    top: 10%;
	z-index: 2;
}
.hierarchy {
    width: 100%;
    height: 785px;
    margin: 0 auto;
    position: relative;
    background-color: #ccc;
    padding: 150px 0 0 0;
}
p.hi_list2sp {
    display: block;
    width: 100%;
    height: 200px;
	position:absolute;
	bottom:0;
   
}
p.hi_list7sp {
    display: block;
    width: 100%;
    height: 200px;
	position:absolute;
	bottom:0;
   
}
.map_wrap2 {
    display: none;
}
.map_wrapsp {
    display: block;
	 width: 100%;
	background-color: #fff23f;
}
.map_wrapsp {
	background:url(../../guide/img/guide_fbk2_12.png);
	background-repeat:no-repeat;
	background-position:bottom right 5%;
    display: block;
    width: 100%;
    background-color: #fff23f;
	padding-bottom:100px;
	
}
.sp_tit {
    width: 100%;
    position: relative;
    height: 340px;
	margin-bottom:40px;
}
p.hierarchy_sp {
   margin: 40px 0 0px;
   padding-top: 40px;
}
p.bottom_map {
    width: 100%;
    margin: 0 auto;
   padding: 40px 0 0 0;
}
p.sp_bottomimg {
	display:block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 90px;
    height: 119px;
    margin: -50px auto;
}
.g_bottom {
    position: relative;
    height: 80px;
    background-color: #54c2f1;
	clear:both;
}
.lb {
    display: flex;
    position: fixed;
    width:100%;
    height: 100%;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
	background-color:rgba(0,0,0,.7);
/*    background: rgba(0,0,0,.7);
*/    opacity: 0;
    transition: .3s opacity ease;
    z-index: -1;
}

.lb img {
    /*width: auto !important;
    max-height: 100%!important;*/
    transform: scale(.7);
    transition: .4s transform ease;
    pointer-events: none;
	margin-top: 100px;
}

.lb:target {
    opacity: 1;
    z-index: 103;
}

.lb:target img {
    transform: scale(1);
}


/* なんちゃって閉じるボタン（いらない場合は消す） */
.lb::before,.lb::after {
    display: block;
    position: fixed;
    content: "";
    width: 24px;
    height:3px;
    bottom:5%;
    right: 12px;
    background: #fff;
    border-radius: 4px;
}
.lb::before {
    transform: rotate(-315deg);
}
.lb::after {
    transform: rotate(315deg);
}
.saerch {
    font-size: 14px;
    font-weight: bold;
	width:100px;
	float:right;
	margin-bottom: 20px;
}
.saerch a{
	/*background:url(../../guide/img/saerch.png) no-repeat left  bottom 50% /20px auto;*/
	color:#000;
	padding-left: 10px;
	display:block;
	text-align: center;}
span.s_icon {
    width: 20px;
    height: 20px;
    display: block;
	margin:0 auto 5px;
}
.work_wrap {
    display: none;
}
.work_wrap2 {
    display:block;
}
figure li {
    width: 100%;
    float: none;
    display: block;
    margin: 20px 25px 20px 0;
}
span.sp_s {
    width: 20px;
    height: 20px;
    display: block;
    /* text-align: right; */
    float: right;
    padding-top: 10px;
}
p.worksp_tit {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}
.work_wrap2 {
    width: 100%;
    background-color: #54c2f1;
    padding: 40px 0;
}
.works_wrap {
    width: 100%;
    background: none;
    background-color: #54c2f1;
    height: 267px;
}
.work_tit3 {
    display: none;
}
.work_titsp {
	display:block;
    width: 160px;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 160px;
    right: 0;
    margin: auto;
}
.work_tit{
	display:none;}
p.work_tit2 {
    display: none;
}
p.work_tit2sp {
    display: block;
    font-weight: bold;
}
.w_spb {
	display:block;
	background:url(../../work/img/w_footer.png) no-repeat bottom 15% center;
	background-color: #fff23f;
	height: 200px;
}
.access_titsp {
	display:block;
    width: 160px;
    height: 160px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.access_wrap {
    width: 100%;
    background: none;
    background-color: #fff23f;
    height: 267px;
}
p.map_sp {
    display: block;
    text-align: center;
    margin: 10px 0;
}
p.map_sp a{
	text-decoration:underline;
	color:#000;}
.over_wrapsp {
    display: block;
	background-color: #fff23f;
	padding: 40px 0;
}
.histry_list li {
    width: 100%;
    display: block;
    float: none;
}
dl.over_dt.cf dt {
    display: list-item;
    list-style: disc outside;
    margin-left: 10px;
    width: 25%;
}
.histry_list li dd {
    width: 65%;
    float: left;
    display: inline-block;
}
p.o_tit {
    padding: 10px 0;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-right: 20px;
    width: 90%;
    margin: 0 auto;
}
p.o_tit {
    padding: 2px 0;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    /* border-right: 20px; */
    width: 100%;
    margin: 0 auto 10px;
    background-color: #fff;
    border-radius: 20px;
}
.song_wrapsp {
    display: block;
    padding: 40px 0;
	background-color: #fff23f;
}
.song_r {
    float: none;
    display: block;
    margin: 0 auto 40px;
}
.song_l {
    float: none;
    width: 90%;
    display: block;
    margin: 0 auto;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
p.song_text {
    font-weight: bold;
    font-size: 14px;
    margin-left: 20px;
}
.access_bottom {
    height: 300px;
	background:url(../../access/img/aceess_bottom.png) no-repeat bottom center;
	background-color: #54c2f1;
	background-size: 80%;
}
.g_map {
    background-color: #fff23f;
	padding: 40px 0 10px 0;
}
.greeting_wrap {
    width: 100%;
    background-color: #54c2f1;
    position: relative;
    padding: 100px 0 0 0;
}
.gree_l {
    width: 100%;
    float: none;
    display: block;
}
.gree_r {
    width: 80%;
    float: none;
    display: block;
    margin: 0 auto;
}
.big_photo {
    width: 100%;
    position: inherit;
    margin: 20px auto 0;
}
.greeting_wrap2 {
    width: 100%;
    padding: 40px 0;
}
.gree_l2 {
    width: 80%;
    float: none;
    display: block;
    margin: 0 auto;
}
.gree_r2 {
    width: 100%;
    float: none;
    display: block;
}
.map_img {
    height: 300px;
    display: block;
	background:url(../../access/img/map_img.png) no-repeat center;
	background-size:80%;
	padding: 20px 0;
	background-color: #fff23f;
}
input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
    width: 90%;}
.contact_wrap {
    padding: 100px 0;}
.gree_l3 {
    width: 100%;
    float: none;
    display: block;
}
.greeting_wrap {
    display: none;}
.greeting_wrap2 {
    display: none;}
.greeting_wrapsp {
	display:block;
    width: 100%;
    background-color: #54c2f1;
    position: relative;
    padding: 100px 0 40px 0;
}
p.g_spimg {
    margin: 20px 0;
}
p.sp_der {
    width: 70%;
    margin: 20px auto;
}
.gsp_bottom {
    background-color: #fff23f;
    padding: 40px 0;
	display: block;
}
p.sp_bold {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.g_spb {
    display: block;
	background:url(../../greeting/img/g_fb_10.png) no-repeat bottom 15% center;
    background-color: #54c2f1;
    height: 200px;
}
.a_spb {
    display: block;
	background:url(../../about/img/a_fb.png)no-repeat bottom 15% center;
    background-color: #54c2f1;
    height: 200px;
}
.histry_list li dt {
    width: 100%;
    float: none;
    display: block;
}
.histry_list li dd {
    width: 100%;
    float: none;
    display: block;
	margin: 10px auto;
}
.class_t tr th {
    padding: 5px 20px;}
.class_t tr td {
    padding: 5px 20px;}
.recruit_tit{
		display:none;}
.recruit_titsp {
	display:block;
    width: 161px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 161px;
    margin: auto;
}
.recruit_wrap {
    width: 100%;
	background: none;
	    background-color: #fff23f;

}
.recruit_inner {
    max-width: 777px;
    width: 80%;
    margin: 0 auto 60px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
}
.guideline {
    width: 100%;
	background:url(../../guide/img/guide_fbk2_12.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #fff23f;
   padding: 40px 0 80px 0;
}
p.g_spimg {
    display: block;
}
wtop_sp{
	display:block;
	margin-bottom:20px;}
.access_bottom {
    background-color:#fff23f;}
/* ▲SP用================================================================ */
}