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

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

/*ページタイトル*/
h3.req_title{
	margin:0px 0px 22px 0px;
	display:block;
}
@media screen and (max-width: 768px) {
  h3.req_title{
    margin-bottom: 31px;
    padding: 0 5px 8px 5px;
    background: url(../img/information/info_title_under_line.png) repeat-x left bottom;
  }
  h3.req_title img{
    padding-bottom: 2px;
  }
}
@media screen and (max-width: 520px) {
  h3.req_title{
    padding-top: 10px;
  }
  h3.req_title img{
    width: 100%;
    max-width: 312px;
  }
  h3#info_title02.req_title img{
    /* 行事送迎バス停 */
    width: 100%;
    max-width: 172px;
  }
}


.clear{
	clear: both;}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;   
    clear: both;
    visibility:hidden;
}
.clearfix{
   /* display: inline-block;*/
}
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}
/* End Hack */

/*==============================================================================
　　　　　　　　　　　　　　　　　入園説明会お知らせ
==============================================================================*/
@media screen and (max-width: 768px) {
  #recruit{
    padding: 0 14px;
  }
}

#bg{
	background: url(../img/information/info_bg.gif) no-repeat;
	margin: 30px 11px 0px 11px;
	padding-top: 75px;
	height: 158px;
}
@media screen and (max-width: 768px) {
  #bg{
    background-image: none;
    background-color: #ECF1C7;
    height: auto;
    border-radius: 20px;
    padding: 29px 50px 46px 50px;
    margin: 0;
  }
}
@media screen and (max-width: 520px) {
  #bg{
    padding: 29px 20px 46px 20px;
  }
}
@media screen and (max-width: 375px) {
  #bg{
    padding: 29px 20px 34px 20px;
  }
}

.info_block{
	margin: 0px 0px 8px 40px;
	overflow: hidden;
	clear: both;
}
@media screen and (max-width: 768px) {
  .info_block{
    margin: 0 0 9px 0;
  }
  .info_block:last-child{
    margin-bottom: 0;
  }
}
@media screen and (max-width: 520px) {
  .info_block{
    display: flex;
  }
}

.info_block .box1{
	float: left;
	margin-right: 10px;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
  line-height: 1.3em;
}
@media screen and (max-width: 768px) {
  .info_block .box1{
    margin-right: 9px;
  }
}
@media screen and (max-width: 520px) {
  .info_block .box1{
    height: auto;
  }
}



.info_block_title{
  display: none;
}
@media screen and (max-width: 768px) {
  .info_block_title{
    display: block;
    margin-bottom: 20px;
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  .info_block_reserve{
    margin: 0;
  }
}


.info_txt{
  margin: 10px 0px 0px 0px;
}
.info_txt ul{
}
.info_txt ul li{
  list-style: none;
  text-indent: -1em;
  margin-left: 1em;
}
@media screen and (max-width: 768px) {
  .info_txt{
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
  }
}
@media screen and (max-width: 520px) {
  .info_txt{
    padding: 0 0 0 6px;
  }
}
@media screen and (max-width: 375px) {
  .info_txt{
    padding: 0;
  }
}


p.info_txt_red{
	width: 608px;
	color: #ea6d8d;
	font-size: 110%;
	text-align: justify;
	margin: 10px 0px 30px 1em;
}
@media screen and (max-width: 768px) {
  p.info_txt_red{
    width: auto;
    margin: 15px 0 30px 0;
    font-size: 14px;
  }
}

p.info_block_reserve{
  width: 608px;
	font-size: 110%;
	text-align: justify;
	margin: 0px 0px 0px 1em;
}
@media screen and (max-width: 768px) {
  p.info_block_reserve{
    width: auto;
    margin: 0;
    font-size: 14px;
  }
}

br.sp{
  display: none;
}



.req_title{font-weight:bold;}
.emphasis{ padding-top:15px;}
.red{ color:#ea6d8d; }
#frm{padding:25px 20px;}



/*==============================================================================
　　　　　　　　　　　　　　　　　行事送迎バス停
==============================================================================*/
.busmap_box{
	margin-bottom:20px;
	overflow:hidden;
}
@media screen and (max-width: 768px) {
  .busmap_box{
    margin-bottom: 0;
  }
}

.busmap_box .busstop01{
  width:310px;
  margin-right:10px;
  float:left;
}
.busmap_box .busstop01 iframe{
  width: 100%;
  height: 310px;
}
@media screen and (max-width: 768px) {
  .busmap_box .busstop01{
    float: none;
    max-width: 472px;
    width: 100%;
    margin: 0 auto 20px auto;
  }
  .busmap_box .busstop01 iframe{
    width: 100%;
    height: 472px;
  }
}
@media screen and (max-width: 375px) {
  .busmap_box .busstop01{
    max-width: 324px;
  }
  .busmap_box .busstop01 iframe{
    height: 324px;
  }
}



.busmap_box .busstop02{
  width:310px;
  float:right;
}
.busmap_box .busstop02 iframe{
  width: 100%;
  height: 310px;
}
@media screen and (max-width: 768px) {
  .busmap_box .busstop02{
    float: none;
    max-width: 472px;
    width: 100%;
    margin: 0 auto 20px auto;
  }
  .busmap_box .busstop02 iframe{
    width: 100%;
    height: 472px;
  }
}
@media screen and (max-width: 375px) {
  .busmap_box .busstop02{
    max-width: 324px;
  }
  .busmap_box .busstop02 iframe{
    height: 324px;
  }
}

.busmap_box img.busstop_name{
  margin-bottom:8px;
}