@charset "utf-8";
/* CSS Document */
/* 入園のご案内 */

/**************************************/

/*ページタイトル*/
h3.pageTitleImg{
  margin:0px 0px 25px 0px;
}
@media screen and (max-width: 768px) {
  h3.pageTitleImg{
    position: relative;
    margin:0px 0px 50px 0px;
  }
  h3.pageTitleImg img{
     width: 100%;
    height: auto;
    vertical-align: bottom;
  }
}
@media screen and (max-width: 520px) {
  h3.pageTitleImg{
    position: relative;
    margin:0px 0px 30px 0px;
  }
}
@media screen and (max-width: 520px) {
  h3.pageTitleImg{
    position: relative;
    margin:0px 0px 30px 0px;
  }
}

h3.pageTitleImg .pageTitleTxt{
  display: none;
}
@media screen and (max-width: 768px) {
  h3.pageTitleImg .pageTitleTxt{
    display: block;
    width: auto;
    position: absolute;
    z-index: 1;
    left: 32px;
    /*タイトル画像の高さ(同一ではない)に合わせてTOP位置の計算が必要です*/
    /* 縦中央の式　top: calc(50% - (画像の高さ/2)); */
  }
  h3.pageTitleImg .pageTitleTxt img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  h3.pageTitleImg #mainimg01_txt{
    /* 募集要項 */
    top: calc(50% - (45px/2));
  }
  h3.pageTitleImg #mainimg02_txt{
    /* 入園までの流れ */
    top: calc(50% - (55px/2));
  }
  h3.pageTitleImg #mainimg03_txt{
    /* 見学の申込み */
    top: calc(50% - (49px/2));
  }
  h3.pageTitleImg #mainimg04_txt{
    /* Q＆A */
    top: calc(50% - (44px/2));
  }
}
@media screen and (max-width: 520px) {
  h3.pageTitleImg .pageTitleTxt{
    left: 14px;
    /*タイトル画像の高さ(同一ではない)に合わせてTOP位置の計算が必要です*/
    /* 90％高さの式　元画像の高さ-元画像の高さ*9/100 */
    /* 縦中央の式　top: calc(50% - ((元画像の高さ - 元画像の高さ*9/100)/2)); */
  }
  h3.pageTitleImg .pageTitleTxt img{
    width: 90%;
    height: auto;
    vertical-align: bottom;
  }
  h3.pageTitleImg #mainimg01_txt{
    /* 募集要項 */
    top: calc(50% - ((45px - 45px*9/100)/2));
  }
  h3.pageTitleImg #mainimg02_txt{
    /* 入園までの流れ */
    top: calc(50% - ((55px - 55px*9/100)/2));
  }
  h3.pageTitleImg #mainimg03_txt{
    /* 見学の申込み */
    top: calc(50% - ((59px - 59px*9/100)/2));
  }
  h3.pageTitleImg #mainimg04_txt{
    /* Q＆A */
    top: calc(50% - ((44px - 44px*9/100)/2));
  }
}

@media screen and (max-width: 768px) {
  #wrap.visit{
    min-height: 100vh;
  }
}

/*==============================================================================
                  募集要項
==============================================================================*/
.emphasis{
  font-size:15px;
  line-height:100%;
  padding-top:37px;
}
@media screen and (max-width: 768px) {
  .emphasis{
    font-size:16px;
    padding-top:50px;
  }
}



.dotline{
  display:block;
  width: 630px;
  height: 1px;
  font-size: 1px;
  line-height: 100%;
  background: url(../img/enter/01._dotline_s.gif) repeat-x bottom #ffffff;
}
@media screen and (max-width: 768px) {
  .dotline{
    width: 100%;
   /* background: url(../img/enter/01._dotline_s.gif) repeat-x bottom #F6F0CB;*/
    display: none;
  }
}
td.l_area{
  background: url(../img/enter/01._dotline_s.gif) repeat-x bottom #F6F0CB;
  width: 125px;
  color: #EA6D8D;
  padding: 12px 15px;
  vertical-align: top;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  td.l_area{
    display: block;
    width: auto;
    padding: 15px 15px;
    background: url(../img/enter/01._dotline_s.gif) repeat-x top left #F6F0CB;
  }
}


td.r_area{
  background: url(../img/enter/01._dotline_s.gif) repeat-x bottom;
  padding: 12px 15px;
}
td.r_area span.birthday{
  display: block;
}
td.r_area span.birthday .sp520{
  display: none;
}
@media screen and (max-width: 768px) {
  td.r_area{
    display: block;
    width: auto;
    padding: 15px 15px 36px 15px;
    background-image: none;
    text-align: justify;
  }
  td.r_area .sp{
    display: none;
  }
  tr:last-child td.r_area{
    background: url(../img/enter/01._dotline_s.gif) repeat-x bottom;
  }
}
@media screen and (max-width: 520px) {
  td.r_area span.birthday{
    display: block;
    text-indent: -1em;
    margin-left: 1em;
  }
  td.r_area span.birthday .sp520{
    display: block;
  }
}

/*==============================================================================
                 入園までの流れ
==============================================================================*/
#flow{
  padding:0px 20px;
}
@media screen and (max-width: 768px) {
  #flow{
    padding:0px 10px;
  }
}
@media screen and (max-width: 520px) {
  #flow{
    padding:0px 14px;
  }
}

#flow .infoT{
	text-align: center;
	margin: 0px 0px 30px 0px;}

#flow table{
  width:584px;
  margin:0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {
  #flow table{
    width:100%;
    margin:0px 0px 0px 0px;
  }
}

.day{
  padding:7px 0px 5px 7px;
  color:#ffffff;
  font-size:14px;
  text-align:center;
  height:24px; /*36px*/
}
@media screen and (max-width: 768px) {
  .day{
    height: 36px;
  }
}

.dayL2{
  padding:4px 0px 0px 7px;
  color:#ffffff;
  font-size:14px;
  line-height:100%;
  text-align:center;
  height:32px; /*36px*/
}
.day_Or{
  padding:7px 0px 5px 7px;
  color:#ffffff;
  font-size:14px;
  text-align:center;
	height:36px; /*36px*/
}


.flowTxt_line_sp{
  display: none;
}
@media screen and (max-width: 768px) {
  .flowTxt_line_sp{
    width: 100%;
    height: 8px;
    display: block;
    background: url("../img/enter/flowBack_line.png") top left no-repeat;
    margin: 10px 0 14px 0;
  }
}
.dayL2_Or{
  padding:5px 0px 0px 7px;
  color:#ffffff;
  font-size:14px;
  line-height:100%;
  text-align:center;
  height:31px; /*36px*/
}
.flowTxt{
  margin:9px 0px 0px 0px;
}
.flowTxt img{
  display: none;
}
@media screen and (max-width: 768px) {
  .flowTxt{
    margin: 0px 0px 0px 0px;
  }
  .flowTxt img{
    display: block;
    margin-top: 9px;
  }
  .flowTxt .sp{
    display: none;
  }
}


.flowTitle{
  margin:0px 0px 0px 5px;
}
@media screen and (max-width: 768px) {
  .flowTitle{
    margin: 0;
  }
  .flowBack_req .flowTitle{
    /*入園願書配布*/
    width: 181px;
    height: auto;
  }
  .flowBack_shinsa .flowTitle{
    /*入園審査/制服・用品申込み 親子面接*/
    width: 439px;
    height: auto;
  }
  .flowBack_1day .flowTitle{
    /*新入園児1日入園*/
    width: 439px;
    height: auto;
  }
  .flowBack_cer .flowTitle{
    /*入園式*/
    width: 181px;
    height: auto;
  }
}
@media screen and (max-width: 520px) {
  /*タイトル画像のサイズ(同一ではない)に合わせてサイズの計算が必要です*/
  /* 80％高さの式　元画像の幅-元画像の幅*8/100 */
  .flowBack_req .flowTitle{
    /*入園願書配布*/
    width: 181px;
    width: calc(181px/100*80);
    height: auto;
    /*width: calc(181px - (181px*8/100));*/
  }
  .flowBack_shinsa .flowTitle{
    /*入園審査/制服・用品申込み 親子面接*/
    width: 277px;
    height: auto;
  }
  .flowBack_1day .flowTitle{
    /*新入園児1日入園*/
    width: 215px;
    width: calc(215px/100*80);
    height: auto;
  }
  .flowBack_cer .flowTitle{
    /*入園式*/
    width: 181px;
    width: calc(181px/100*80);
    height: auto;
  }
}
@media screen and (max-width: 360px) {
.flowBack_shinsa .flowTitle{
    /*入園審査*/
    width: 100%;
    height: auto;
  }
}


.flowArrow{
  text-align:center;
  margin:-17px 0px 0px 0px;
}
@media screen and (max-width: 768px) {
  .flowArrow{
    margin: 0 0 10px 0;
  }
}

/*願書配布*/
.flowBack_req{
  background-image:url(../img/enter/flow_requestBack.gif);
  background-repeat:no-repeat;
  width:628px;
  height:134px;
  padding:17px 0px 0px 20px;
}
@media screen and (max-width: 768px) {
  .flowBack_req{
    width: 100%;
    height: auto;
    background-image: none;
    background-color: #f8f6c5;
    border-radius: 20px;
    padding: 20px 20px 30px 20px;
  }
  .flowBack_req td{
    display: block
  }
}



.flowBack{
  background-image:url(../img/enter/flowBack.gif);
  background-repeat:no-repeat;
  width:628px;
  height:134px;
  padding:17px 0px 0px 20px;
}

/*見学会*/
.flowBack_kengaku{
  background-image:url(../img/enter/flowBack.gif);
  background-repeat:no-repeat;
  width:628px;
  height:134px;
  padding:17px 0px 0px 20px;
}
@media screen and (max-width: 768px) {
  .flowBack_kengaku{
    width: 100%;
    height: auto;
    background-image: none;
    background-color: #f8f6c5;
    border-radius: 20px;
    padding: 20px 20px 30px 20px;
  }
  .flowBack_kengaku td{
    display: block;
  }
}

/*入園願書配布*/
.flowBack_distribution{
  background-image:url(../img/enter/flow_requestBack.gif);
  background-repeat:no-repeat;
  width:628px;
  height:134px;
  padding:17px 0px 0px 20px;
}
@media screen and (max-width: 768px) {
  .flowBack_distribution{
    width: 100%;
    height: auto;
    background-image: none;
    background-color: #f8f6c5;
    border-radius: 20px;
    padding: 20px 20px 30px 20px;
  }
  .flowBack_distribution td{
    display: block;
  }
}

/*入園審査*/
.flowBack_shinsa{
  background-image:url(../img/enter/flowBack.gif);
  background-repeat:no-repeat;
  width:628px;
  height:134px;
  padding:17px 0px 0px 20px;
}
@media screen and (max-width: 768px) {
  .flowBack_shinsa{
    width: 100%;
    height: auto;
    background-image: none;
    background-color: #f8f6c5;
    border-radius: 20px;
    padding: 20px 20px 30px 20px;
  }
  .flowBack_shinsa td{
    display: block;
  }
}



/*新入園児1日保育*/
.flowBack_1day{
  background-image:url(../img/enter/flowBack.gif);
  background-repeat:no-repeat;
  width:628px;
  height:134px;
  padding:17px 0px 0px 20px;
}
@media screen and (max-width: 768px) {
  .flowBack_1day{
    width: 100%;
    height: auto;
    background-image: none;
    background-color: #f8f6c5;
    border-radius: 20px;
    padding: 20px 20px 30px 20px;
  }
  .flowBack_1day td{
    display: block;
  }
}




/*入園式*/
.flowBack_cer{
  background-image:url(../img/enter/flow_ceremonyBack.gif);
  background-repeat:no-repeat;
  width:628px;
  height:134px;
  padding:17px 0px 0px 20px;
}
@media screen and (max-width: 768px) {
  .flowBack_cer{
    width: 100%;
    height: auto;
    background-image: none;
    background-color: #f8f6c5;
    border-radius: 20px;
    padding: 20px 20px 30px 20px;
  }
  .flowBack_cer td{
    display: block;
  }
}


/***[１行版]***/
.day_req{
  background-image:url(../img/enter/flow_requestDay_2.gif);
  background-repeat:no-repeat;
  width:186px;
  height:36px;
  vertical-align:top;
}
@media screen and (max-width: 768px) {
  .day_req{
    height: 36px;
    background-position: top;
    margin-bottom: 15px;
  }
}


.day_jug{
  background-image:url(../img/enter/flow_judgingDay.gif);
  background-repeat:no-repeat;
  width:134px;
  height:36px;
  vertical-align:top;
}
@media screen and (max-width: 768px) {
  .day_jug td{
    display: block;
  }
  .day_jug{
    height: 36px;
    background-position: top;
    margin-bottom: 16px;
  }
}
.day_tri{
  background-image:url(../img/enter/flow_trialDay.gif);
  background-repeat:no-repeat;
  width:134px;
  height:36px;
  vertical-align:middle;
}
@media screen and (max-width: 768px) {
  .day_tri{
    height: 36px;
    background-position: top;
    margin-bottom: 15px;
  }
}

/*******/

.day_cer{
  background-image:url(../img/enter/flow_ceremonyDay.gif);
  background-repeat:no-repeat;
  width:134px;
  height:36px;
  margin-bottom: 16px;
  vertical-align:top;
}


/*==============================================================================
                 見学の申込み
==============================================================================*/
.visit{
  width:670px;
  text-align:center;
  font-size: 16px;
  margin-top:-30px;
}
@media screen and (max-width: 768px) {
  .visit{
    box-sizing: border-box;
    margin: 64px 10px 78px 10px;
    width: auto;
  }
}

.en_info_2{
  margin: 30px 0px 0px 25px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .en_info_2{
    margin: 0 10px;
  }
}

.dottitle_150421{
  margin: 30px 0px 4em 0px;
  font-size: 18px;
  font-weight:bold;
}
@media screen and (max-width: 768px) {
  .dottitle_150421{
    margin-top: 0;
    margin-bottom: 81px;
  }
}
@media screen and (max-width: 520px) {
  .dottitle_150421{
    margin-top: 0;
    margin-bottom: 60px;
  }
}


p.top_txt{
  width:645px;
  margin: 25px 0px 25px 25px;
  text-align:center;
}
@media screen and (max-width: 768px) {
  p.top_txt{
    width: auto;
    margin: 0 10px 128px 10px;
  }
  p.top_txt a{
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 520px) {
  p.top_txt{
    margin: 0 10px 95px 10px;
  }
  p.top_txt a{
    text-align: justify;
  }
}

.br_sp{
  display: none;
}
@media screen and (max-width: 520px) {
  .br_sp{
    display: block;
  }
}



/*==============================================================================
                  Ｑ＆Ａ
==============================================================================*/
#box{
  padding:0px 20px;
}
@media screen and (max-width: 768px) {
  #box{
    padding:0px 10px 0px 10px;
  }
}
@media screen and (max-width: 520px) {
  #box{
    padding:0px 14px 0px 14px;
  }
}


.qatopTX{
  padding:0px 0px 40px 20px;
}
@media screen and (max-width: 768px) {
  .qatopTX{
    padding:0px 10px 50px 10px;
  }
}
@media screen and (max-width: 520px) {
  .qatopTX{
    padding:0px 14px 30px 14px;
  }
}

/*Q背景*/
.ques_bg1 , 
.ques_bg2 ,
.ques_bg3{
  line-height: 55px;
  padding-left: 55px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #00A0E9;
  cursor: pointer;
}

.ques_bg1{
  background: url(../img/enter/q_bg01.gif) no-repeat;
}

.ques_bg2{
  background: url(../img/enter/q_bg02.gif) no-repeat;
}

.ques_bg3{
  background: url(../img/enter/q_bg03.gif) no-repeat;
}

.ques_bg1 img,
.ques_bg2 img,
.ques_bg3 img{
  display: none;
}
.ques_bg1 span,
.ques_bg2 span,
.ques_bg3 span{
  font-size: 15px;
  line-height: 1.5em;
  color: #00A0E9;
}

@media screen and (max-width: 768px) {
  .ques_bg1,
  .ques_bg2,
  .ques_bg3{
    display: flex;
    justify-content: left;
    align-items: center;
    box-sizing: border-box;
    background-image: none;
    background: #EFEFEF;
    border-radius: 20px;
    padding: 15px 20px;
    vertical-align: top;
    margin-bottom: 20px;
  }
  
  .ques_bg1 img,
  .ques_bg2 img,
  .ques_bg3 img{
    display: block;
    position: relative;
    bottom: calc( 50% - 31px/2);
    width: 29px;
    margin-right: 10px;
  }
  .ques_bg2.last{
    margin-bottom: 0;
  }
}

/*A背景*/
.ans{
  background: url(../img/enter/a.gif) no-repeat;
  margin: 0px 19px 25px 19px;
  padding-left: 36px;
  line-height: 1.7em;
  overflow:hidden;
  display:none;
}
.ans .ans_sp{
  display: none;
}
@media screen and (max-width: 768px) {
  .ans{
    margin: 0px 20px 40px 20px;
  }
  .ans .ans_sp{
    display: block;
  }
}