@charset "UTF-8";



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

/* -----オンライン説明会----- */

/* 映像 */

.video li {
	display: inline-block;
}


/* 資料 */

.online_information {
	display: inline-block;
	vertical-align: top;
}

.online_information li:not(:last-child) {
	margin-bottom: 3px;
}

.online_information ul:first-of-type {
	margin-right: 80px;
}

.online_information a {
	color: black;
	text-decoration: underline;
}

.online_information span {
	color: #abcd03;
}

.fa-file-pdf {
	font-size: 16px;
}



/* ----------入園までの流れ---------- */

/* 全体 */

#admissions {
	margin-bottom: 80px;
}



/* -----内容01----- */

.flow01 {
	margin-bottom: 20px;
}

/* 横並び */

.flow01 div,
.flow01 img {
	display: inline-block;
	vertical-align: top;
}



/* -----対象----- */

.flow01 ul {
	margin-bottom: 10px;
}

/* 横並び */

.flow01 li {
	display: inline-block;
	vertical-align: middle;
}

/* 左側 */

.flow01 li:first-child {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	width: 96px;
	height: 80px;
	color: #72754d;
	background: #f8f8ec;
	text-align: center;
	margin-right: 3px;
}

.flow01 li:first-child p {
	padding-top: 30px;
}



/* -----内容02----- */

/* -----共通----- */

.flow02 {
	margin-bottom: 40px;
}

.flow02 div:not(:first-child) {
	margin-top: -24px;
}

.flow02 ul li {
	width: 760px;
}

/* 横並び */

.flow02 div p,
.flow02 div ul {
	display: inline-block;
	vertical-align: middle;
}

/* 左側 */

.flow02 div p {
	width: 72px;
	font-weight: bold;
	color: white;
	background: #abcd03;
	text-align: center;
	margin-right: 5px;
	border-radius: 5px;
}

/* 矢印 */

.flow_arrow {
	font-size: 50px;
	color: #efefef;
	position: relative;
	z-index: 2;
	margin: -20px 0 0 20px;
}



.nintei {
	width: 100%;
	color: #5d7d31;
	font-weight: bold;
	font-size: 18px;
	border-bottom: solid 1px #5d7d31;
	margin-bottom: 20px;
}



/* -----STEP1----- */

/* 左側 */

.flow02 div:first-of-type p {
	height: 140px;
	line-height: 140px;
}

/* 右側 */

.flow02 div:first-of-type li:first-child {
	font-weight: bold;
	font-size: 16px;
}

.flow02 div:first-of-type li:nth-child(2) a,
.flow02 div:first-of-type li:nth-child(3) a {
	color: #5d7d31;
	text-decoration: underline;
}

/* 見学のご案内について */

.flow02 div:first-of-type li:last-child a {
	display: block;
	width: 230px;
	height: 32px;
	color: white;
	line-height: 33px;
	background: #5d7d31;
	text-align: center;
	margin-top: 5px;
}



/* -----STEP2----- */

/* 左側 */

.flow02 div:nth-of-type(2) p {
	height: 170px;
	line-height: 160px;
}

/* 右側 */

.flow02 div:nth-of-type(2) span {
	font-weight: bold;
	font-size: 16px;
}

.kome {
	color: #6f6f69;
	font-size: 12px;
	line-height: 22px;
}



/* -----STEP3----- */

/* 左側 */

.flow02 div:nth-of-type(3) p {
	height: 80px;
	line-height: 80px;
}

/* 右側 */

.flow02 div:nth-of-type(3) span {
	font-weight: bold;
	font-size: 16px;
}



/* -----STEP4----- */

/* 左側 */

.flow02 div:nth-of-type(4) p {
	height: 100px;
	line-height: 100px;
}

/* 右側 */

.flow02 div:nth-of-type(4) span {
	font-weight: bold;
	font-size: 16px;
}

.flow02 div:nth-of-type(4) li:first-child {
	margin-bottom: 10px;
}



/* -----内容03----- */

.flow03 {
	margin-bottom: 40px;
}

/* -----就労以外の保育を必要とする理由----- */

.flow03 div p span {
	font-weight: bold;
	color: #5d7d31;
}



/* -----対象----- */

.flow03 ul {
	margin-bottom: 10px;
}

/* 横並び */

.flow03 li {
	display: inline-block;
	vertical-align: middle;
}

/* 左側 */

.flow03 li:first-child {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	width: 96px;
	height: 80px;
	color: #72754d;
	background: #f8f8ec;
	text-align: center;
	margin-right: 3px;
}

.flow03 li:first-child p {
	padding-top: 30px;
}



/* -----内容04----- */

/* -----共通----- */

.flow04 {
	margin-bottom: 40px;
}

.flow04 div:not(:first-child) {
	margin-top: -24px;
}

.flow04 ul li {
	width: 760px;
}

/* 横並び */

.flow04 div p,
.flow04 div ul {
	display: inline-block;
	vertical-align: middle;
}

/* 左側 */

.flow04 div p {
	width: 72px;
	font-weight: bold;
	color: white;
	background: #abcd03;
	text-align: center;
	margin-right: 5px;
	border-radius: 5px;
}



/* -----STEP1----- */

/* 左側 */

.flow04 div:first-of-type p {
	height: 215px;
	line-height: 215px;
}

/* 右側 */

.flow04 div:first-of-type li:first-child,
.flow04 div:first-of-type li:nth-child(3) {
	font-weight: bold;
	font-size: 16px;
}

.flow04 div:first-of-type li:nth-child(3) {
	margin-top: 5px;
}

.flow04 div:first-of-type li:nth-child(4) a,
.flow04 div:first-of-type li:nth-child(5) a {
	color: #5d7d31;
	text-decoration: underline;
}

/* 見学のご案内について */

.flow04 div:first-of-type li:last-child a {
	display: block;
	width: 230px;
	height: 32px;
	color: white;
	line-height: 33px;
	background: #5d7d31;
	text-align: center;
	margin-top: 5px;
}



/* -----STEP2----- */

/* 左側 */

.flow04 div:nth-of-type(2) p {
	height: 150px;
	line-height: 150px;
}

/* 右側 */

.flow04 div:nth-of-type(2) span {
	font-weight: bold;
	font-size: 16px;
}

.kome {
	color: #6f6f69;
	font-size: 12px;
	line-height: 20px;
}



/* -----STEP3----- */

/* 左側 */

.flow04 div:nth-of-type(3) p {
	height: 120px;
	line-height: 120px;
}

/* 右側 */

.flow04 div:nth-of-type(3) li:nth-child(2) {
	font-weight: bold;
	font-size: 16px;
}



/* -----STEP4----- */

/* 左側 */

.flow04 div:nth-of-type(4) p {
	height: 100px;
	line-height: 100px;
}

/* 右側 */

.flow04 div:nth-of-type(4) li:first-child {
	font-weight: bold;
	font-size: 16px;
}



/* ----------見学のご案内---------- */

/* 全体 */

#observe {
	margin-bottom: 80px;
}



/* -----お問い合わせ先----- */

/* 全体 */

#observe ul {
	width: 100%;
	background: #edede9;
	border-radius: 5px;
	margin: 15px 0 25px;
}

#observe ul li {
	display: inline-block;
	vertical-align: middle;
	margin: 8px;
	text-align: center;
}



/* -----1つ目----- */

#observe li:first-child {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	width: 160px;
	background: white;
	color: #5d7d31;
	line-height: 20px;
	font-weight: bold;
	padding: 8px 0 12px;
	margin: 0 25px 0 13px;
}

#observe li:first-child p {
	padding-top: 6px;
}



/* -----2・3つ目----- */

#observe li:nth-child(2) {
	padding: 0 35px 0 5px;
	border-right: solid 0.3px #b7b7a9;
}

#observe li:nth-child(3) {
	padding: 0 20px 0 10px;
}

#observe li:nth-child(2),
#observe li:nth-child(3) {
	font-size: 14px;
	color: #5d7d31;
	font-weight: bold;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	line-height: 23px;
}

#observe li:nth-child(2) span,
#observe li:nth-child(3) span,
#observe .tablet_tel {
	font-size: 20px;
	color: black;
	font-family: "dnp-shuei-mgothic-std";
}

#observe .tablet_tel:hover {
	opacity: 1;
}



/* -----4つ目----- */

#observe li:last-child a {
	display: inline-block;
	width: 190px;
	height: 32px;
	color: white;
	line-height: 33px;
	background: #5d7d31;
	text-align: center;
}



/* -----お問い合わせボタン----- */

.contact_button {
	display: block;
	width: 325px;
	height: 55px;
	border: solid 2px #cfc191;
	margin: 0 auto;
	padding: 3px;
	color: white;
	text-align: center;
}

.contact_button p {
	height: 100%;
	line-height: 55px;
	background: #9e882d;
}



/* ----------通園バスのご案内---------- */

/* 横並び */

#bus p,
#bus ul {
	display: inline-block;
	vertical-align: top;
}

/* 説明文 */

#bus p {
	width: 400px;
	margin-right: 10px;
}



/* -----小学校区----- */

/* 横並び */

#bus ul li {
	display: inline-block;
	vertical-align: middle;
}

#bus ul li:first-child {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	width: 150px;
	height: 95px;
	color: #72754d;
	background: #f8f8ec;
	text-align: center;
	line-height: 20px;
	margin-right: 3px;
}

#bus ul li:first-child p {
	padding-top: 20px;
	width: auto;
	margin-right: 0;
}



/* -----画像----- */

#bus img {
	float: right;
}



/* ウィンドウ幅が0?479pxの場合に適用するCSS */
@media screen and ( max-width:479px )
{



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

/* -----オンライン説明会----- */

/* 映像 */

.video {
	text-align:center;
}

.video iframe {
	width: 100%;
	height: 85%;
}

/* ----------入園までの流れ---------- */

/* 全体 */

#admissions {
	margin-bottom: 26vw;
}



.nintei {
	font-size: 16px;
	text-align: center;
}



/* -----内容01----- */

.flow01 {
	margin-bottom: 10vw;
}

.flow01 div {
	width: 100%;
}



/* -----対象----- */

.flow01 ul,
.flow03 ul {
	margin-bottom: 10px;
}

/* 左側 */

.flow01 li:first-child,
.flow03 li:first-child {
	width: 100%;
	height: 20px;
	margin-right: 0;
	margin-bottom: 3px;
}

.flow01 li:first-child p,
.flow03 li:first-child p {
	padding-top: 2px;
	width: 100%;
}



/* -----就労以外の保育を必要とする理由----- */

/* 画像 */

.flow01 img {
	width: 100%;
}



/* -----内容02----- */

.flow02 {
	text-align: center;
}

/* -----共通----- */

.flow02 ul li {
	width: 100%;;
}

/* 左側 */

.flow02 div p {
	width: 100%;
	margin-right: 0;
	margin-bottom: 5px;
	border-radius: 0;
}

.flow_arrow {
	margin: -5px 0 15px 0;
}



/* -----STEP1----- */

/* 左側 */

.flow02 div:first-of-type p {
	height: 23px;
	line-height: 23px;
}

/* 右側 */

/* 見学のご案内について */

.flow02 div:first-of-type li:last-child a {
	margin: 5px auto 0;
}



/* -----STEP2----- */

/* 左側 */

.flow02 div:nth-of-type(2) p {
	height: 23px;
	line-height: 23px;
}



/* -----STEP3----- */

/* 左側 */

.flow02 div:nth-of-type(3) p {
	height: 23px;
	line-height: 23px;
}



/* -----STEP4----- */

/* 左側 */

.flow02 div:nth-of-type(4) p {
	height: 23px;
	line-height: 23px;
}



/* -----内容03----- */

.flow03 {
	margin-bottom: 10vw;
}

.flow03 div {
	width: 100%;
}



/* -----内容04----- */

.flow04 {
	text-align: center;
}

/* -----共通----- */

.flow04 ul li {
	width: 100%;;
}

/* 左側 */

.flow04 div p {
	width: 100%;
	margin-right: 0;
	margin-bottom: 5px;
	border-radius: 0;
}



/* -----STEP1----- */

/* 左側 */

.flow04 div:first-of-type p {
	height: 23px;
	line-height: 23px;
}

/* 右側 */

/* 見学のご案内について */

.flow04 div:first-of-type li:last-child a {
	margin: 5px auto 0;
}



/* -----STEP2----- */

/* 左側 */

.flow04 div:nth-of-type(2) p {
	height: 23px;
	line-height: 23px;
}

.flow04 div:nth-of-type(2) br {
	display: none;
}



/* -----STEP3----- */

/* 左側 */

.flow04 div:nth-of-type(3) p {
	height: 23px;
	line-height: 23px;
}

.flow04 div:nth-of-type(3) br {
	display: none;
}



/* -----STEP4----- */

/* 左側 */

.flow04 div:nth-of-type(4) p {
	height: 23px;
	line-height: 23px;
}



/* ----------見学のご案内---------- */

/* 全体 */

#observe {
	margin-bottom: 22vw;
}



/* -----お問い合わせ先----- */

/* 全体 */

#observe ul {
	padding: 0;
	padding-top: 8px;
	margin: 10px 0 20px;
	text-align: center;
}

#observe ul li {
	display: block;
	margin: 0;
}

#observe p br {
	display: none;
}

#observe ul br {
	display: block;
}



/* -----1つ目----- */

#observe li:first-child {
	margin: 0 auto;
}



/* -----2・3つ目----- */

#observe li:nth-child(2) {
	padding: 8px 0 8px 0;
	border-right: none;
	border-bottom: solid 0.3px #b7b7a9;
	width: 80%;
	margin: 0 auto;
}

#observe li:nth-child(3) {
	padding-right: 0;
	padding-top: 8px;
	padding-bottom: 8px;
}

#observe li:last-child {
	padding-bottom: 10px;
}



/* -----お問い合わせボタン----- */

.contact_button {
	width: 260px;
}



/* ----------通園バスのご案内---------- */

/* 説明文 */

#bus p {
	width: 100%;
	margin-right: 0;
}



/* -----小学校区----- */

#bus ul {
	margin-top: 10px;
}

#bus ul li:first-child {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	width: 100%;
	height: 25px;
	margin-right: 0;
	margin-bottom: 5px;
}

#bus ul li:first-child p {
	padding-top: 4px;
}

#bus ul li:first-child p br {
	display: none;
}

#bus ul li:last-child br {
	display: none;
}



/* -----画像----- */

#bus img {
	float: none;
	width: 100%;
	margin-top: 5px;
}



}