/*====================================================================================================
  TOPPAGE
====================================================================================================*/
#toppage {}

/* CONTENTS BACKGROUND */
#bg2 { 
	background:url(../../image/top/childcare_bg-pc.png) no-repeat center bottom; 
	position:absolute; 
	bottom:-55px; 
	text-indent:-9999px; 
	width:100%; 
	height:500px; 
        z-index: 0;

}

/*** MAINIMG *******************************************************************/
#toppage .mainimg { position: relative; max-width:2000px; margin:0 auto; padding-bottom:40px;}
#toppage .mainimg::after { display: block; clear:both; content: "";}
#toppage .mainimg .photo { position:relative; float:right; width:calc(100% - 30%); }
#toppage .mainimg .photo img { width:100%; height: 700px; object-fit: cover; border-radius:100px 0 0 100px; }
#toppage .mainimg .come { 
	clear:none; margin:100px auto; padding:0;
	position: absolute; top: 0; left: 0; right: 0;
	max-width:80%;
	z-index:9;
}
#toppage .mainimg h2 {
	margin-bottom:70px;
	width:376px; height:139px; z-index:99;
	background:url(../../image/top/main_txt.png) no-repeat;
	text-indent:  -9999px;
}
#toppage .mainimg .come p a { text-decoration:none; text-indent:-9999px; display:block; }
#toppage .mainimg .come p.rect:hover { opacity:0.7; }
#toppage .mainimg .come p.circ:hover { top: -20px; }
#toppage .mainimg .b_btn { position: relative; max-width: 300px; }
#toppage .mainimg .b_btn .rect { 
	margin-bottom: 10px;
	max-width:270px;
	background:#F18D00 url(../image/arrow_right-wh.png) no-repeat 92%;
	border-radius:5px;
}
#toppage .mainimg .b_btn .rect a { display: block; padding:10px 0;}
#toppage .mainimg .b_btn .rect a { background:url(../../image/top/main_more1.png) no-repeat center;}
#toppage .mainimg .b_btn .rect+.rect a { background:url(../../image/top/main_more2.png) no-repeat center;}
#toppage .mainimg .b_btn .circ {
	position: relative; top: 0;
	margin-top:55px;
	width:170px;
	border-radius:50%;
	background:#8ab304 url(../image/arrow_right-red.png) no-repeat center 90%;
	overflow: hidden;
	transition: 0.5s;
}
#toppage .mainimg .b_btn .circ+.circ { float:right; margin-top:-30px; }
#toppage .mainimg .b_btn .circ a { display: block; width:170px; height: 170px;}
#toppage .mainimg .b_btn .circ a { background: url(../../image/top/main_more3.png) no-repeat center center;}
#toppage .mainimg .b_btn .circ+.circ a { background:url(../../image/top/main_more4.png) no-repeat center center;}
#toppage .mainimg .b_btn .fuwafuwa1 { position: absolute; bottom: 50px; right:50px;}
#toppage .mainimg .b_btn .fuwafuwa2 { position: absolute; bottom:-100px; left: 0;}

/* FUWAFUWA */
.fuwafuwa1 {
	-webkit-animation-name:fuwafuwa1;
	-webkit-animation-duration:4s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	-moz-animation-name:fuwafuwa1;
	-moz-animation-duration:4s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}
@-webkit-keyframes fuwafuwa1 {
	0% {-webkit-transform:translate (0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa1 {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}
.fuwafuwa2 {
	-webkit-animation-name:fuwafuwa2;
	-webkit-animation-duration:4s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	-moz-animation-name:fuwafuwa2;
	-moz-animation-duration:4s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}
@-webkit-keyframes fuwafuwa2 {
	0% {-webkit-transform:translate (0, 0);}
	50% {-webkit-transform:translate(0, 10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa2 {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, 10px);}
	100% {-moz-transform:translate(0, 0);}
}


/*** CHILDCARE *******************************************************************/
#toppage .childcare {
	background: #fffde1;
	padding: 95px 0 90px;
	margin-top: 100px;
	position:relative;
}
#toppage .childcare h3 { 
	text-align: center; 
	background: url(../../image/top/childcare_tit.png) no-repeat center;
	background-size: 100%;
	width: 168px;
	height: 37px;
	text-indent: -99999px;
	margin: auto auto 35px;
	position: relative;
}
#toppage .childcare h3::after {
	position: absolute;
	content: "";
	background: url(../../image/top/childcare_tit-bg.png) no-repeat center;
	background-size: 100%;
	width: 110px;
	height: 110px;
	margin: auto;
	right: 0;
	left: 0;
	top: -137px;
}
#toppage .childcare p.b_more {
	background: #9dc814 url(../image/arrow_right-red.png) no-repeat 90% center;
	width: 310px;
	height: 55px;
	margin: 20px auto auto;
	border-radius: 10px;
    position: relative;
    z-index: 9;

}
#toppage .childcare p.b_more a {
	background: url(../../image/top/childcare_more.png) no-repeat center;
	background-size: 100%;
	width: 104px;
	height: 23px;
	display: block;
	text-decoration: none;
	color: #fff;
	margin: auto;
	text-indent: -99999px;
	padding: 16px 0;
    
}
#toppage .childcare p.b_more:hover { opacity:0.7; }
#toppage .childcare .box_list { max-width: 1050px; width: 100%; margin: auto; clear: both; position: relative; z-index:9;}
#toppage .childcare .box_list::after { clear: both; content: ""; display: block; }
#toppage .childcare .box_list::before {
	position: absolute;
	content: "";
	background: url(../../image/top/childcare01.png) no-repeat center;
	background-size: 100%;
	width: 98px;
	height: 116px;
	top: -240px;
	right: 50px;
}
#toppage .childcare .box_list .list { position: relative;  float: left; margin: 18px; width: 29.73%; }
#toppage .childcare .box_list .list4 { margin-left: 194px; }
#toppage .childcare .box_list .list5 { margin-right: 194px; }
#toppage .childcare .box_list .list .photo { 
	margin-bottom: 20px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
	overflow: hidden;
}
#toppage .childcare .box_list .list .photo img {
    width: 100%; height:auto;
	transition:2s;
}
#toppage .childcare .box_list .list a { 
	display: block;
	position: absolute; top: 0; left: 0;
	width: 100%; height:100%;
	color: #4c4948; text-decoration: none;
	text-indent: -9999px;
}
#toppage .childcare .box_list .list h4 { text-align: center; font-size: 138%; margin-top: 20px; }
#toppage .childcare .box_list .list:hover .photo img {transform: scale(1.23, 1.2);}
#toppage .childcare .box_list .list:hover h4 {opacity:0.7; }


/*** NEWS *******************************************************************/
#toppage .news { padding:105px 0 120px; }
#toppage .news h3 {
	position:relative;
	text-indent:-9999px;
	width:160px;
	height:32px;
	margin:0 auto 70px;
	background:url(../../image/top/news_tit.png) no-repeat;
}
#toppage .news h3::before {
	content:"";
	position:absolute;
	top:-120px;
	left:0;
	right:0;
	margin:0 auto;
	width:150px;
	height:81px;
	background:url(../../image/top/news_icon.png) no-repeat;
}
#toppage .news .news_list { max-width:710px; margin:0 auto; position:relative; }
#toppage .news .news_list::before {
	content:"";
	position:absolute;
	bottom:-60px;
	left:-95px;
	width:92px;
	height:70px;
	background:url(../../image/top/news_icon1.png) no-repeat;
}
#toppage .news .news_list::after {
	content:"";
	position:absolute;
	bottom:-70px;
	right:-55px;
	width:138px;
	height:61px;
	background:url(../../image/top/news_icon2.png) no-repeat;
}
.news_list ul { display:none; padding:20px; border-bottom:1px dotted #231815; overflow: hidden;}
.news_list ul:first-child { border-top:1px dotted #231815;}
.news_list ul li { float:left;}
.news_list ul li:nth-child(1) { width: 15%; color:#F18D00;}
.news_list ul li:nth-child(2) { width: 85%; font-size:113%;}
.news_list ul li a { color:#4C4948;	text-decoration: none;}
.news_list ul li a:hover { color:#F18D00; }
.news_list ul:nth-child(1),
.news_list ul:nth-child(2) { display: block;}
#toppage .news .b_more { width:310px; margin:55px auto 0; border-radius:5px; background:#8ab304; }
#toppage .news .b_more:hover { opacity:0.7; }
#toppage .news .b_more a {
	text-decoration:none;
	display:block;
	padding:10px 0;
	text-indent:-9999px;
	background:url(../../image/top/news_more.png) no-repeat center,
				url(../image/arrow_right-red.png) no-repeat 93%;
}