@charset "utf-8";

body{
	margin-top: 40px;
	background-color: white;
	width: 100%;
}
#body{
	width: 1000px;
	margin: 0 auto;
}
/* TOP(landing)Page */
#top_picture{
	display: flex;
	align-items: center;
	height: 600px;
}
/*  リンクの下線は hover 時のみ */
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* リンクの色変えをしない */
a:link, a:visited, a:hover, a:active {
	color: black;
}

.Fade_Out{
	margin: 0 auto;
}
.randomBox{
	width: 600px;
	height: 400px;
}
.top_panel{
	float: left;
	height: 100px;
	width: 100px;
	overflow: hidden;
}
/* フォードイン前は非表示 */
.top_panel{
	opacity: 0;
}

/* TOP2 */
#top_picture_base{
	display: block;
	position: relative;
	width: 1000px;
	height: 674px;
	margin: 0 auto;
}
#YokuMiru{
	position: absolute;
	left: 300px;
	top: 20px;
	width: 380px;
}
#YokuKiku{
	position: absolute;
	left: 341px;
	top: 159px;
	width: 370px;
}
#YokuSuru{
	position: absolute;
	left: 297px;
	top: 324px;
	width: 386px;
}
#img-mark{
	position: absolute;
	left: 422px;
	top: 507px;
	width: 142px;
}
#Top-BackImage{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1000px;
}

/* hr は HTML5 で使えなくなったので再定義 */
hr {	
	border:none;
	border-top:dashed 2px black;
	height: 2px;
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
}

.clear-both { /* まわり込みクリア */
	clear: both;
}

/* TOP Image */
#top-image {
	position: relative;
	align-items: center;
	background-image: url(../img/top/hyoshi8a.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	text-align: center;
	height: 539px;
}
.top-txt{
	width: 180px;
}
.top-mark{
	width: 200px;
}
.top-txt1, .top-txt2, .top-txt3, .top-txt4{
	position: absolute;
    left: 50%;
    transform: translatex(-50%);
}
.top-txt1{
	top:  20px;
}
.top-txt2{
	top:  132px;
}
.top-txt3{
	top:  244px;
}
.top-txt4{
	top:  360px;
}
/* すべては子どもたちのために */
#forChildlens{
	/* font-family: 'SanafonMugi'; */
	font-family: 'Haruhi Gakuen', 'SanafonMugi'; /* はるひ学園 */
	letter-spacing: 0.175em;
	align-items: center;
	text-align: center;
}
.red-32p{
	font-size: 32pt;
	color: #f74f95;
	font-weight: normal;
	font-style: normal;
	line-height: 1.75em;
}
.black-20p{
	color: black;
	font-size: 20pt;
	line-height: 2em;
	padding-top: 8px;
}
.black-Pk-24p{
	color: black;
	/* font-family: 'PutiKuma'; ぷちくまフォント24p */
	font-family: 'Haruhi Gakuen', 'PutiKuma'; /* はるひ学園 */
	font-size: 24pt;
	line-height: 2em;
}
.black-Pk-30p{
	/* font-family: 'PutiKuma'; ぷちくまフォント24p */
	font-family: 'Haruhi Gakuen', 'PutiKuma'; /* はるひ学園 */
	color: black;
	font-size: 30pt;
	line-height: 2em;
}
.black-Sm-30p{
	color: black;
	/* font-family: 'SanafonMugi'; /* sanaフォント麦 30p */
	font-family: 'Suzumushi', 'SanafonMugi'; /* すずむし */
	font-size: 32pt;
	line-height: 2em;
}
.black-Sm-24p{
	color: black;
	/* font-family: 'SanafonMugi';	 sanaフォント麦 24p */
	font-family: 'Haruhi Gakuen', 'SanafonMugi'; /* はるひ学園 */
	font-size: 32pt;
	line-height: 2em;
}

/* メディアによりフォントサイズ調整 */
@media screen and (max-width: 380px) {
	.red-32p{
		font-size: 20pt;
	}
	.black-Sm-30p{
		font-size: 16pt;
	}
	.black-Sm-24p{
		font-size: 14pt;
		line-height: 2em;
	}
	.Spc-40px{
		width: 100%;
		height: 12px;
	}
}
@media screen and (min-width: 381px) and (max-width: 768px) {
	.red-32p{
		font-size: 28pt;
	}
	.black-Sm-30p{
		font-size: 24pt;
	}
	.black-Sm-24p{
		font-size: 20pt;
		line-height: 2em;
	}
	.Spc-40px{
		width: 100%;
		height: 20px;
	}
}
@media screen and (min-width: 769px) {
	.red-32p{
		font-size: 28pt;
	}
	.black-Sm-30p{
		font-size: 23pt;
	}
	.black-Sm-24p{
		font-size: 20pt;
	}
	.Spc-40px{
		width: 100%;
		height: 30px;
	}
}



.Bold{
	font-weight: bold;
}

/* 走る園児 */
#RunEnji{
	width: 100%;
}
.SequentialScroll, .randomScroll{
	position: relative;
	width: 98%;
	margin: 4px auto;
	height: 6%;
	min-height: 200px;
}
.Enji01{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 9%;
}
.Enji02{
	position: absolute;
	top: 8%;
	left: 8%;
	width: 11%;
}
.Enji03{
	position: absolute;
	top: 18%;
	left: 16%;
	width: 9%;
}
.Enji04{
	position: absolute;
	top: 28%;
	left: 23%;
	width: 16%;
}
.Enji05{
	position: absolute;
	top: 32%;
	left: 36%;
	width: 12%;
}
.Enji06{
	position: absolute;
	top: 32%;
	left: 47%;
	width: 13%;
}
.Enji07{
	position: absolute;
	top: 26%;
	left: 58%;
	width: 17.5%;
}
.Enji08{
	position: absolute;
	top: 18%;
	left: 74%;
	width: 13%;
}
.Enji09{
	position: absolute;
	top: 11%;
	left: 86%;
	width: 15%;
}
/* Enji01～09 は初期表示は非表示*/
.Enji01, .Enji02, .Enji03,
.Enji04, .Enji05, .Enji06,
.Enji07, .Enji08, .Enji09 {
	opacity: 0;
}

/* Page Thumbnails*/
#PageThumbs01, #PageThumbs02,  
#PageThumbs03, #PageThumbs04  {
	display: flex;
	align-items: center;
	text-align: center;
	font-family: 'SanafonMugi';
	font-size: 14pt;
	letter-spacing: 0.175em;
	line-height: 1.5em;
}
@media screen and (max-width: 380px) {
	#PageThumbs01, #PageThumbs02,  
	#PageThumbs03, #PageThumbs04  {
		font-size: 12pt;
	}
}










.Th_leftCol {
	margin-top: 16px;
	width: 45%;
}
.Th_CenterCol {
	margin-top: 16px;
	width: 10%;
}
.Th_RightCol {
	margin-top: 16px;
	width: 45%;
}
/* PageLinks */
#PageLinks{
	/* Kiwi丸ゴシック */
	font-family: 'Kiwi Maru', serif;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	font-size: 13pt;
	line-height: 2.75em;
}
#PageLinks span{
	font-size: 11pt;
}
#PageLinks img{
	vertical-align: -3px;
}


/* 沿革 */
.StandardPage{
	display: flex;
	justify-items: center;
	width: 100%;
	/* Kiwi丸ゴシック */
	font-family: 'Kiwi Maru', serif;
	align-items: center;
	text-align: center;
	font-size: 16pt;
	line-height: 2.5em;
}
.midashi{
	font-family: 'PutiKuma';
	font-weight: bold;
	font-size: 24pt;
	margin-top: 24px;
	margin-bottom: 16px;
	height: 60px;
	background-image: url('../img/izumi_mark_50.svg');
    background-repeat: no-repeat;
	background-position: center;
    background-size: contain;
	width: 100%;
	text-align: center;
	line-height: 100%;
	padding-top: 22px;
}

#enkaku{
	width: 100%;
	min-width: 700px;
}	
#history_base{
	display: flex;
	width: 99%;
	margin: 0 auto;
	background-image: url('../img/top/history02.jpg');
	background-repeat: no-repeat;
	background-size: auto 200px;
	background-position: center right;
	font-size: 16pt;
	line-height: 2.75em;
}
.history_left{
	width: 12%;
	min-width: 12%;
}
.history_middle{
	width: 20%;
	min-width: 136px;
}
.history_right{
	width: 70%;
	flex: 1;
	min-width: 464px;
}
.text_left{
	text-align: left;
}


/* 取得 */
#shutoku{
	width: 100%;
	min-width: 670px;
}
#shutoku_base{
	display: flex;
	width: 97%;
	margin: 0 auto;
	font-size: 16pt;
	line-height: 1.25em;
	text-align: center;
}
#shutoku_base.left_col{
	width: 12%;
}
#shutoku_base.mid_col{
	width: 20%;
	min-width: 136px;
}
#shutoku_base.right_col{
	text-align: left;
	width: 68%;
	flex: 1;
}

/* いずみのおもい */
#izumino_omoi{
	width: auto;
	/* Kiwi丸ゴシック */
	font-family: 'Kiwi Maru', serif;
}
.moji_1col{
	margin: 0 auto;
	font-size: 18px;
	line-height: 1.6em;
	text-align: left;
}

/* rinen */
#rinen{
	width: 100%;
	/* Kiwi丸ゴシック */
	font-family: 'Kiwi Maru', serif;
}
#rinen_base{
	width: 80%;
	margin: 0 auto;
	text-align: center;
	font-size: 16pt;
	line-height: 2em;
	min-width: 527px;
}
#rinen_base span{
	font-size: 20pt;
	font-weight: bold;
}
/* 保育方針 */
#hoiku_houshin{
	width: 100%;
	/* Kiwi丸ゴシック */
	font-family: 'Kiwi Maru', serif;
}
#hoiku_houshin_base{
	width: 82%;
	margin: 0 auto;
	text-align: center;
	font-size: 16pt;
	line-height: 2em;
}
#hoiku_houshin_base.big{
	font-family: 'SanafonMugi';
	font-size: 22pt;
}
#hoiku_houshin_base span{
	font-weight: bold;
}

/* キリスト保育 */
#christ_hoiku{
	width: 100%;
	/* Kiwi丸ゴシック */
	font-family: 'Kiwi Maru', serif;
}
#christ_hoiku_base{
	width: 84%;
	margin: 0 auto;
	text-align: center;
	font-size: 17px;
	line-height: 1.6em;
	text-align: left;
}
#christ_hoiku_image{
	width: 100%;
}

/* ４つの『しつけ』と『守る言葉』 */
#shitsuke_mamoru{
	width: 82%;
	margin: 0 auto;
	text-align: center;
	min-width: 485px;
}
#shitsuke_mamoru_title{
	/* しねきゃぷしょん */
    font-family: 'CineCaption';
	font-size: 17pt;
	color: #2E7B39;
	line-height: 1.5em;
	margin-top: 12px;
	margin-bottom: 12px;
}

/* ４つの約束*/
._4tsuno_yokusoku{
	width: 90%;
	margin: 0 auto;
	min-width: 575px;
}
._4tsuno_yokusoku_base{
	display: flex;
}
._4tsuno_yokusoku_base.left_col{
	width: 75%;
	flex: 1;
	display: block;
}
._4tsuno_yokusoku_base.left_col.hi{
	/* しねきゃぷしょん */
    font-family: 'CineCaption';
	font-size: 22pt;
	text-align: left;
	vertical-align: bottom;
	width: 100%;
}
._4tsuno_yokusoku_base.left_col.lo{
	font-size: 18pt;
	font-weight: bold;
	text-align: left;
	width: 100%;
}
._4tsuno_yokusoku_base.right_col{
	width: 25%;
	text-align: center;
}
._4tsuno_yokusoku_base.right_col2{
	width: 20%;
	text-align: center;
}

/* ４つの約束のタイトル色 */
.color4-1{
	color: #E58385;
}
.color4-2{
	color: #DB8A33;
}
.color4-3{
	color: #63A3D8;
}	
.color4-4{
	color: #91A551;
}	

.moju_tsuume{
	letter-spacing: -0.1em;
}
/* 井戸のイメージ */
#ido_image{
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	width: 85%;
}

/* 園のこと */
#ennokoto{
	align-items: center;
	/* Kiwi丸ゴシック */
	font-family: 'Kiwi Maru', serif;
}
#ennokoto-title{
	font-size: 2em;
	text-align: center;
	width: 100%;
}
#ennokoto-honbun {
	display: flex; 
	align-items: stretch;
	/* Kiwi丸ゴシック */
	font-family: 'Kiwi Maru', serif;
	display: flex; 
	align-items: stretch;
}
#ennokoto-tatekei-left{
	margin-left: 50px;
	background-image: url('../img/Tatekei.png');
	color: black;
	float: left;
	width: 52px;
}
#ennokoto-tatekei-right{
	margin-right:  50px;
	background-image: url('img/Tatekei.png');
	color: black;
	float: left;
	width: 52px;
}
#ennokoto-text{
	float: left;
	/* height: 440px; */
	padding: 20px;
}
#ennokoto-text-midashi{
	font-size: x-large;
	font-weight: bold;
	padding-bottom: 10px;
}
#Yakusoku-title-box{
	position: relative;
	height: 100px;
}
#Yakusoku-title{
	background-image: url('img/Yakusoku_titleBack.png');
	position: absolute;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
	text-align: center;
	font-size: x-large;
	width: 180px;
	height: 65px;
	padding-top: 30px;
}
#Yakusoku-box {
	width: 100%;
}
#Yakusoku-honbun{
	text-align: center;
	font-size: x-large;
}
.Yakusoku-honbun-XXL{
	font-size: xx-large;
	margin-top: 10px;
	margin-bottom: 10px;
}
.Yakusoku-honbun-XXL-B{
	font-size: xx-large;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* 園児の１日 */
#ichinichi{
	background-image: url('img/ichinichi-back.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 60px;
	position: relative;
	align-items: center;
	width: 100%;
	height: 460px;
}
#ichinichi-title-box {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 194px;
	height: 50px;
}
#ichinichi-title{
	background-image: url('img/ichinichi-title-back.png');
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	font-size: x-large;
}
#ichinichi-honbun-box{
	position: absolute;
	top: 80px;
	left: 50%;
	transform: translateX(-50%);
	width: 530px;
	height: 340px;
}
#ichinichi-honbun-head{
	float: left;
	background-image: url('img/yotei-head.png');
	background-repeat: no-repeat;
	background-position: right;
	height: 100%;
	width: 30px;
	align-items: center;
	text-align: center;
}
#ichinichi-honbun-time{
	float: left;
	float: left;
	height: 100%;
	width: 90px;
	padding-top: 9px;
	text-align: right;
	line-height: 27px;
}
#ichinichi-honbun-list{
	margin-left: 10px;
	float: left;
	height: 100%;
	width: 400px;
	padding-top: 10px;
	text-align: left;
	line-height: 27px;
}
/* １年間の行事 */
#gyoji{
	background-image: url('img/gyoji-back.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 40px;
	position: relative;
	align-items: center;
	width: 100%;
	height: 730px;
}
#gyoji-title-box {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 150px;
}
#gyoji-title{
	background-image: url('../img/gyoji-title-back.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
	text-align: center;
	font-size: x-large;
	height: 60px;
}
#gyoji-list4-6-box {
	position: absolute;
	top: 180px;
	left: 120px;
	width: 350px;
	height: 100px;
	background-image: url(img/gyoji-list4-6.svg);
	background-repeat: no-repeat;
	background-size: 50px 100px;
	line-height: 2em;
	padding-top: 20px;
	padding-left: 20px;
}
#gyoji-list7-8-box {
	position: absolute;
	top: 330px;
	left: 120px;
	width: 300px;
	height: 80px;
	background-image: url('img/gyoji-list7-8.svg');
	background-repeat: no-repeat;
	background-size: 50px 80px;
	line-height: 2em;
	padding-top: 20px;
	padding-left: 20px;
}
#gyoji-list10-12-box {
	position: absolute;
	top: 460px;
	left: 160px;
	width: 420px;
	height: 100px;
	background-image: url('../img/gyoji-list10-12.svg');
	background-repeat: no-repeat;
	background-size: 50px 100px;
	line-height: 2em;
	padding-top: 20px;
	padding-left: 20px;
}
#gyoji-list1-2-box {
	position: absolute;
	top: 610px;
	left: 200px;
	width: 380px;
	height: 100px;
	background-image: url('../img/gyoji-list1-2.svg');
	background-repeat: no-repeat;
	background-size: 50px 100px;
	line-height: 2em;
	padding-top: 20px;
	padding-left: 20px;
}
/* 入園案内 */
#nyuuen{
	position: relative;
	align-items: center;
	width: 100%;
	height: 880px;
}
#nyuuen-title-box {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 150px;
	text-align: center;
	font-size: x-large;
	height: 60px;
}
#nyuuen-chui-box{
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
	width: 500px;
	height: 150px;
}
#nyuuen-step-box{
	position: relative;
	top: 160px;
	left: 50%;
	transform: translateX(-50%);
	width: 420px;
	height: 120px;
}
#nyuuen-step01{
	float: left;
	width: 100px;
	height: 90px;
	background-image: url('img/STEP01.svg');
	background-repeat: no-repeat;
}
#nyuuen-step02{
	float: left;
	width: 100px;
	height: 90px;
	background-image: url('img/STEP02.svg');
	background-repeat: no-repeat;
}
#nyuuen-step03{
	float: left;
	width: 100px;
	height: 90px;
	background-image: url('img/STEP03.svg');
	background-repeat: no-repeat;
}
.nyuuen-step-next{
	float: left;
	width: 40px;
	height: 90px;
	background-image: url('img/STEP-YAGIRUSHI.svg');
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-right: 10px;
}
.nyuuen-step-text{
	float: left;
	width: 100px;
	height: 30px;
	background-image: url('img/STEP-WAKU.svg');
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	font-size: x-small;
	padding-top: 17px;
}
.nyuuen-step-brank{
	float: left;
	width: 40px;
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
#Challenge-FE-box{
	position: relative;
	top: 180px;
	left: 50%;
	transform: translateX(-50%);
	width: 360px;
	height: 560px;
	padding: 20px;
	/* Kiwi丸ゴシック */
	font-family: 'Kiwi Maru', serif;
	background-image: url('../img/Challenge-BG.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	line-height: 1.75em;
}
/* 募集要項 */
#youkou-box{
	position: relative;
	height: 470px;
	line-height: 2em;
}
#youkou-title{
	text-align: center;
	font-size: x-large;
}
#youkou-text-box{
	position: relative;
	width: 500px;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 16px;
}
#youkou-midashi{
	color: gray;
}
.youkou-text-L{
	float: left;
	width: 100px;
}
.youkou-text-R{
	float: left;
	width: 400px;
}
.youkou-text-LR{
	clear: left;
}
.youkou-text-L span{ /* 待遇の色変え*/
	color: chocolate;
}
/* お問合わせ */
.otoiawase{
	position: relative;
	width: 85%;
	margin: 10px auto;
	/* height: 680px; */
}
.otoiawase_input{
	width: 90%;
}

#otoiawase-title{
	text-align: center;
	font-size: x-large;
}
#otoiawase-box{
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 8px auto;
}
.otoiawase_row{
	display: flex;
	width: 90%;
	margin: 8px auto;
}
.otoiawase-nyuryoku-L{
	width: 30%;
	text-align: right;
	margin-right: 8px;
}
.otoiawase-nyuryoku-R{
	width: 70%;
	flex: 1;
}
.textlines, .textaria-lines {
	border: 2px solid #0a0;  /* 枠線 */
	border-radius: 0.67em;     /* 角丸 */
	background-color: snow;  /* 背景色 */
}
.textlines {
	width: 29em;		/* 横幅 */
	padding: 1.5em;       /* 内側の余白量 */
}
.textaria-lines {
	width: 30em;		/* 横幅 */
	height: 6em;		/* 高さ */
	font-size: 1em;		/* 文字サイズ */
	line-height: 1.25;	/* 行の高さ */
	padding: 1em;       /* 内側の余白量 */
}
#otoiawase-textarea-L{
	width: 30%;
	text-align: right;
}
#otoiawase-textarea-R{
	width: 70%;
	flex: 1;
	margin-left: 8px;
}
#otoiawase-textarea-R span{
	font-size: small;
}
#otoiawase-submit{
	clear: left;
	height: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top:  20px;
}
.otoiawase-button {
	display: inline-block;
	border-radius: 10%;		/* 角丸       */
	font-size: 12pt;		/* 文字サイズ */
	text-align: center;		/* 文字位置   */
	cursor: pointer;		/* カーソル   */
	padding: 3px 30px;		/* 余白       */
	background: #ff5000;  /* 背景色     */
	color: #ffffff;	   /* 文字色     */
	line-height: 1em;		/* 1行の高さ  */
	transition: .3s;		/* なめらか変化 */
	box-shadow: 5px 5px 3px #666666;  /* 影の設定 */
	border: 2px solid #ff5000;	/* 枠の指定 */
}
.otoiawase-button:hover {
	box-shadow: none;		/* カーソル時の影消去 */
	color: #ff5000;	   /* 背景色     */
	background: #ffffff;  /* 文字色     */
}

/* hr を点線に */
.hr_dot hr {
	border:none;
	border-top:dashed 2px black;
	height: 2px;
	width: 90%;
}

.hr_dot_orange hr {
	border:none;
	border-top:dashed 2px orange;
	height: 2px;
	width: 90%;
}

/* 文字寄せ */
.text_left{
	text-align: left;
}
.text_ccenter{
	text-align: center;
}
.text_right{
	text-align: right;
}

.LRCenter{
	margin: 0 auto;
}