@charset "UTF-8";

/* reset */
html, body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li,p{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
img{
	height: auto;
	font-size: 0;
	line-height: 0;
	border:0;
}
ol,ul{
	list-style: none;
}

/* common */
body{
	font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','ＭＳ Ｐゴシック','MS PGothic',YuGothic,'Yu Gothic';
	font-size: 16px;
	color:rgb(100,70,20);
	line-height: 1.5;
	text-align: left;
	letter-spacing: 0.1em;
	background:rgb(255,255,255);
}
a{
	text-decoration: none;
	display:block;
	color:rgb(100,70,20);
	transition:0.5s;
}
a:hover{
	opacity:0.6;
}
img{
    max-width: 100%;
    height: auto;
	border-style:none;
	vertical-align:middle;
}

.tel a{
	pointer-events: none;
}
.indent{
	padding-left:1.2em;
	text-indent:-1.2em;
}


.section_title{
	width: 400px;
	margin: 0 auto 40px auto;
}

.gizagiza_white{
	background: url("images/gizagiza_white.png") repeat-x top center;
	width: 100%;
	height: 35px;
	margin: -35px auto 0 auto;
	position: relative;
	z-index: 3;
}
.gizagiza_yellow{
	background: url("images/gizagiza_yellow.png") repeat-x top center;
	width: 100%;
	height: 35px;
	position: relative;
	z-index: 3;
}

.gizagiza_blue{
	background: url("images/gizagiza_blue.png") repeat-x top center;
	width: 100%;
	height: 35px;
	position: relative;
	z-index: 3;
	margin: -35px auto -15px auto;
}
.gizagiza_green{
	background: url("images/gizagiza_green.png") repeat-x top center;
	width: 100%;
	height: 35px;
	position: relative;
	z-index: 3;
}
.page_title{
	background: rgb(67,180,200);
	padding:0 0 45px 0;
}
.page_title ul{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	z-index: 4;
}
.page_title li:first-child img{
	height: 40px;
	margin-right: 10px;
}
.page_title li:last-child img{
	height: 20px;
}

.sub_title{
	background: rgb(185,223,247) url("images/ptn_naname.png") repeat;
	text-align: center;
	padding: 5px 0;
	margin: 0 auto 30px auto;
}
.sub_title img{
	height: 45px;
}

.white_back{
	background: url("images/back.jpg") no-repeat center bottom / cover;
	margin: 0 auto -15px auto;
	padding: 20px 0 0 0;
}
.white_back_2{
	background: url("images/back_4.png") no-repeat center bottom / contain,url("images/back_3.jpg") repeat-y center top / 100%;
	margin: 0 auto -15px auto;
	min-height: 400px;
	padding: 20px 0 100px 0;
}
.white_back_3{
	margin: 0 auto;
	padding: 20px 0 40px 0;
}
.green_back{
	background: rgb(180,220,150) url("images/back_flower.png") repeat-y center top / 100%;
	margin: 0 auto -15px auto;
	padding: 20px 0 100px 0;
}

.inner_box{
	margin: 0 auto;
	width: 1000px;
}

.pc { display: block !important; }
.sp { display: none !important; }


/* container */
#container{
	width:100%;
	min-width: 1227px;
}

/* header */
#header{
	background: 
		url("images/top_child.png") no-repeat center bottom 60px / auto,
		url("images/flag.png") no-repeat center top / cover,
		url("images/oka.png") no-repeat center bottom / cover 
		rgb(175,235,250);
	padding: 30px 0;
	height: 330px;
}

/* logo */
#logo{
	width: 758px;
	margin: 0 auto 20px auto;
}

/* menu */
#menu{
	width: 900px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.menu_parent a{
	width: 140px;
	height: 140px;
	border-radius: 50%;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
	background: rgba(255,255,255,0.8);
}
.menu_txt img{
	height: 18px;
	width: auto;
}
.menu_child{
	position: relative;
	z-index: 5;
	top:5px;
	display: none;
	background: rgba(255,255,255,0.8);
	border-radius: 10px;
}
.menu_child li a{
	width: 140px;
	padding: 10px;
	text-align: center;
	box-sizing: border-box;
}
.menu_parent:hover a,
.menu_child li a:hover{
	background: rgba(255,255,0,0.8);
	opacity:1;
}

.menu_child li:first-child a:hover{
	border-radius: 10px 10px 0 0;
}
.menu_child li:last-child a:hover{
	border-radius: 0 0 10px 10px;
}
.menu_child li.radius a:hover{
	border-radius:10px;
}

/* swiper */
#slide{
	width:100%;
	background: rgb(180,220,150);
	padding: 0 0 150px 0;
	position: relative;
}
.swiper{
	width: 980px;
	margin: 0 auto;
}
.swiper-slide{
	padding-top:55%;
	position:relative;
	z-index: 1;
}
.swiper-slide img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	object-fit: cover;
}
#flame{
	background: url("images/flame.png") no-repeat center top;
	width: 1227px;
	height: 673px;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	z-index: 2;
	margin: -40px auto 0 auto;
}

/* topics */
#topics{
	margin: 0 auto;
	width: 1000px;
}
#scroll iframe{
	border: 10px solid rgb(248,180,180);
	width:100%;
	height:400px;
	overflow-y: scroll;
	box-sizing: border-box;
}

/* btn */
#btn{
	margin: 40px auto 0 auto;
	padding: 0 0 50px 0;
	width: 1000px;
}
#btn ul{
	display: flex;
}
#btn a:hover{
	transform: rotate(-5deg) ;
	opacity: 1;
}

/* rinen */
.mokuhyo{
	border: 10px solid rgb(248,181,181);
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px;
	margin: 0 auto 30px auto;
	background: url("images/flower_3.png") no-repeat left 35px center;
}
.mokuhyo_txt{
	text-align: center;
	margin: 0 auto 20px auto;
	font-size: 18px;
}
.mokuhyo p{
	width: 25%;
	text-align: center;
}
.mokuhyo p img{
	width: 80%;
}
.mokuhyo ul{
	width: 70%;
}
.mokuhyo li{
	padding: 0 0 15px 35px;
	margin: 0 auto 15px auto;
}
.mokuhyo li:first-child{
	background: url( "images/num_1.png") no-repeat left top / 25px, url("images/line.png") repeat-x left bottom / auto;
}
.mokuhyo li:nth-child(2){
	background: url( "images/num_2.png") no-repeat left top / 25px, url("images/line.png") repeat-x left bottom / auto;
}
.mokuhyo li:last-child{
	background: url( "images/num_3.png") no-repeat left top / 25px;
	padding: 0 0 0 35px;
	margin: 0 auto;
}
.mokuhyo_01,.mokuhyo_02,.mokuhyo_03{
	margin: 0 auto 25px auto;
}
.mokuhyo_01 img,.mokuhyo_02 img,.mokuhyo_03 img{
	height: 25px;
}
.mokuhyo_01 li:first-child{
	background: url( "images/num_1.png") no-repeat left top / 25px, url("images/line.png") repeat-x left bottom / auto;
	padding: 0 0 15px 35px;
	margin: 0 auto 15px auto;
}
.mokuhyo_02 li:first-child{
	background: url( "images/num_2.png") no-repeat left top / 25px, url("images/line.png") repeat-x left bottom / auto;
	padding: 0 0 15px 35px;
	margin: 0 auto 15px auto;
}
.mokuhyo_03 li:first-child{
	background: url( "images/num_3.png") no-repeat left top / 25px , url("images/line.png") repeat-x left bottom / auto;;
	padding: 0 0 15px 35px;
	margin: 0 auto 15px auto;
}
.mokuhyo_illust{
	width: 70%;
	margin: 0 auto 40px auto;
	text-align: center;
}

/* sugata */
.sugata_txt{
	text-align: center;
	margin: 0 auto 20px auto;
	font-size: 18px;
}
.sugata_box{
	border: 10px solid rgb(248,181,181);
	box-sizing: border-box;
	padding: 30px;
	margin: 0 auto 30px auto;
	background: url("images/flower_4.png") no-repeat left 35px top 20px,url("images/flower_5.png") no-repeat right 35px bottom 20px;
}
.sugata_box p{
	width: 100%;
	text-align: center;
	margin: 0 auto 20px auto;
}
.sugata_box p img{
	width: 25%;
}

.sugata_box li{
	padding: 0 0 15px 35px;
	margin: 0 auto 15px auto;
}
.sugata_box li:first-child{
	background: url( "images/num_1.png") no-repeat left top / 23px, url("images/line.png") repeat-x left bottom / auto;
}
.sugata_box li:nth-child(2){
	background: url( "images/num_2.png") no-repeat left top / 23px, url("images/line.png") repeat-x left bottom / auto;
}
.sugata_box li:nth-child(3){
	background: url( "images/num_3.png") no-repeat left top / 23px, url("images/line.png") repeat-x left bottom / auto;
}
.sugata_box li:nth-child(4){
	background: url( "images/num_4.png") no-repeat left top / 23px, url("images/line.png") repeat-x left bottom / auto;
}
.sugata_box li:nth-child(5){
	background: url( "images/num_5.png") no-repeat left top / 23px, url("images/line.png") repeat-x left bottom / auto;
}
.sugata_box li:last-child{
	background: url( "images/num_6.png") no-repeat left top / 23px;
	padding: 0 0 0 35px;
	margin: 0 auto;
}

/* mesaage */
.message_img{
	width: 90%;
	margin:  0 auto 30px auto;
	text-align: center;
}
.message_box{
	box-sizing: border-box;
	padding: 40px;
	background: #fff;
	line-height: 1.88;
}
.message_box p{
	background: url("images/line_2.png") repeat-y left top , url("images/flower_6.png") no-repeat right bottom;
}
.message_box p.p_right{
	text-align: right;
	background: url("images/line_2.png") repeat-y left top;
}

/* bus */
.bus_box{
	background: rgb(205,235,250);
	padding: 40px;
}
.bus_box2{
	background: url("images/bus_illust.png") no-repeat left top / 40%;
	padding: 0 0 0 45%;
	min-height: 170px;
}
.bus_btn{
	margin: 30px auto 0 auto;
}
.bus_btn a{
	padding: 10px 40px;
	background: rgb(255,250,200);
	display: inline-block;
	border-radius: 10px;
}


/* childcare */
.childcare_box{
	box-sizing: border-box;
	padding: 40px;
	background: #fff;
}
.yokohama{
	margin: 0 auto 40px auto;
}
.childcare_txt{
	text-align: center;
	margin: 0 auto 40px auto;
}
table{
	border-collapse: collapse;
	width: 100%;
	margin: 20px auto 0 auto;
}
tr{
	border: 1px solid rgb(37,180,220);
}
th{
	background: rgb(220,243,255);
	text-align: center;
	padding: 10px 30px;
	font-weight: normal;
}
td{
	padding: 10px 30px;
}
.movie_btn{
	text-align: center;
}
.movie_btn a{
	padding: 10px 60px;
	background: rgb(248,181,181);
	display: inline-block;
	border-radius: 10px;
	color: #fff;
}
/* flow */
.flow_title{
	background: rgb(255,250,200) url("images/ptn_naname.png") repeat;
	text-align: center;
	padding: 10px 5px;
	margin: 0 auto 20px auto;
}
.flow_title img{
	height: 25px;
}
.flow_box{
	background: rgb(220,243,255);
	padding: 30px 0 0 30px;
	display: flex;
	justify-content: space-between;
	border-radius: 20px;
	margin: 0 auto 15px auto;
}
.flow_box_2{
	background: rgb(220,243,255);
	padding: 30px;
	display: flex;
	justify-content: space-between;
	border-radius: 20px;
	margin: 0 auto 15px auto;
}
.flow_box_3{
	background: rgb(220,243,255);
	padding: 30px;
	display: flex;
	justify-content: space-between;
	border-radius: 20px;
	margin: 15px auto 0 auto;
}
.flow_icon{
	background: url("images/icon_flower.png") no-repeat left top / 25px,url("images/line.png") repeat-x left bottom;
	padding: 0 0 15px 30px;
	margin: 0 auto 15px auto;
}
.flow_icon img{
	height: 25px;
}
.flow_inner{
	width: 68%;
}
.flow_inner_2{
	width: 27%;
}
.flow_inner_3{
	width: 40%;
}
.flow_img{
	width: 30%;
	margin: -50px 0 0 0;
	transform: rotate(8deg);
}
.flow_img_2{
	width: 30%;
	margin: -50px 0 0 0;
	transform: rotate(-5deg);
}
.flow_img_3{
	width: 70%;
}
.flow_img_4{
	width: 30%;
	transform: rotate(-5deg);
	margin: -150px 0 -65px 35px;
}
.flow_img_5{
	width: 30%;
	transform: rotate(8deg);
	margin: -160px 0 -50px 70%;
	text-align: right;
}
.flow_img_6{
	width: 55%;
}
.flow_img_7{
	width: 30%;
	transform: rotate(8deg);
	margin: -100px 0 -105px 70%;
	text-align: right;
}
.yajirushi{
	text-align: center;
	margin: 10px auto;
}
.yajirushi img{
	height: 50px;
}
.katsudo_txt{
	text-align: center;
	margin: -10px auto 0 auto;
}

.katsudo{
	display: flex;
	justify-content: space-between;
	margin: 20px auto 15px auto; 
}
.katsudo_box{
	width:24%;
	background: rgb(220,243,255);
	padding: 30px;
	box-sizing: border-box;
	border-radius: 10px;
}
.center{
	text-align: center;
}

/* regular */
.regular_box{
	background: #fff;
	text-align: center;
	padding: 40px;
	box-sizing: border-box;
}
.regular_box ul{
	display: flex;
	justify-content: space-between;
	margin: 30px auto 0 auto;
}
.regular_box li{
	width: 49%;
}
.regular_box li img{
	border-radius: 10px;
}

/* event */
.event_box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.event_txt{
	text-align: center;
	margin: 0 auto 20px auto;
}
.month{
	width: 32%;
	border-radius: 20px;
	margin-bottom: 3%;
}
.month p {
	margin: 0 0 -25px 0;
}
.month p img{
	border-radius: 20px 20px 0 0;
}
.month ul{
	padding: 30px 30px 40px 30px;
}
.month li:first-child{
	text-align: center;
	margin: 0 auto 5px auto;
}
.month li:first-child img{
	height: 70px;
}

.spring{
	background: rgb(250,200,200) url("images/flower_2.png") repeat-x bottom center / contain;
}
.summer{
	background: rgb(210,240,250) url("images/flower_2.png") repeat-x bottom center / contain;
}
.autmun{
	background: rgb(220,208,240) url("images/flower_2.png") repeat-x bottom center / contain;
}
.winter{
	background: rgb(255,250,200) url("images/flower_2.png") repeat-x bottom center / contain;
}

.extra_box{
	background: url("images/extra_img.jpg") no-repeat center bottom 30px / 47%;
	padding: 0 0 21% 0;
	box-sizing: border-box;
}
.extra_box tr{
	border: none;
}
.extra_box th{
	border:  1px solid rgb(37,180,220);
}
.extra_box td{
	border:  1px solid rgb(37,180,220);
	text-align: center;
}

/* angel */
.angel_box,.pre_event_box{
	background: rgba(37,180,220,0.2);
	padding: 40px;
	box-sizing: border-box;
}
.angel_box p,.garden_box p,.pre_event_box p{
	margin: 0 auto 20px auto;
}
.angel_box p:last-of-type,.garden_box p:last-of-type,.pre_event_box p:last-of-type{
	margin: 0 auto;
}
.garden_box p,.pre_event_box p{
	margin: 0 auto 20px auto;
	text-align: center;
}
.garden_box{
	background: #fff;
	padding: 40px;
	box-sizing: border-box;
}

.angel_box a,.garden_box a,.pre_event_box a{
	padding: 10px 20px;
	background: rgb(255,250,200);
	display: inline-block;
	border-radius: 10px;
}
.pre_btn{
	text-align: center;
}

/* footer */
#footer{
	background: url("images/flower.png") repeat-x bottom center / contain rgb(255,250,200);
	padding: 30px 0;
}
.footer_box{
	width: 1000px;
	margin: 0 auto 30px auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer_logo{
	width: 390px;
}
.footer_info{
	display: flex;
	flex-wrap: wrap;
	width: 390px;
}
.footer_info li:first-child{
	width: 100%;
}
.footer_info .tel{
	margin-right: 20px;
}
.map a{
	width: 170px;
	background: rgb(67,180,200);
	border-radius: 10px;
	padding: 5px 60px;
	box-sizing: border-box;
	text-align: center;
}
.copy{
	border-top: 1px solid rgb(100,70,20);
	text-align: center;
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0;
}
.btn_link a{
	width:200px;
	text-align: center;
	margin: 0 auto;
}


/* pagetop */
.pagetop{
    position: fixed;
    bottom: 0;
    right: 0;
	z-index: 9999;
	width: 40px;
	height: 40px;
}


@media screen and (max-width:768px){
	
.pc { display: none !important; }
.sp { display: block !important; }
 
body.stop{
	overflow: hidden;
}	

.section_title{
	width: 60%;
	margin: 0 auto 40px auto;
}
.gizagiza_white{
	background: url("images/gizagiza_white_2.png") repeat-x top center;
	height: 20px;
	margin: -20px auto 30px auto;
}
.gizagiza_yellow{
	background: url("images/gizagiza_yellow_2.png") repeat-x top center;
	height: 20px;
}
.gizagiza_blue{
	background: url("images/gizagiza_blue_2.png") repeat-x top center;
	height: 20px;
	margin:-5px auto 0 auto;
}
.gizagiza_green{
	background: url("images/gizagiza_green_2.png") repeat-x top center;
	height: 20px;
	margin:  0 auto;
}
.page_title{
	padding:0 0 30px 0;
}
.page_title ul{
	width: 90%;
}
.page_title li:first-child img{
	height: 30px;
	margin-right: 5px;
}
.page_title li:last-child img{
	height: 15px;
}

.sub_title img{
	height: 35px;
	width: auto;
}

.white_back{
	background: url("images/back_2.jpg") no-repeat center bottom / 100%;
	margin: 0 auto -5px auto;
	padding: 0 0 5% 0;
}
.white_back_2{
	background: url("images/back_2.jpg") no-repeat center bottom / 100%;
	margin: 0 auto -5px auto;
	padding: 0 0 30% 0;
}
.white_back_3{
	margin: 0 auto;
	padding: 0 0 10% 0;
}
.green_back{
	background: rgb(180,220,150) url("images/back_flower_sp.jpg") no-repeat center bottom 30px/ 100%;
	margin: 0 auto -5px auto;
	padding: 20px 0 30% 0;
}

.inner_box{
	margin: 0 auto;
	width: 90%;
}
/* container */
#container{
	min-width: 1px;
}

/* header */
#header{
	background: 
		url("images/top_child_2.png") no-repeat center bottom / 65%,
		url("images/flag_2.png") no-repeat center top / contain,
		url("images/oka.png") no-repeat center bottom / contain
		rgb(175,235,250);
	padding: 7% 0 20% 0;
	height: auto;
}

/* logo */
#logo{
	width: 80%;
	margin: 0 auto 20px auto;
}

/* menu */
	
.toggle{
	position: fixed;
	right: 0;
	top: 0;
	z-index: 6;
	width: 40px;
	height: 40px;
	background: url("images/menu_btn.png") no-repeat right top;
	
}
.toggle:hover{
	cursor: pointer;
}
#menu{
	margin: 0 auto;
	background: rgba(37,180,200,0.9);
	width: 100%;
	height:100vh;
	position: fixed;
	top:0;
	left:0;
	z-index: 5;
	padding: 15% 0;
	box-sizing: border-box;
	overflow-y: scroll;
	 -webkit-overflow-scrolling: touch;
	display: none;
}
.menu_box{
	margin: 0 auto 20px auto;
}
.menu_parent a{
	width: 80%;
	height: auto;
	margin: 0 auto;
	display: flex;
	align-items: center;
	border-radius: 10px;
	pointer-events: none;
	padding: 5px 10px;
}
.menu_parent.auto a{
	pointer-events: auto;
}
.menu_icon {
	width: 70px;
	margin-right: 5px;
}

.menu_child{
	background:none;
}
.menu_child li a{
	width: 80%;
	padding: 5px 15px;
	text-align: left;
	margin: 0 auto 5px auto;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 10px;
}
.menu_parent:hover a,
.menu_child li a:hover{
	background: rgba(255,255,255,0.8);
}

	


/* swiper */
#slide{
	width:100%;
	padding: 0 0 18% 0;
}
.swiper{
	width: 100%;
}
#flame{
	background: url("images/flame_2.png") no-repeat center top / 100%;
	width: 100%;
	padding-top: 65%;
	height: auto;
	margin:0 auto;
}


/* topics */

#topics{
	width: 80%;
}
#scroll iframe{
	border: 10px solid rgb(248,180,180);
	width:100%;
	height:400px;
	overflow-y: scroll;
	box-sizing: border-box;
}

/* btn */
#btn{
	margin: 40px auto 0 auto;
	padding: 0 0 22% 0;
	width: 80%;
}
#btn ul{
	flex-wrap: wrap;
	justify-content: center;
}
#btn ul li{
	width: 45%;
}
#btn ul li:last-child{
	margin-top: 8px;
}
/* rinen */
.mokuhyo{
	padding: 20px;
	display: block;
	background: url("images/flower_4.png") no-repeat left 10px top 10px / 20%,url("images/flower_5.png") no-repeat right 10px bottom 10px / 25%;
}
.mokuhyo_txt{
	text-align: left;
}
.mokuhyo p{
	width: 60%;
	margin: 0 auto 20px auto;
}
.mokuhyo p img{
	width: 100%;
}
.mokuhyo ul{
	width: 100%;
}
.mokuhyo li{
	padding: 0 0 15px 8%;
	margin: 0 auto 15px auto;
}
.mokuhyo li:first-child{
	background: url( "images/num_1.png") no-repeat left top / 6%, url("images/line.png") repeat-x left bottom / auto;
}
.mokuhyo li:nth-child(2){
	background: url( "images/num_2.png") no-repeat left top / 6%, url("images/line.png") repeat-x left bottom / auto;
}
.mokuhyo li:last-child{
	background: url( "images/num_3.png") no-repeat left top / 6%;
	padding: 0 0 0 8%;
}
.mokuhyo li img{
	width: 90%;
}
.mokuhyo_01,.mokuhyo_02,.mokuhyo_03{
	margin: 0 auto 25px auto;
}
.mokuhyo_01 img,.mokuhyo_02 img,.mokuhyo_03 img{
	height: auto;
	width: 90%;
}
.mokuhyo_01 li:first-child{
	background: url( "images/num_1.png") no-repeat left top / 6%, url("images/line.png") repeat-x left bottom / auto;
	padding: 0 0 15px 8%;
}
.mokuhyo_02 li:first-child{
	background: url( "images/num_2.png") no-repeat left top / 6%, url("images/line.png") repeat-x left bottom / auto;
	padding: 0 0 15px 8%;
}
.mokuhyo_03 li:first-child{
	background: url( "images/num_3.png") no-repeat left top / 6%, url("images/line.png") repeat-x left bottom / auto;;
	padding: 0 0 15px 8%;
}
.mokuhyo_illust{
	width: 100%;
}

/* sugata */
.sugata_txt{
	text-align: left;
}
.sugata_box{
	padding: 20px;
	background: url("images/flower_4.png") no-repeat left 10px top 10px / 20%,url("images/flower_5.png") no-repeat right 10px bottom 10px / 25%;
}

.sugata_box p img{
	width: 80%;
}
	
.message_box{
	padding: 30px;
}
.message_img{
	width: 70%;
	margin: 0 auto 40px auto;
}
/* bus */
.bus_box{
	padding: 25px;
}
.bus_box2{
	background: url("images/bus_illust.png") no-repeat center top / 70%;
	padding: 35% 0 0 0;
	min-height: 1px;
}
.bus_btn{
	text-align: center;
	margin: 20px auto 0 auto;
}
.bus_btn a{
	padding: 10px 20px;
}
	
/* childcare */
.childcare_box{
	padding: 30px;
}
.childcare_txt{
	text-align: left;
}
th{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
td{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
	
.movie_btn a{
	padding: 10px 30px;
}
	
/* flow */
.flow_title{
	margin: 0 auto 20px auto;
	padding: 5px 20px;
}
.flow_box,.flow_box_2,.flow_box_3{
	padding: 20px;
	display: block;
}
.flow_icon{
	background: url("images/icon_flower.png") no-repeat left top / 25px,url("images/line.png") repeat-x left bottom;
	padding: 0 0 15px 30px;
	margin: 0 auto 15px auto;
}

.flow_inner,.flow_inner_2,.flow_inner_3{
	width: 100%;
}

.flow_img,.flow_img_2,.flow_img_5{
	width: 70%;
	margin:10px auto 0 auto;
	transform: none;
}
.flow_img_3,.flow_img_6{
	width: 100%;
	margin:10px auto 0 auto;
}
.flow_img_4{
	width: 70%;
	margin: -10px auto 10px auto;
	transform: none;
}
.flow_img_5,.flow_img_7{
	width: 70%;
	margin:10px auto;
	transform: none;
}
.katsudo_txt{
	text-align: left;
}

.katsudo{
	flex-wrap: wrap;
	margin: 10px auto -10px auto;
}
.katsudo_box{
	width:48%;
	margin: 0 auto 10px auto;
}
.katsudo_img{
	width: 80%;
	text-align: center;
	margin: 0 auto;
}

.regular_box{
	padding: 30px;
}
/* event */

.event_txt{
	text-align: left;
}
.month{
	width: 48%;
	border-radius: 20px;
	margin-bottom: 3%;
}

.month li:first-child img{
	height: 50px;
}

.extra_box{
	background: #fff url("images/extra_img.jpg") no-repeat center bottom 10vw / 75%;
	padding: 0 0 40vw 0;
	box-sizing: border-box;
}
.extra_box table{
	border: 1px solid rgb(37,180,220);	
}
.extra_box th{
	border:  none;
}
.extra_box td{
	border:  none;
}

	
/* footer */
#footer{
	background: url("images/flower_2.png") repeat-x bottom center / contain rgb(255,250,200);
	padding: 30px 0;
}
.footer_box{
	width: 80%;
	display: block;
}
.footer_logo{
	width: 100%;
	margin: 0 auto 10px auto;
}
.footer_info{
	display: block;
	width: 100%;
	margin: 0 auto;
}
.footer_info li{
	display: inline-block;
}
.footer_info .tel{
	margin-right: 0;
}
.map a{
	width: 150px;
	margin: 20px auto 0 auto;
	padding: 10px 50px;
	box-sizing: border-box;
}

.copy{
	width: 80%;
	margin: 0 auto;
	padding: 30px 0;
	text-align: left;
}


/* pagetop */
.pagetop{
    position: fixed;
    bottom: 0;
    right: 0;
	z-index: 9999;
	width: 40px;
	height: 40px;
}




}

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


.tel a{
	pointer-events: auto;
	
}
	
.section_title{
	width: 90%;
}
.flow_title img{
	height: auto;
	max-height: 20px;
}
.flow_icon img{
	height: auto;
	max-height: 25px;
}
.event_box{
	display: block;
}
.month{
	width: 100%;
	margin-bottom: 5%;
}
.katsudo{
	display: block;
	margin: 10px auto;
}
.katsudo_box{
	width:100%;
}
/* btn */

#btn ul li{
	width: 80%;
	margin: 0 auto 10px auto;
}
#btn ul li:last-child{
	margin: 0 auto;
}
	
/* regular */
.regular_box ul{
	display: block;
}
.regular_box li{
	width: 100%;
	margin: 0 auto 10px auto;
}
.regular_box li:last-child{
	margin: 0 auto;
}
	
}