/* ------------------------------　　
custom.css（codex生成）をベースにここで整える。
------------------------------ */

.acms-admin-form-width-medium, .acms-admin-form-edit input.acms-admin-form-width-medium,input#entry-file-name{
  min-width: 300px;
}
#entry-file-name-display input{
  min-width: 300px;
}
tr#entry-file-name-display{
  display: table-row;
}

/* ------------------------------　　
  共通
------------------------------ */
body.TopPage{
  background: url("/themes/momoyama@nangoku_u@utsuwaMin/images/background.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}
@media (max-width: 599px){
  body.TopPage{
    background:none;
  }
  body.TopPage::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
  
    background-image: url("/themes/momoyama@nangoku_u@utsuwaMin/images/background.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
}
.header{
  background: rgba(64, 163, 72,0.17);
}
.header-title{
  margin-left: 20px;
}
.header-wrap {
  background: #fff;
  margin-bottom: -4.5rem;
}
.TopEntry__outWrap{
  padding-top: 0px;
}

/* ------------------------------　　
  TOP
------------------------------ */

@media (min-width: 600px){

.mosaic__content .entry-text-unit p{
  background: #fff;
  width: 520px;
  height: 520px;
  margin: 0 auto;
  padding: 100px;
  border-radius: 999px;
  line-height: 2;
  text-align: center;
  box-sizing: border-box;
}

}
.custom_bgColor h2.bgNone{
  /* 白フチ */
  -webkit-text-stroke: 10px #fff;
  
  /* フチを背面、文字色を前面に描く */
  paint-order: stroke fill;
}
.custom_bgColor.mosaic__content .linkBtnWrap{
  margin-top: -150px;
}

.Top01__OutWrap .AccentOutWrap{

}

.Top01__OutWrap .AccentOutWrap .AccentText{
  font-size: 16px;
}

@media (max-width: 599px){
  .TopPage .bubble .b01,.TopPage .bubble .b02,.TopPage .bubble .b04 {
    display: none;
  }
  .mosaic{
    background: #fff;
  }
}

/*  こだわり
------------------------------ */
@media (min-width: 600px){

 .TopPage .Top01__OutWrap .column-media-auto:nth-of-type(2) {
    width: clamp(340px, 40vw, 520px);
    margin: 0;
    float: left;
    /* margin-left: calc(50% - 50vw); */
    margin-left: -10vw;
    margin-right: -10vw;
    position: relative;
    z-index: 2;
}
  .TopPage .Top01__OutWrap .AccentOutWrap{
    background: #fff;
    width: 480px;
    height: 480px;
    margin: 0 auto;
    padding: 90px;
    border-radius: 999px;
    line-height: 2;
    text-align: center;
    box-sizing: border-box;
    margin-top: 0px;
    margin-left: 30vw;
    margin-top: -180px;
    }
  .TopPage .Top01__OutWrap .AccentOutWrap.custom {
    margin-top: -400px;
    margin-left: 25vw;
  }
  .TopPage .Top01__OutWrap .column-media-auto:nth-of-type(4) {
      width: clamp(340px, 40vw, 520px);
      margin: 0;
      margin-top: -25vw;
      float: right;
      margin-right: -10vw;
      margin-left: -10vw;
      position: relative;
      z-index: 2;
  }
}

@media (max-width: 599px){
  .TopPage .Top01__OutWrap,.TopPage .Top02__OutWrap{
    background: none;
  }
}

/*  施設紹介と1日
------------------------------ */
@media (min-width: 600px){
  .TopPage .TopShisetsu1day .GroupLink__list:nth-of-type(1) {
    justify-content: flex-start; 
  }
  .TopPage .TopShisetsu1day .GroupLink__list:nth-of-type(2) {
    justify-content: flex-end;    
    margin-top: -400px;
    }
  
  .TopPage .TopShisetsu1day .GroupLink__linkOut{
    background: none;
    max-width: 450px;
  }
}

/* ------------------------------　　
  入園をお考えの方へ
------------------------------ */

.TopNyuen__outWrap{
  background-size: cover;
  background-position: center;
  padding: 80px 20px;
}

.TopNyuen__innerWrap{
  width: min(600px, 80vw);
  aspect-ratio: 1 / 1; /* 幅と高さを同じにする */
  margin: 0 auto;
  border-radius: 50%;
  background: #edf8ee;
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
  text-align: center;
}
.TopPage .TopNyuen__innerWrap h2.bgNone{
  margin: 0 0 20px;
  font-size: 36px;
  color: #3b271c;
  -webkit-text-stroke: 0px;
  paint-order: stroke fill;
} 

@media (max-width: 599px){
  .TopNyuen__innerWrap{
    border-radius: 0;
    width: 100%;
  }
  .TopNyuen__outWrap{
   padding: 0; 
  }
  
}

/* ------------------------------　　
  入園をお考えの方へ
------------------------------ */

.TopShokuin_outWrap{
  background-size: cover;
  background-position: center;
  padding: 80px 20px;
}

.TopShokuin_outWrap .AccentOutWrap{
  width: min(450px, 80vw);
  aspect-ratio: 1 / 1; /* 幅と高さを同じにする */
  margin: 0 auto;
  border-radius: 50%;
  background: #fff;
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-left: 12vw;
  position: relative;
  z-index: 55555;

}
.TopPage .TopShokuin_outWrap .AccentOutWrap h2.AccentTitle__text{
  margin: 0 0 20px;
  font-size: 36px;
  color: #3b271c;
  -webkit-text-stroke: 0px;
  paint-order: stroke fill;
} 
.TopPage .TopShokuin_outWrap .AccentOutWrap .AccentText{
  font-size: 16px;
  
}

@media (min-width: 600px){
  .TopShokuin_img{
    position: relative;
    max-width: min(60vw, 800px);
    float: right;
   margin-right: -15vw;
   margin-top: -42vw;
  }
}


.FooterBefore__img{
 margin-bottom: -220px; 
}




/* ------------------------------　　
  footer
------------------------------ */
.footer{
 background: #E8F4E9; 
 position: relative;
 z-index: 555;
}

@media (max-width: 599px){
  .FooterBefore__img {
      margin-bottom: -140px;
  }
}