@charset "utf-8";
/* CSS Document */




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

#mv

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

#inner_mv div img {
  width: 505px;
}
@media screen and (max-width: 1000px) {

}

@media screen and (max-width: 750px) {
  #mv{height: 660px;}
  .mv_box {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
  }
	#inner_mv div img{
		width: 236px;
		margin: 0 auto;
	}
}



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

#news

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

.request_box{
  margin-bottom: 60px;
}

.request_box>li{
  background: url(../img/li_icon.png) top 20px left 20px / 12px no-repeat,
  url(../img/li_icon.png) top 20px right 20px / 12px no-repeat,
  url(../img/li_icon.png) bottom 20px right 20px / 12px no-repeat,
  url(../img/li_icon.png) bottom 20px left 20px / 12px no-repeat,#faf6ea ;
  border-radius: 20px;
  padding: 40px 50px;
  margin-bottom: 20px;
}
.request_box>li:last-child{margin-bottom: 0;}
.request_box li div{
  background: url(../img/line.jpg)bottom left repeat-x;
  padding: 0 30px 20px;
}

.request_box em{
  border-radius: 5px;
  padding: 6px 20px 4px;
  margin: 0 14px 0 20px;
}

.request_box .primary_school {background: #f39800;}
.request_box .nursery_school {background: #f1d51b;}
.request_box .facility{background: #a6eeb4;}
.request_box .company {background: #a1d7dd;}
.request_box .group {background: #f2acd7;}
.request_box .others{background: #d8d8d8;}

.request_box .area{
  background: #ffffff;
  border-radius: 50px;
  padding: 2px 20px 0;
  display: inline-block;
}
.request_box h3{margin-top: 14px;}

.request_box p{padding: 20px 30px 0;}

.page_okuri{
  display: flex;
  gap: 12px;
  justify-content: center;
}
.page_okuri li{
  border-radius: 50px;
  box-sizing: border-box;
  color: #f37e00;
}
.page_okuri .active{
  background: #f37e00;
  color: #ffffff;
	width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}

.page_okuri .dots{
	width: 60px;
  height: 60px;
	display: flex;
  justify-content: center;
  align-items: center;
}

.page_okuri a{
  width: 60px;
  height: 60px;
  border-radius: 50px;
  box-sizing: border-box;
  color: #f37e00;
	border: 1px solid #f37e00;

  display: flex;
    /* フレックスボックス化 */
    justify-content: center;
    /* 左右の中央揃え */
    align-items: center;
}

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

}

@media screen and (max-width: 768px) {
	
	.request_box{margin-bottom: 40px;}
  .request_box>li{
    background: url(../img/li_icon.png) top 15px left 15px / 12px no-repeat,
        url(../img/li_icon.png) top 15px right 15px / 12px no-repeat,
        url(../img/li_icon.png) bottom 15px right 15px / 12px no-repeat,
        url(../img/li_icon.png) bottom 15px left 15px / 12px no-repeat, #faf6ea;
    padding: 30px 20px;
  }
  .request_box li div{padding: 0 18px 16px;}
	.request_box li span{
		display: block;
		margin-bottom: 4px;
	}
  .request_box em {
	  margin: 0 8px 0 0;
	  padding: 6px 14px 4px;
	}
	.request_box h3{margin-top: 10px;}
  .request_box p{padding: 16px 18px 0;}
	
	.page_okuri a{
		width: 50px;
		height: 50px;
	}
	.page_okuri .active{
		width: 50px;
		height: 50px;
	}
	
}


/******** .floating_banner ********/

.floating_banner {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 140px;
  z-index: 9;
}
.floating_banner a{display: block;}

@media screen and (max-width: 1000px) {
	.floating_banner{width: 100px;}
}