@charset "utf-8";
/* ===============================================
# タイトル
=============================================== */
h2.ttl_main{
  background-color: #ffc160;
  border-radius: 10px;
  text-align: center;
  margin-top: 20px;
  padding: 21px 0;
  line-height: 1;
  color: #fff;
  font-size: 150%;
  font-weight: bold;
}

@media screen and (max-width : 767px){
  h2.ttl_main{
    margin-top: 20px;
    font-size: 2.4rem;
  }
}
/* ===============================================
# コンテンツ
=============================================== */
.box_contents{
  background-color: #fff;
  border-radius: 10px;
  margin-top: 20px;
  padding: 40px 40px 40px;
}
.box_contents h3{
  text-align: left;
  border-left: solid 7px #ffb33b;
  color: #81624c;
  font-weight: bold;
  font-size: 150%;
  padding-left: 20px;
  margin-bottom: 40px;
  line-height: 1.2;
}
.box_contents .btn_pdf{
  background: url(../../sheet/img/bg_btn.png) repeat center center;
  font-weight: bold;
  font-size: 112.5%;
  padding: 6px 0;
  text-align: center;
  margin-bottom: 20px;
}
.box_contents .btn_pdf.top{
  margin-top: 28px;
}
.box_contents .btn_pdf span{
  font-size: 88%;
  font-weight: normal;
}
.box_contents .btn_pdf img{
  width: 29px;
  margin-left: 2px;
  margin-right: 8px;
  vertical-align: middle;
}

@media screen and (max-width : 767px){
  .box_contents{
    padding: 13px 10px 25px;
  }
}
/*園長メッセージ
--------------------------------------------*/
.box_msg{
  padding-top: 35px;
  padding-bottom: 70px;
}
.box_msg_in{
  padding-top: 81px;
  position: relative;
  width: 628px;
  min-height: 523px;
  margin: 0 auto;
  background: url(../../about/img/bg_msg.png) no-repeat top center;
}
.box_msg_in .img{
  position: absolute;
}
.box_msg_in .img.img01{
  top:56px;
  left:-127px;
}
.box_msg_in .img.img02{
  top:79px ;
  right:-112px;
}
.box_msg_in .box_title{
  width: 237px;
  margin: 0 auto;
  padding-bottom: 40px;
  background: url(../../about/img/bg_line_msgttl.png) no-repeat bottom center;
}
.box_msg_in .box_text{
  width: 464px;
  margin: 10px auto 0;
  text-align: center;
  line-height: 1;
}
.box_msg_in .box_text span{
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 9px;
  background: url(../../about/img/bg_line_msg.png) no-repeat left bottom;
}
.box_msg_in .box_name{
  padding-top: 48px;
  text-align: center;
}
@media screen and (max-width : 767px){
  .box_msg{
    padding-top: 20px;
    padding-bottom: 45px;
  }
  .box_msg_in{
    padding-top: 36%;

    width: 100%;
    min-height: auto;
    background: #fff7f2 url(../../about/img_sp/bg_msg_top.png) no-repeat top center;
    background-size: 100% auto;
  }
  .box_msg_in .box_title{
    width: 54.4%;
    /*max-width: 182.5px;*/
    padding-bottom: 35px;
    background: url(../../about/img_sp/bg_line_msgttl.png) no-repeat bottom center;
    background-size: 46px auto;
  }
  .box_msg_in .box_text{
    width: 100%;
    margin: 30px auto 0;
    z-index: 1;
    font-size: 4.3vw;
  }
  .box_msg_in .box_text span{
    padding-top: 18px;
    padding-bottom: 11px;
    background: url(../../about/img_sp/bg_line_msg.png) repeat-x center bottom;
    background-size: 275.5px auto;
  }
  .box_msg_in .box_name{
    padding-top: 48px;
    padding-bottom: 36.7%;
    z-index: 1;
     font-size: 4.3vw;
    background: url(../../about/img_sp/bg_msg_bottom.png) no-repeat bottom center;
    background-size: 100% auto;
  }
}

/*園内マップ
--------------------------------------------*/
.box_map{
  padding-top: 30px;
  padding-bottom: 88px;
}
.box_map_in{
  background: url(../../about/img/bg_map.png) repeat top left;
  border-radius: 20px;
  padding: 40px 0 23px;
}
.box_map_in figure{
  margin:0 auto 40px;
  width: 83.5%;
  max-width: 767px;
}
.box_map_in figure img{
}
.box_map_in .box_list{
  width: 83.5%;
  max-width: 767px;
  margin: 0 auto;
}
.box_map_in ul{
  width: 49%;
  float: left;
}
.box_map_in ul:nth-of-type(2){
  margin-left: 2%;
}
.box_map_in ul p{
  font-weight: bold;
  font-size: 112.5%;
}
.box_map_in ul li{
  line-height: 1.5;
  padding:0 5px 25px 0;
}

@media screen and (max-width : 767px){
  .box_map{
    padding-bottom: 45px;
  }
  .box_map_in{
    background-size: 460.5px auto;
    padding: 15px 3% 25px 3% ;
  }
  .box_map_in figure{
    width: 94%;
    margin-bottom: 25px;
  }
  .box_map_in .box_list{
    width: 94%;
  }
  .box_map_in ul{
    width: 100%;
  }
  .box_map_in ul:nth-of-type(2){
    margin-left: 0;
  }
  .box_map_in ul p{
    font-size: 1.7rem;
  }
  .box_map_in ul li{
    line-height: 1.647;
    padding:0 0 25px 0;
  }
}
/*園の概要
--------------------------------------------*/
.box_info{
  padding-top: 30px;
  padding-bottom: 90px;
}
.box_info ul li{
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #ddd4ce;
}
.box_info ul li:last-child{
  border-bottom: none;
}
.box_info ul li b{
  font-weight: bold;
  display: block;
  padding-bottom: 5px;
}
.box_info .tableTime{
  border-top: solid 1px #997e68;
  border-left: solid 1px #997e68;
  border-right:solid 1px #997e68;
  text-align: center;
  width: 100%;
  table-layout: fixed;
  line-height: 1;
  margin-top: 5px;
  margin-bottom: 5px;
}
.box_info .tableTime thead th{
  background-color: #ffe8c4;
  font-weight: bold;
  border-bottom:solid 1px #997e68;
  padding: 18px 3px;
}
.box_info .tableTime tbody th{
  background-color: #fffad6;
  border-bottom:solid 1px #997e68;
  padding: 13px 3px;
  vertical-align: middle;
}
.box_info .tableTime tbody td{
  border-bottom:solid 1px #997e68;
  padding: 13px 2px;
  vertical-align: middle;
}
.box_info .tableTime tbody th.line,
.box_info .tableTime tbody td.line{
  border-right:dotted 1px #997e68;
}


.box_info .tableStaff{
  width: 100%;
  table-layout: fixed;
  line-height: 1;
  margin-top: 10px;
}
.box_info .tableStaff th,
.box_info .tableStaff td{
  border: solid 1px #997e68;
  text-align: center;
  padding: 15px 0;
}
.box_info .tableStaff th{
  background-color: #fffad6;
  border-right:none;
}
.box_info .tableStaff td{
  border-left:dotted 1px #997e68;
}

@media screen and (max-width : 767px){
  .box_info{
    padding-bottom: 45px;
  }
  .box_info ul li{
    padding-top: 20px;
    padding-bottom: 20px;
  }


}

/*アクセス
--------------------------------------------*/
.box_access{
  padding-top: 30px;
  padding-bottom: 90px;
}
.box_access h3{
  margin-bottom: 20px;
}
/*
.box_access_in{
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 45.7%;
  margin-top: 20px;
  border-radius: 6px;
  overflow: hidden;
}
.box_access_in iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
*/
.box_access .box_in_map{
  float: left;
  width: 50%;
}
.box_access .box_in_map img{
  max-width: 100%;
}
.box_access .box_in_address{
  float: right;
  width: 47.8%;
}
.box_access .box_in_address address{
  display: inline;
}
.box_access .box_in_address .map{
  display: inline-block;
  margin-left: 10px;
  width: 14px;
}
.box_access .box_in_address .map img{
  vertical-align: top;
}

@media screen and (max-width : 767px){
  .box_access{
    padding-bottom: 45px;
  }
  .box_access .box_in_map{
    float: none;
    width: auto;
    margin-top: 10px;
  }
  .box_access .box_in_address{
    float: none;
    width: auto;
    padding: 0;
  }
}


/*情報公開
--------------------------------------------*/
.box_disclosure{
  padding-top: 30px;
}
.box_disclosure .btn_link{
  background: url(../../sheet/img/bg_btn.png) repeat center center;
  font-weight: bold;
  font-size: 112.5%;
  padding: 6px 0;
  text-align: center;
  margin-bottom: 20px;
}

/* -----------------------------------------------
margin
----------------------------------------------- */
.mt_05 {
  margin-top: 5px!important;
}
.mt_10 {
  margin-top: 10px!important;
}
.mt_15 {
  margin-top: 15px!important;
}
.mt_20 {
  margin-top: 20px!important;
}
.mt_25 {
  margin-top: 25px!important;
}
.mt_30 {
  margin-top: 30px!important;
}
.mt_35 {
  margin-top: 35px!important;
}
.mt_40 {
  margin-top: 40px!important;
}
.mt_45 {
  margin-top: 45px!important;
}
.mt_50 {
  margin-top: 50px!important;
}
.mt_60 {
  margin-top: 60px!important;
}
.mb_10 {
  margin-bottom: 10px!important;
}
.mb_15 {
  margin-bottom: 15px!important;
}
.mb_20 {
  margin-bottom: 20px!important;
}
.mb_25 {
  margin-bottom: 25px!important;
}
.mb_30 {
  margin-bottom: 30px!important;
}
.mb_35 {
  margin-bottom: 35px!important;
}
.mb_40 {
  margin-bottom: 40px!important;
}
.mb_50 {
  margin-bottom: 50px!important;
}
.mb_60 {
  margin-bottom: 60px!important;
}