@charset "utf-8";
/*
Theme Name: 鳩の子保育園
Version: 1.0
Author: RUBBER SOUL
-------------------------------------------------------------- */

/* =======================================
   topslide
=======================================
#topslide {
    width: 100%;
    height: 500px;
    padding-top: 130px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.sp-slide {
    background-color: #fff !important;
}
 */

.slider-pro {
    margin-top: 130px;
}
@media screen and (max-width : 834px ){
  .slider-pro {
      margin-top: 50px;
  }
}

.start {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start p {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 280px;
}
.start p img {
    width: 100%;
    height: auto;
}

/*----------------------------------------------------
	hamburger
 */

.txt_menu {
	width: 31px;
	height: 8px;
	position: fixed;
	z-index: 150;
	top: 60px;
	right: 44px;
}
.txt_menu img {
	width: 100%;
	height: auto;
}

/* Bnr
-----------------------------------------*/
.Bnr {
  display: none;
  position: fixed;
}

.Bnr2 {
  display: none;
  position: fixed;
}

/* =======================================
   sec01
======================================= */
.sec01 {
    width: 800px;
    height: 240px;
    margin: 60px auto 0;
    position: relative;
}
.sec01 p {
    width: 360px;
    font-size: 15px;
    color: #111a3a;
    line-height: 30px;
    font-weight: bold;
}
@media screen and (max-width : 834px ){
  .sec01 {
      width: 90%;
      height: auto;
      margin: 30px auto 0;
  }
  .sec01 p {
      width: 85%;
      font-size: 15px;
      margin: 10px auto 0;
  }
}

.sec01_pic01 {
    width: 384px;
    height: 398px;
    position: absolute;
    top: -170px;
    right: 0;
}
.sec01_pic01 img {
    width: 100%;
}
@media screen and (max-width : 834px ){
  .sec01_pic01 {
      width: 250px;
      height: auto;
      position: static;
      margin: -150px auto 0;
  }
}

/* =======================================
   sec02
======================================= */
.sec02 {
    width: 100%;
    margin: 100px auto 0;
    background-image: url("images/sec02_bg.gif");
    background-size: cover;
    background-position: 0 115px;
}
@media screen and (max-width : 834px ){
  .sec02 {
      background-position: 0 0;
  }
}

.sec02_pic01 {
    width: 100%;
    height: 550px;
    margin: 0 auto;
    background-image: url("images/sec02_pic01_sp.png");
    background-size: 67%;
    background-repeat: no-repeat;
    background-position: top right;
}

.sec02_pic01_sp {
    width: 100%;
    margin: 0 auto;
}
.sec02_pic01_sp img {
    width: 75%;
    margin-left: 25%;
}

.sec02_area {
    width: 885px;
    height: 455px;
    margin: 0 auto;
    position: relative;
}
.sec02_area p {
    width: 360px;
    line-height: 24px;
    position: absolute;
    top: 65px;
    right: 0;
}
@media screen and (max-width : 834px ){
  .sec02_area {
      width: 90%;
      height: auto;
      margin: 0 auto;
      padding-bottom: 100px;
  }
  .sec02_area p {
      width: 65%;
      position: static;
      margin: 30px auto 0;
      font-weight: bold;/*0830*/
      font-size: 15px;/*0830*/
      line-height: 30px !important;/*0830*/
  }
}
@media screen and (max-width: 568px) {
  .sec02_area p {
      width: 90%;
      margin: 15px auto 0;
  }
}

.sec02_pic02 {
    width: 490px;
    height: 493px;
    position: absolute;
    top: -280px;
    left: 0;
}
.sec02_pic02 img {
    width: 100%;
}
@media screen and (max-width : 834px ){
  .sec02_pic02 {
      width: 80%;
      height: auto;
      position: static;
      margin: -40% auto 0;
  }
}
@media screen and (max-width : 568px ){
  .sec02_pic02 {
      width: 110%;
  }
}

.sec02_pic03 {
    width: 365px;
    height: 69px;
    position: absolute;
    top: 190px;
    right: 0;
}
.sec02_pic03 img {
    width: 100%;
}
@media screen and (max-width : 834px ){
  .sec02_pic03 {
      width: 65%;
      height: auto;
      position: static;
      margin: 20px auto 0;
  }
}
@media screen and (max-width: 568px) {
  .sec02_pic03 {
      width: 90%;
  }
}

.sec02_bt {
    position: absolute;
	top: 300px;
    right: 140px;
}
@media screen and (max-width : 834px ){
  .sec02_bt {
      position: static;
      margin: 80px auto 0;
  }
}

/* =======================================
   sec03
======================================= */
.sec03 {
    width: 100%;
    margin: 0 auto;
    background-image: url("images/sec03_bg.gif");
    background-size: cover;
    background-position: 0 115px;
}
@media screen and (max-width : 834px ){
  .sec03 {
      background-position: 0 0;
  }
}

.sec03_pic01 {
    width: 100%;
    height: 550px;
    margin: 0 auto;
    background-image: url("images/sec03_pic01_sp.png");
    background-size: 67%;
    background-repeat: no-repeat;
    background-position: top left;
}

.sec03_pic01_sp {
    width: 100%;
    margin: 0 auto;
}
.sec03_pic01_sp img {
    width: 75%;
    margin-right: 25%;
}

.sec03_area {
    width: 870px;
    height: 280px;
    margin: 0 auto;
    position: relative;
}
.sec03_area p {
    width: 360px;
    line-height: 25px;
    position: absolute;
    top: 20px;
    left: 0;
}
@media screen and (max-width : 834px ){
  .sec03_area {
      width: 90%;
      height: auto;
      margin: 0 auto;
      padding-bottom: 100px;
  }
  .sec03_area p {
      width: 65%;
      position: static;
      margin: 30px auto 0;
      font-weight: bold;/*0830*/
      font-size: 15px;/*0830*/
      line-height: 30px !important;/*0830*/
  }
}
@media screen and (max-width: 568px) {
  .sec03_area p {
      width: 90%;
      margin: 15px auto 0;
  }
}

.sec03_pic02 {
    width: 513px;
    height: 517px;
    position: absolute;
    top: -280px;
    right: 0;
}
.sec03_pic02 img {
    width: 100%;
}
@media screen and (max-width : 834px ){
  .sec03_pic02 {
      width: 80%;
      height: auto;
      position: static;
      margin: -40% auto 0;
  }
}
@media screen and (max-width : 568px ){
  .sec03_pic02 {
      width: 110%;
  }
}

.sec03_bt {
    position: absolute;
	top: 155px;
    left: 0;
}
@media screen and (max-width : 834px ){
  .sec03_bt {
      position: static;
      margin: 80px auto 0;
  }
}

/* =======================================
   sec04
======================================= */
.sec04 {
    max-width: 900px;
    margin: 105px auto 0;
    padding: 65px 60px 45px;
    box-sizing: border-box;
    background-color: #111a3a;
    border-radius: 30px;
    position: relative;
}
@media screen and (max-width : 834px ){
  .sec04 {
      width: 85%;
      padding: 65px 5% 45px;
  }
}

.sec04_pic01 {
    width: 387px;
    height: 142px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -105px;
}
.sec04_pic01 img {
    width: 100%;
}
@media screen and (max-width : 834px ){
  .sec04_pic01 {
      width: 350px;
      height: auto;
      margin: 10px auto 0 !important;
  }
}
@media screen and (max-width: 568px) {
  .sec04_pic01 {
      width: 100%;
      height: auto;
      margin: 50px auto 0 !important;
  }
}

.sec04_parbox {
    width: 172px;
    height: 385px;
    margin-bottom: 30px;
    position: relative;
}
@media screen and (max-width : 834px ){
  .sec04_parbox {
      margin: 20px 3% 50px;
      height: auto;
  }
}
@media screen and (max-width : 568px ){
  .sec04_parbox {
      margin: 40px auto;
  }
}
.sec04_parbox p {
    width: 100%;
    padding-top: 22px;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: -0.02em;
    color: #fff;
}
@media screen and (max-width : 834px ){
  .sec04_parbox p {
      width: 130%;
      margin-left: -15%;
      font-size: 15px;/*0830*/
      line-height: 30px !important;/*0830*/
  }
}

.pname {
    width: 86px;
    height: 11px;
    position: absolute;
    bottom: -10px;
    right: 0;
}
@media screen and (max-width : 834px ){
  .pname {
      bottom: -20px;
      right: -15%;
  }
}
.pname img {
    width: 100%;
}

.sec04_par {
    width: 169px;
    height: 168px;
    margin: 0 auto;
}
.sec04_par img {
    width: 100%
}

/* =======================================
   sec05
======================================= */
.sec05 {
    width: 100%;
    margin: 100px auto 0;
    background-image: url("images/sec02_bg.gif");
    background-size: cover;
    background-position: 0 115px;
}
@media screen and (max-width : 834px ){
  .sec05 {
      background-position: 0 0;
  }
}

.sec05_pic01 {
    width: 100%;
    height: 550px;
    margin: 0 auto;
    background-image: url("images/sec05_pic01_sp.png");
    background-size: 67%;
    background-repeat: no-repeat;
    background-position: top right;
}

.sec05_pic01_sp {
    width: 100%;
    margin: 0 auto;
}
.sec05_pic01_sp img {
    width: 75%;
    margin-left: 25%;
}

.sec05_area {
    width: 855px;
    height: 390px;
    margin: 0 auto;
    position: relative;
}
.sec05_area p {
    width: 360px;
    line-height: 25px;
    position: absolute;
    top: 65px;
    right: 0;
}
@media screen and (max-width : 834px ){
  .sec05_area {
      width: 90%;
      height: auto;
      margin: 0 auto;
      padding-bottom: 100px;
  }
  .sec05_area p {
      width: 65%;
      position: static;
      margin: 30px auto 0;
      font-weight: bold;/*0830*/
      font-size: 15px;/*0830*/
      line-height: 30px !important;/*0830*/
  }
}
@media screen and (max-width: 568px) {
  .sec05_area p {
      width: 90%;
      margin: 15px auto 0;
  }
}

.sec05_pic02 {
    width: 539px;
    height: 535px;
    position: absolute;
    top: -300px;
    left: 0;
}
.sec05_pic02 img {
    width: 100%;
}
@media screen and (max-width : 834px ){
  .sec05_pic02 {
      width: 80%;
      height: auto;
      position: static;
      margin: -40% auto 0;
  }
}
@media screen and (max-width : 568px ){
  .sec05_pic02 {
      width: 110%;
  }
}

.sec05_bt {
    position: absolute;
	top: 230px;
    right: 140px;
}
@media screen and (max-width : 834px ){
  .sec05_bt {
      position: static;
      margin: 80px auto 0;
  }
}

/* =======================================
   sec06
======================================= */
.sec06 {
    width: 100%;
    margin: 0 auto;
    padding: 75px 0;
    background-color: #1b284c;
}

.sec06_pic01 {
    max-width: 900px;
    margin: 0 auto;
}
.sec06_pic01 img {
    width: 100%;
    vertical-align: bottom;
}
@media screen and (max-width : 834px ){
  .sec06_pic01 {
      width: 85%;
  }
}

.sec06_area {
    max-width: 900px;
    margin: 0 auto;
    padding: 55px 70px 70px;
    box-sizing: border-box;
    background-color: #fff;
}
@media screen and (max-width : 834px ){
  .sec06_area {
      width: 85%;
      margin: 0 auto;
      padding: 55px 7% 70px;
  }
}

.sec06 table {
	width: 100%;
	line-height: 24px;
	margin: 0 auto;
}
.sec06 table th {
	vertical-align: middle;
	white-space: nowrap;
	padding: 15px 15px 15px 30px;
    border-bottom: 1px dashed #1b284c;
}
.sec06 table td {
	text-align: left;
	vertical-align: top;
	padding: 15px 5px 15px 40px;
    border-bottom: 1px dashed #1b284c;
    border-left: 1px dashed #1b284c;
}
.sec06 table tr:last-child th,
.sec06 table tr:last-child td {
    border-bottom:none;
}
@media screen and (max-width: 568px) {
  .sec06 table th {
      padding: 15px 3px 15px 0;
  }
  .sec06 table td {
      padding: 15px 0 15px 10px;
  }
}

.gmap {
    margin: 40px auto 0;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}
.gmap iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.sec06_thum {
    width: 100%;
    margin: 55px auto 0;
}
.sec06_thum img {
    width: 152px;
    height: 152px;
    margin-bottom: 20px;
}
@media screen and (max-width: 834px) {
.sec06_thum img {
    width: 48%;
    height: 48%;
} 
}
@media screen and (max-width: 568px) {
  .sec06_thum img {
      width: 48%;
      height: 48%;
      margin-bottom: 20px;
  }
}


/******************************************************************************************************* Media Queries */
.for-pc { display:block; }
.for-sp { display:none; }




@media screen and (max-width : 834px ){
.for-pc { display:none; }
.for-sp { display:block; }






}/**********************************************************************************834px  Media Queries   end */


@media screen and (max-width: 568px) {


.for-smart { display:block; }




}/**********************************************************************************568px  Media Queries   end */


@media screen and (max-width: 375px) {






}/**********************************************************************************375px  Media Queries   end */

@media screen and (max-width: 320px) {









}/**********************************************************************************320px  Media Queries   end */