@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% - (50px/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% - ((50px - 50px*9/100)/2));
  }
}


/*==============================================================================
　　　　　　　　　　　　　　　　　お問い合わせ
==============================================================================*/
#inquiry{
	margin:0px 20px 0px 20px;
	margin-bottom:20px;
	text-align:center;
}
@media screen and (max-width: 768px) {
  #inquiry{
    margin: 0 10px;
  }
}
@media screen and (max-width: 520px) {
  #inquiry{
    margin: 0 14px;
  }
}
.inqTxt{
	text-align:left;
	padding:0px 0px 50px 0px;
}
@media screen and (max-width: 768px) {
  .inqTxt{
    padding: 0 0 50px 0;
    text-align: justify;
  }
}
@media screen and (max-width: 520px) {
  .inqTxt{
    padding: 0 0 30px 0;
  }
}

#inquiry img{
	width:567px;
	height:164px;
	display:block;
	margin:0px auto;
}
@media screen and (max-width: 768px) {
  #inquiry img{
    display: block;
    width: 100%;
    height: auto;
    max-width: 472px;
  }
}