@charset "UTF-8";
/* -------------- reset -------------- */

img {
	border: none;
}

img {
	-ms-interpolation-mode: bicubic;
}

ul, li, ol, dl, dt, dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul img, dl img, ol img {
	vertical-align: bottom;
}

table {
	/* 
	border-collapse:collapse;
	border-spacing:0px;
 */
}

th, td {}

/* -------------- link -------------- */

a:link, a:visited {
	color: #006BB2;
	text-decoration: none;
}

a:hover {
	color: #E75711;
	text-decoration: underline;
}

html {}

body {
	font: 14px/1.7em "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, Verdana, sans-serif;
	color: #333;
	padding: 0;
	margin: 0px auto;
	background: #fff;
}

/* -------------- container -------------- */

#container {
	padding: 0;
	margin: 0 auto;
}

#wrapper {
	margin: 0 auto;
	width: 954px;
}

/* -------------- header -------------- */

header {
	background: #004C8F;
	width: 100%;
	height: 116px;
	padding-top: 25px;
}

.header_inner {
	width: 954px;
	margin: 0 auto;
}

header #logo {
	margin: 0 0 20px;
}

header ul {}

header ul li {
	float: left;
	margin-left: 7px;
	width: 130px;
}

header ul li:first-child {
	margin-left: 0;
}

/* -------------- contents -------------- */

#body {
	margin: 0px 0 0 0px;
	padding: 0px;
	background: #fff;
	display: flex;
	justify-content: space-between;
}

.pictR {
	float: right;
	clear: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

.pictL {
	float: left;
	clear: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.thumbimg {
	float: right;
}

.section {
	margin-bottom: 1.5em;
}

.center {
	text-align: center;
}

.textRight {
	text-align: right;
}

.bold {
	font-weight: bold;
}

.s {
	font-size: 85%;
}

.bold {
	font-weight: bold;
}

.red {
	color: #FF0000;
}

.gray {
	color: #999;
}

.small {
	font-size: 0.83em;
}

.big {
	font-size: 16px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.kome {
	text-align: left;
}

.kome li {
	padding-left: 1.1em;
	text-indent: -1.1em;
}

#pagetop {
	font-size: 80%;
	margin: 15px 0;
	display: flex;
	justify-content: end;
}

#pagetop a {
	color: #E75711;
	margin: 0;
	padding: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block
}

/* End hide from IE-mac */

/* -------------- footer -------------- */

#footer {
	background: #DD0011;
	padding: 5px;
}


#footerBody {
	width: 954px;
	padding: 0;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;

}

#footer a:link, #footer a:visited {
	color: #fff;
}

#footer a:hover {
	text-decoration: underline;
}

#footer ul {
	font-size: 80%;
}

#footer ul li {
	float: left;
}

#copyright {
	margin: 0;
	padding: 8px 0 0 0;
}

a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/* -------------- トップ -------------- */

.topContents {
	display: flex;
	padding: 0 30px;
}

.contentsList {

	width: 661px;
}

.topContents #topList {}

.topContents #topList li {}

.topContents #topList li:nth-child(3n) {
	margin-right: 0px;
}

.topContents .topNews {
	width: 200px;
	background: url(../img/top_news_bg.png) no-repeat top;

}

.topContents .topNews .newsContetnts {
	padding: 50px 20px 20px;
	height: 347px;
}

.topContents .topNews .newsContetnts h1 {
	margin-bottom: 25px;
	text-align: center;
	line-height: 1px;
}

.topContents .topNews .newsContetnts h2 {
	font-size: 14px;
	line-height: 1px;
}

.topContents .topNews .newsContetnts p {
	margin-bottom: 20px;
}

/* -------------- 下層 -------------- */

#key {
	color: #804F1B;
	font-size: 200%;
	margin: 0 0 20px 0;
	font-weight: normal;
	line-height: 1.3em;
}

h2 {
	font-size: 170%;
	margin: 0.5em 0 2rem;
	font-weight: bold;
	line-height: 1.2;
}

h3 {
	font-size: 100%;
	margin: 0 0 5px 0;
}

h4 {
	font-size: 100%;
	margin: 0 0 5px 0;
}

h5 {
	font-size: 100%;
	margin: 0 0 5px 0;
}

p {
	margin-top: 0;
	margin-bottom: 2em;
	line-height: 1.7;
}

.paragraph p {
	text-indent: 0.5em;
}

header {
	margin-bottom: 40px;
}

#main {
	width: 631px;
}

#side {
	width: 311px;
	position: relative;
}

#side h2 {
	padding: 0;
	margin: 0;
}

#side img {
	z-index: 1;
}

#side ul {
	position: absolute;
	left: 25px;
	top: 53px;
	z-index: 99;
	padding: 0;
	margin: 0;
	font-size: 13px;
}

#side .type2 {
	top: 71px;
}

#side .type3 {
	top: 194px;
}

#side ul ul {
	position: static;
	left: auto;
	top: auto;
	padding: 0;
	margin: 0;
}

#side li {
	list-style-type: square;
	margin-left: 1em;
	line-height: 1.3em;
}

#side ul ul li {
	margin-left: 0em;
	list-style: none;
}

#side a:link, #side a:visited {
	color: #333;
}

dl.table {}

dl.table dt {
	float: left;
	width: 5em;
	padding: 0px 0 5px 10px;
	clear: both;
}

dl.table dd {
	width: 35em;
	margin-left: 5em;
	padding: 0px 5px 5px 10px;
}

.cal {}

.cal li {
	width: 158px;
	height: 158px;
	float: left;
	position: relative;
}

.cal li.last-child {
	width: 157px;
}

.cal li img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.cal li p {
	position: absolute;
	top: 94px;
	left: 24px;
	z-index: 99;
	font-size: 10px;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
}

.cal li.cal6 p {
	left: 14px;
}

.cal li.cal12 p {
	left: 14px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb50 {
	margin-bottom: 50px;
}

/* -------------- リストスタイル -------------- */

.squareList li {
	list-style-type: square;
	margin-left: 20px;
}

.dotList li {
	list-style-type: disc;
	margin-left: 20px;
}

.circleList li {
	list-style-type: circle;
	margin-left: 20px;
}

.komeList li {
	list-style-type: none;
	margin-left: 20px;
	padding-left: 1em;
	text-indent: -1em;
}

/* -------------- 入園について -------------- */

.enter {
	text-align: center;
	background: #D9F0FC;
	width: 620px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 40px;
}

.enter_head {
	text-align: center;
	height: 100px;
	padding-top: 0;
	background: url(../img/enter_illust01.png) no-repeat center top;
}

.kids .enter_head {
	text-align: center;
	height: 100px;
	padding-top: 0;
	background: url(../img/enter_illust02.png) no-repeat center top;
}

.enter h2 {}

.enter h3 {
	text-align: center;
	background: url(../img/enter_title.png) no-repeat center top;
	padding: 1px 0 8px 0;
	margin-top: 20px;
	color: #070304;
}

.enter h4 {
	text-align: center;
	background: url(../img/enter_title2.png) no-repeat center top;
	_background-image: url(../img/enter_title.gif);
	padding: 1px 0 8px 0;
	margin-top: 20px;
	color: #fff;
}

.enter_body {
	padding-right: 20px;
	padding-left: 20px;
}

.enter .line {
	background: #F9E660;
	padding: 2px;
}

.enter .attention_area {
	background: #fff;
	padding: 10px;
	margin-bottom: 30px;
	border: none;
	font-weight: bold;
	color: #255025;
}

/* -------------- 概要 -------------- */

.movie_area {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}

.movie_contents {
	width: 50%;
}

.movie_contents video {
	width: 100%;
	height: auto;
}

.green_title {
	color: #006837;
}

.illust {
	text-align: center;
	margin: 50px 0;
}

/* ------------------------------------------------
	caption
------------------------------------------------ */


.map {
	position: relative;
	width: 620px;
	height: 620px;
	overflow: hidden;
	border: 1px dotted #666;
	margin-bottom: 30px;
}

.map2 {
	position: relative;
	width: 620px;
	height: 300px;
	overflow: hidden;
	border: 1px dotted #666;
	margin-bottom: 10px;
}

.map3 {
	position: relative;
	width: 620px;
	height: 350px;
	overflow: hidden;
	border: 1px dotted #666;
	margin-bottom: 10px;
}

.caption {
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
	color: #fff;
	padding: 10px;
	text-align: center;
}

.link {
	display: inline-block;
	background: #333;
	color: #fff !important;
	padding: 5px;
	text-decoration: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* -------------- 園の方針 -------------- */

.policy {
	background: #D9F0FC;
	padding: 25px 0;
}

.policy .wrap {
	padding: 0 40px;
}

.policy h1 {
	font-size: 24px;
	color: #804F1B;
	padding-bottom: 5px;
	border-bottom: 2px #804F1B dashed;
	margin-bottom: 40px;
}

.policyImg_main1 {
	padding: 0 23px;
	margin-bottom: 45px;
}

.policyImg_main2 {
	text-align: center;
	padding: 0 23px;
	margin-bottom: 20px;
	margin-top: 0;
}

.policyImg {
	margin-bottom: 30px;
	text-align: center;
}

.policy .textset {
	padding-bottom: 70px;
	margin-bottom: 60px;
}

.policy .icon01 {
	background: url(../img/policy_icon01.png) no-repeat bottom;
}

.policy .icon02 {
	background: url(../img/policy_icon02.png) no-repeat bottom;
}

.policy .icon03 {
	background: url(../img/policy_icon03.png) no-repeat bottom;
}

.policy .squareList {
	margin-bottom: 30px;
}

.policy .textset h2 {
	font-size: 24px;
	font-weight: bold;
	color: #006837;
	text-align: center;
	margin-bottom: 20px;
}

.policy .subTextset {
	margin-bottom: 40px;
}

.policy .subTextset h3 {
	font-size: 18px;
	color: #006837;
	margin-bottom: 15px;
	margin-top: 30px;
	font-weight: normal;
}

.policy .dotList {
	margin-left: 40px;
}

/* -------------- 保育の特色 -------------- */

.hoiku {
	background: #D9F0FC url(../img/hoiku_bg01.png) no-repeat top right;
	padding: 25px 40px;
}

.hoiku h1 {
	font-size: 24px;
	color: #1A1311;
	margin-bottom: 40px;
}

.hoiku .contentsSet {
	margin-bottom: 60px;
}

.hoiku .eps01, .hoiku .eps01 p {
	margin-bottom: 0;
}

.hoiku .shokuiku {
	padding-top: 100px;
	background: url(../img/hoiku_n_bg04.png) no-repeat top right;
}

.hoiku .contentsSetlast {
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 2px #804F1B dashed;
}

.hoiku h2 {
	font-size: 20px;
	color: #006837;
}

.hoiku .subTitle {
	margin-left: 20px;
}

.hoiku .imgSet {
	margin-bottom: 20px;
}

.hoiku .imgSet .left {
	float: left;
	margin-right: 10px;
}

.hoiku .event {
	background: url(../img/event_bg01.png) no-repeat;
	padding: 20px 33px 55px;
	margin-bottom: 15px;
}

.hoiku .event h3 {
	font-size: 16px;
	text-align: center;
	margin-bottom: 0;
}

.hoiku .event .calender {
	margin-bottom: 15px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.hoiku .event .calender li {
	float: left;
	margin-right: 16px;
}

.hoiku .event .calender li:nth-child(3n) {
	margin-right: 0px;
	margin-bottom: 15px;
}

.hoiku .event .calender li:last-child {
	margin: 0;
}

.hoiku .letter {
	background-color: #F8D2D1;
	padding: 40px;
}

.hoiku .letter ul li {
	display: inline;
	margin-right: 20px;
}

/* -------------- 保育コラム追加 -------------- */

.hoiku .collumn_contents {
	position: relative;
	top: 0;
	left: 0;
	margin-bottom: 40px;
	width: 100%;
	height: auto;
}

.hoiku .collumn01 {
	background: url(../img/hoiku_n_bg01.png) no-repeat;
	background-position: left bottom;
}

.hoiku .collumn02 {
	background: url(../img/hoiku_n_bg02.png) no-repeat;
	background-position: right;
	padding-bottom: 50px;
	margin-bottom: 20px;
}

.hoiku .collumn03 {
	background: url(../img/hoiku_n_bg03.png) no-repeat;
	background-position: right top;
	padding-bottom: 20px;
}

/*.hoiku .collumn04 {
	background: url(../img/hoiku_n_bg04.png) no-repeat;
	background-position: right 35px;
}*/

.hoiku .collumn_contents::before {
	content: "";
	display: block;
}

.hoiku .collumn01::before {
	padding-top: 87%;
	/* 1:1 */
}

.hoiku .collumn02::before {
	padding-top: 47%;
	/* 1:1 */
}

.hoiku .collumn03::before {
	padding-top: 47%;
	/* 1:1 */
}

.hoiku .collumn04::before {
	padding-top: 47%;
	/* 1:1 */
}


.hoiku .collumn_contents .inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.hoiku .collumn_contents h2 {
	position: absolute;
	top: 0;
	right: 150px;
	width: 96px;
	height: 96px;
	margin: 0;
	z-index: 2;
}

.hoiku .collumn_contents .textarea {
	position: absolute;
	top: 35px;
	left: 0;
	border-radius: 20px;
	padding: 20px;
	width: 300px;
	box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.4);
}

.hoiku .collumn_contents .text01 {
	background: #fff8b0;
}

.hoiku .collumn_contents .text02 {
	background: #d7e597;
}

.hoiku .collumn_contents .text03 {
	background: #d2e5f6;
}

.hoiku .collumn_contents .text04 {
	background: #f8d0d3;
}

.hoiku .collumn_contents h3 {
	font-size: 20px;
}

.hoiku .collumn_contents .text01 h3 {
	color: #ee848c;
}

.hoiku .collumn_contents .text02 h3 {
	color: #036eb7;
}

.hoiku .collumn_contents .text03 h3 {
	color: #036eb7;
}

.hoiku .collumn_contents .text04 h3 {
	color: #006934;
}

.hoiku .collumn_contents p {
	margin: 0;
	font-size: 13px;
	font-weight: bold;
}

/* -------------- 園での一日 -------------- */

.oneday {
	background: #D9F0FC;
	padding: 25px 40px;
}

.oneday_menu {
	display: flex;
	justify-content: space-between;
}

.oneday_bgarea01 {
	background: url(../img/oneday_bg01.png) no-repeat right;
}

.oneday .titleSelectArea {
	padding-bottom: 5px;
	border-bottom: 2px #804F1B dashed;
	margin-bottom: 40px;
}

.oneday .titleSelectArea h1 {
	float: left;
	font-size: 24px;
	color: #804F1B;
	line-height: 1.2em;
	padding: 0;
	margin: 0;
}

.oneday .popupTitle {
	padding: 10px;
	border: 1px solid #C3C3C3;
	margin-top: 30px;
	background: #FAFAFA;
	border-radius: 10px;
	/* CSS3草案 */
	-webkit-border-radius: 10px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;
	/* Firefox用 */
}

.oneday .titleSelectArea .tab {
	float: right;
}

.oneday .titleSelectArea .tab li {
	display: inline;
}

.oneday .timetable .hide {
	display: none;
}

.oneday .timetable h3 {
	margin-bottom: 15px;
	font-size: 18px;
}

.oneday .timetable table {
	border-collapse: collapse;
	margin-bottom: 45px;
}

.oneday .timetable td {
	border: 1px solid #040000;
	padding: 10px;
}

.oneday .timetable .contentsEnd {
	margin-bottom: 70px;
}

/* -------------- 園での一日 -------------- */

.anzen {
	margin-top: 70px;
}

.anzenContents {
	margin-bottom: 20px;
}

.anzen h2 {
	text-align: center;
	color: #804F1B;
	font-size: 24px;
	border-bottom: 2px dotted #804F1B;
	border-top: 2px dotted #804F1B;
	padding: 15px 0 10px;
	margin-bottom: 30px;
}

.anzen h3 {
	font-size: 24px;
	color: #046535;
	margin-bottom: 10px;
}

.anzen .left {
	width: 300px;
	float: left;
}

.anzen .right {
	width: 305px;
	float: right;
}

/* -------------- blog -------------- */

.blog {
	background: url(../img/bg_620.jpg) repeat;
	padding: 25px 40px;
}

.blog h1 {
	font-size: 24px;
	color: #804F1B;
	padding-bottom: 5px;
	border-bottom: 2px #804F1B dashed;
	margin-bottom: 40px;
}

.blog .photoSet .left {
	margin-right: 10px;
}

.blog .blogDate {
	font-size: 10px;
	text-align: right;
}

/* 追加設定
----------------------------------------------------------------------------------------------------*/

/* 入園について　--------------------*/

.kengaku {
	text-align: left;
	margin: 0 50px;
}

.attention h3 {
	color: #F33;
	font-size: 18px;
	font-weight: bold;
	background: none;
}

.enter .tel_btn a {
	display: block;
	background: #004C8F;
	padding: 10px;
	width: 300px;
	border-radius: 30px;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto;
}

.enter .tel_btn a {
	color: #fff;
}

/* 求人案内　--------------------*/

#recruit #main_full {
	width: 954px;
	margin: 0 auto;
	background: #b2f0ff;
	text-align: center;
	padding: 10px 0 30px;
}

#recruit #main_full h1 {
	background: #053677;
	display: inline-block;
	padding: 5px 20px;
	border-radius: 5px;
	color: #fff;
	margin-bottom: 20px;
}

#recruit #main_full .image_box {
	margin-bottom: 30px;
}

#recruit #main_full h2 {
	margin-bottom: 20px;
}

#recruit #main_full .bgtxt_contents {
	background: url(../img/recruit_03.png) no-repeat;
	background-position: top center;
	padding: 20px;
	margin-bottom: 40px;
}

#recruit #main_full .text {
	font-size: 16px;
	font-weight: bold;
}

#recruit #main_full .photo_area {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}

#recruit #main_full .photo_area p {
	margin-right: 60px;
}

#recruit #main_full .photo_area p:last-of-type {
	margin-right: 0;
}

#recruit #main_full .tel_btn {
	background: #88e844;
	padding: 10px;
	width: 300px;
	border-radius: 30px;
	font-size: 20px;
	font-weight: bold;
	margin: 0 auto;
}

#recruit #main_full .tel_btn a {
	color: #333;
}


.fgreen {
	color: #046535;
}

.fblue {
	color: #185EA0;
}

.fred {
	color: #E7141B;
}

#recruit #main_full table {
	border-collapse: collapse;
	margin-right: 20px;
	width: 40%;
}

#recruit #main_full .description {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

#recruit #main_full table td, #recruit #main_full table th {
	background: #fff;
	padding: 10px;
	text-align: left;
	border: 1px solid #CCC;
}

#recruit #main_full table th {
	background: #F7F8F8;
	width: 25%;
}