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

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

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

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

td.r_area p.bus_route{
    padding: 0 0 10px 0;
}


/*==============================================================================
                 入園までの流れ
==============================================================================*/
#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:17px 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;
  }
}


.flowTitle{
  margin:0px 0px 0px 5px;
}
@media screen and (max-width: 768px) {
  .flowTitle{
    margin: 0;
  }
}
@media screen and (max-width: 520px) {
  /*タイトル画像のサイズ(同一ではない)に合わせてサイズの計算が必要です*/
  /* 80％高さの式　元画像の幅-元画像の幅*8/100 */
  .flowBack_kengaku .flowTitle{
    /*見学会*/
    width: 77px;
    width: calc(77px - 77px*8/100);
    height: auto;
  }
  .flowBack_distribution .flowTitle{
    /*入園願書配布*/
    width: 203px;
    width: calc(203px - 203px*8/100);
    height: auto;
  }
  .flowBack_shinsa .flowTitle{
    /*入園審査*/
    width: 297px;
    width: calc(297px - 297px*8/100);
    height: auto;
  }
  .flowBack_1day .flowTitle{
    /*新入園児1日入園*/
    width: 218px;
    width: calc(218px - 218px*8/100);
    height: auto;
  }
  .flowBack_cer .flowTitle{
    /*入園式*/
    width: 181px;
    width: calc(181px - 181px*8/100);
    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_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/flow_shinsa_back.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.gif);
  background-repeat:no-repeat;
  width:134px;
  height:36px;
  vertical-align:middle;
}
@media screen and (max-width: 768px) {
  .day_req{
    height: 36px;
    background-position: top;
    margin-bottom: 16px;
  }
}
.day_jug{
  background-image:url(../img/enter/flow_judgingDay.gif);
  background-repeat:no-repeat;
  width:134px;
  height:36px;
  vertical-align:middle;
}
@media screen and (max-width: 768px) {
  .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: 16px;
  }
}

/*******/

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


/*==============================================================================
                 見学の申込み
==============================================================================*/
/*見学なしの場合*/
.visit{
  width:670px;
  text-align:center;
}
.visit .txt-box{
  margin: 20px 55px 20px;
  text-align: left;
  font-size: 15px;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .visit{
    box-sizing: border-box;
    margin: 64px 10px 78px 10px;
    width: auto;
  }
  .visit .txt-box{
    margin: 20px auto;
    width: 100%;
    max-width: 550px;
  }
}
@media screen and (max-width: 520px) {
  .visit{
    margin: 0 14px 59px 14px;
  }
  .visit .txt-box{
    margin: 0 auto 20px auto;
    width: 100%;
  }
  img{
    width: 100%;
  }
}
@media screen and (max-width: 320px) {
  .visit{
    margin: 81px 14px 59px 14px;
  }
}

/*.visit p{
  line-height: 2em;
  margin-bottom: 10px;
  
}
@media screen and (max-width: 768px) {
  .visit p{
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 1em;
  }
}*/


/*見学ありの場合*/
.visit-wrap{
  padding: 0 20px;
  font-size: 13px;
}
.visit-wrap p{
  margin: 0;
  line-height: 1.5em;
}
.visit-wrap p.comment{
  padding: 0 0 8px 2em;
  text-indent: -1em;
}
.visit-wrap p.transportation{
    padding: 0 0 10px 0;
}
.photo-wrap{
  text-align: center;
  margin: 40px 0 0;
  display: block;
}
.photo-wrap picture {
  display: block;
  margin-bottom: 10px; /* 任意のスペースを追加するためのマージン */
}
span.txt-pink{
  color: #EA6D8D;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .visit-wrap p{
    padding: 0 20px;
    font-size: 13px;
  }
}
@media screen and (max-width: 375px) {
  img{
    width: 100%;
  }
}

/*==============================================================================
                  Ｑ＆Ａ
==============================================================================*/
#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 21px 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;
  }
  
  .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;
  /*word-break: keep-all;*/
}
@media screen and (max-width: 768px) {
  .ans{
    margin: 0px 20px 40px 20px;
  }
}