@charset "UTF-8";
/* CSS Document */

#sidebar
{
    display: none;
}

header {
    position: fixed;
}

/*===========================
    contents_ttl
===========================*/
.contents_ttl_wrap {
    text-align: center;
    margin-bottom: min(8vw, 24px);
    position: relative;
}
.contents_ttl {
    line-height: 120%;
    font-size: 48px;
    font-size: min(9vw, 48px);
    font-weight: 300;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
}
.contents_subttl {
    font-size: min(4.5vw, 20px);
    line-height: 120%;
    position: relative;
    display: inline-block;
    letter-spacing: 3px;
    font-weight: 400;
}
.contents_ttl,
.contents_subttl{
    opacity: 0;
    transform: translateY(40px);
    transition: all ease-in-out 1000ms;
    transition-delay: 150ms;
/*
    transition: clip-path ease-in-out 300ms;
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
*/
}
.contents_ttl_wrap.moved .contents_ttl,
.contents_ttl_wrap.moved .contents_subttl{
    opacity: 1;
    transform: translateY(0);
/*    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);*/
}



/*===========================
   下層
===========================*/
.art_pagettl {
    width: 94%;
    width: 100%;
    margin: 0 auto min(12vw, 85px);
    margin: 0 auto min(14vw, 150px);
}


.pagettl_bg{
    height: min(64vw, 590px);
    border-radius: min(4vw, 20px);
    border-bottom-left-radius: 0px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.pagettl_wrap {
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top-right-radius: min(4vw, 20px);
    padding: min(10vw, 50px) 10px min(6vw, 40px) min(5vw, 70px);
    width: min(100%, 460px);
}

.pagettl_bg.no_bg {
    height: auto;
    border-bottom: 1px solid;
    border-radius: 0;
}
.pagettl_bg.no_bg .pagettl_wrap{
    position: static;
}
.pagettl {
    font-size: min(7vw, 50px);
    font-weight: 300;
    line-height: 120%;
    margin-bottom: min(2vw, 10px);
    letter-spacing: 0.5px;
}
.pagesubttl {
    font-size: min(4vw, 22px);
    line-height: 140%;
}




/*ANIMATION*/
.h3ttl {

    transition: all ease 800ms;
    transform: translateY(min(7vw, 36px));
    opacity: 0;
    transition-delay: 100ms;
}
.h3ttl.moved {
    transform: translateY(0);
    opacity: 1;
}


.facili_img,
.facili_intimg

 {

    transition: all ease 1000ms;
    transition-delay: 100ms;
    opacity: 0;
}
.facili_img.moved,
.facili_intimg.moved

 {
    opacity: 1;
}


.subttl_up,
.pagesubttl{
    opacity: 0;
    transform: translateY(40px);
    transition: all ease-in-out 1000ms;
    transition-delay: 150ms;
/*
    transition: clip-path ease-in-out 300ms;
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
*/
}
.pagettl_wrap.moved .subttl_up,
.pagettl_wrap.moved .pagesubttl{
    opacity: 1;
    transform: translateY(0);
/*    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);*/
}
/*ANIMATION まで*/




.w1020 {
    width: 94%;
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
}



.w980 {
    width: 94%;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}
.w820 {
    width: 94%;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}

.p_txt
{
    line-height: 200%;
    /*letter-spacing: 0.32px;*/
}



.pagettl_bg.no_bg {
    /*margin-top: 80px;*/
    /*margin-top: min(6vw,80px);*/
    height: auto;
    width: 94%;
    max-width: 1320px;
    aspect-ratio: 1320 / 590;
    margin-left: auto;
    margin-right: auto;
position: relative;
    border-bottom: none;
    border-radius: 20px;
/*    overflow: hidden;*/
    background: url(../img/underlayer/iku_fv.jpg) no-repeat center top  / cover;
}

.pankz
{    width: 94%;
    max-width: 1320px;
        margin-left: auto;
    margin-right: auto;
    padding-right: min(5%, 60px);
}

.art_pagettl {
padding-top: min(20vw,160px);
}

@media screen and (max-width: 500px) {
.art_pagettl {
padding-top: min(24vw,160px);
}


}
.art_pagettl .pagettl_bg .pagettl_wrap {
    border-radius: 0 20px 0 0;
position: absolute;
left: 0;
bottom: -2.8%;
background-color: #fff;
padding: min(5vw,58px) min(6vw,65px) min(10vw,86px) min(6vw,58px) ;
/*width: auto;*/
width: min(70%, 460px);
}

/*.art_pagettl .pagettl_bg .pagettl_wrap .pagettl { 

}
*/
.art_pagettl .pagettl_bg .pagettl_wrap .subttl_up { 
font-size: 24px;
    font-size: min(5vw, 24px);
line-height: 1;
}

.art_pagettl .pagettl_bg .pagettl_wrap .pagesubttl { 
font-size: 44px;
font-size: min(7vw, 44px);
line-height: 1;
margin-top: min(4vw, 25px);
}




@media screen and (max-width: 740px) {
.pagettl_bg.no_bg  {
/*    background-position: top center;
    background-size: auto 100vh;
    background-attachment: scroll;*/
    aspect-ratio: auto;
    height: 50vh;

}
}

.ikuseikodomo_txt
{
    text-align: center;
    margin-top: 48px;
    margin-top: min(9vw,48px);
      font-size : min(5vw, 28px);
  line-height : 2.321;
  letter-spacing : 2.8px;
margin-bottom: calc(min(15vw,100px) + min(5vw,60px));
}



/*保育方針*/
.policy_wrap { 

padding-top: min(5vw,60px);
    background: url(../img/underlayer/bgr.png) no-repeat center top  / cover;
    padding-bottom: min(11vw,88px);
}

.policy_wrap .kodomoen_logo {

margin-top: -6.7vw;
/*margin-top: clamp(-6.7vw,-6.7vw,-3vw);*/
margin-top: min(-3.7vw,-6.7vw);
margin-top: min(calc(-3.7vw - min(5vw,60px)),calc(-6.7vw - min(5vw,60px)));
}

@media screen and (min-width: 2000px) {
.policy_wrap .kodomoen_logo {

margin-top: -3.7vw;

}
}


.policy_wrap .kodomoen_logo_img { 
width: min(35%,264px);
margin-left: auto;margin-right: auto;

}



.policy_wrap .contents_ttl_wrap { 
    margin-top: min(7vw,50px);
padding-left:min(8vw,60px);
display: flex;
column-gap: 30px;
align-items: center;
}

.policy_wrap .contents_ttl_wrap .contents_ttl { 

}

.policy_wrap .contents_ttl_wrap .contents_subttl { 

}

.policy_wrap .poli_elem_wrap { 

display: flex;
justify-content: center;
column-gap: 24px;
flex-wrap: wrap;
}




.policy_wrap .poli_elem_wrap .poli_elem { 
/*width: min(100%,322px);
height: min(100%,322px);*/
width: 322px;
height: 322px;
border-radius: 50%;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-top: 80px;
}

.policy_wrap .poli_elem_wrap .poli_elem .h3ttl { 
font-size: 20px;
font-weight: normal;
color: #00B06E;
}

.policy_wrap .poli_elem_wrap .poli_elem .p_txt { 

margin-top: 30px;
width: 230px;
}
.poli_elem .p_txt
{
flex-grow: 1;
}

@media screen and (max-width:710px)

{
.policy_wrap .poli_elem_wrap { 


row-gap: 24px;

}


}



/*施設案内*/
.art_facili
{
    margin-top: min(16vw,130px);
    margin-bottom:min(20vw,210px);
}
.facili_wrap{

    margin-top: min(8vw, 50px);
}


.facili_elem {
    position: relative;
margin-bottom: 50px;
}

.facili_elem .facili_txtwrap { 
    position: absolute;
    top: 0;
    /*left: min(-6vw,-80px);*/
padding: min(5vw,65px) min(6vw,80px) min(4.5vw,57px);
background-color: #fff;
border-radius: 20px;
/*display: inline-block;*/
width: min(48%,465px);
}


.facili_wrap .facili_elem:nth-child(odd) .facili_txtwrap {
border-radius: 0 0 20px 0;
    left: min(-6vw,-80px);

}
.facili_wrap .facili_elem:nth-child(even) .facili_txtwrap {
border-radius: 0 0 0 20px;
    right: min(-6vw,-80px);

}



.facili_elem .facili_txtwrap .h3ttl { 
font-size: 26px;
font-size: min(8vw,26px);
font-weight: normal;
line-height: 1;
}

.facili_elem .facili_txtwrap .p_txt { 
margin-top: min(9vw,26px);
}

.facili_elem .facili_img_wrap { 

}

.facili_elem .facili_img_wrap .facili_img { 
width: min(100%,700px);
border-radius: 20px;
overflow: hidden;
}

.facili_wrap .facili_elem:nth-child(odd) .facili_img_wrap .facili_img { 

margin-left: auto;

}
.facili_wrap .facili_elem:nth-child(even) .facili_img_wrap .facili_img { 

margin-right: auto;

}

.floormap
{
    margin-top: min(16vw, 110px);
    margin-bottom: min(20vw, 180px);
}


@media screen and (max-width:1100px)

{
.facili_elem .facili_txtwrap { 
    position: absolute;
    top: 0;
/*    left: 0;*/
padding: min(5vw,65px) min(6vw,80px) min(4.5vw,57px);
background-color: #fff;

/*display: inline-block;*/
width: min(60%,465px);
}

.facili_wrap .facili_elem:nth-child(odd) .facili_txtwrap {

    left: 0;

}
.facili_wrap .facili_elem:nth-child(even) .facili_txtwrap {

    right: 0;

}




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

{
.facili_elem .facili_txtwrap {
    position: static;

padding: min(6vw,65px) min(6vw,80px) min(4.5vw,57px);
background-color: #fff;
border-radius: 20px;
/*display: inline-block;*/
width: 100%;
}
.facili_elem .facili_txtwrap .p_txt {
margin-top: min(6vw,26px);
}
}



.facili_int_wrap { 
display: flex;
column-gap: 10.6%;
justify-content: center;
margin-top: min(17vw,140px);
margin-bottom: min(17vw,140px);
}

.facili_int_wrap .facili_int { 
width: min(100%,438px);
text-align: center;
}

.facili_int_wrap .facili_intimg { 
border-radius: 20px;
overflow: hidden;
}

.facili_int_wrap .facili_inttxt { 
display: inline-block;
font-weight: normal;
font-size: min(6vw,26px);
padding-top: min(5vw, 28px);
line-height: 1;
}

@media screen and (max-width:640px)
{
.facili_int_wrap { 
flex-direction: column;
align-items: center;
row-gap: 50px;
}

}



.art_gmap{
    margin-bottom: min(12vw, 120px);
}
.mapinfo
{
    display: flex;
    align-items: center;
    margin-top: min(6vw, 40px);

}
.mapinfo_txt
{
line-height: 2;
}


.link_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #00b06e;
    border: 2px solid;
    position: relative;
    background: #fff;
    border-radius: 30px;
    padding: 0.5em;
    font-size: 1.125em;
    width: min(100%, 260px);
    margin-left: auto;
    margin-right: 0;
}

.link_btn::after {
display: none;
}

.g-map {
    width: 100%;
    position: relative;
    padding-top: 35.51%;
    margin-top: min(8vw, 50px);
}
.g-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.br_970 {

display: none;


}
@media screen and (max-width:970px)
{
.br_970 {

display: inline-block;


}}

@media screen and (max-width:640px)
{
.g-map {

    padding-top: 56.25%;
}
.mapinfo
{
flex-direction: column;

}
.link_btn {
margin-top: 20px;
    margin-right: auto;
}
.mapinfo_txt
{
text-align: center;

}

}



/*お問い合わせ*/

.art_f_contact {
padding: min(6vw,68px) 0%;
    position: relative;
}

.art_f_contact::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../img/underlayer/iku_08.jpg) no-repeat center top  / cover;
    /*background-attachment: fixed;*/
    opacity: 0.3;
}

.art_f_contact::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(204, 239, 226, 1);
    mix-blend-mode: soft-light;
}

.art_f_contact_inr { 
display: flex;
justify-content: start;
column-gap: calc(calc(125 / 820) * 100%) ;
    position: relative;
    z-index: 3;
}




.art_f_contact .contents_ttl_wrap { 
width: calc(calc(175 / 820) * 100%);
padding-top: min(2vw,22px);
text-align: left;
}

.art_f_contact .contents_ttl_wrap .contents_ttl { 

} 

.art_f_contact .contents_ttl_wrap .contents_subttl { 

}

.art_f_contact .f_contact_wrap { 
width: calc(calc(520 / 820) * 100%);
padding: min(4vw,40px) min(3vw,75px);

border-radius: 20px;
background-color: rgba(255,255,255,0.8);;
}

.art_f_contact .f_contact_wrap .f_name { 

font-size:1.875rem;
line-height: 1;
margin-bottom: 0;
    white-space:nowrap;
}

.art_f_contact .f_contact_wrap .f_name .f_name_sub { 
font-size:86%;
}

.art_f_contact .f_contact_wrap .f_tel { 
line-height: 1;
margin-top: 1.625rem;
margin-bottom: 1.375rem;
font-size: 2.5rem;
    white-space:nowrap;
}

.art_f_contact .f_contact_wrap .f_tel .mini { 
font-size: 75%;
}

.art_f_contact .f_contact_wrap .address { 
line-height: 1.5;
    white-space:nowrap;
}

@media screen and (max-width:760px)
{
    .art_f_contact_inr { 

flex-direction: column;
justify-content: center;
row-gap: 4vw ;
align-items: center;

}

.art_f_contact {
    padding: min(8vw, 68px) 0% min(12vw, 68px);
}
.art_f_contact .contents_ttl_wrap { 
width: 100%;
text-align: center;
}


.art_f_contact .f_contact_wrap { 
width: 100%;
text-align: center;
    padding: min(4vw, 40px) min(3vw, 75px) min(2vw, 40px);
}
.art_f_contact .f_contact_wrap .f_name {
    font-size: 1.2rem;

}
.art_f_contact .f_contact_wrap .f_tel {

    font-size: 2rem;

}
}









/*===========================
   media screen
===========================*/
@media screen and (min-width:641px) {
    .sp{
        display: none !important;
    }
}
@media screen and (max-width:640px) {
    .pc{
        display: none !important;
    }
}