@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
}
a {
	text-decoration: none;
}
p {
    line-height: 1.9;
}
ul, li {
    list-style-type: none;
}
section {
	margin-bottom: 35px;
}

/*	サイト共通のSP版、PC版の制御	*/
/*SP版*/
@media screen and (max-width: 750px) {
	body {
		font-size: .9rem;
	}
	
	.display_pc {
		display: none;
	}
	
	#header_box {
		max-width: 450px;
		width: 100%;
		margin-top: 15px;
		margin-left: auto;
		margin-right: auto;
	}
	#header_box #header_logo {
		margin-left: 15px;
	}
	
	/*ハンバーガーメニュー＋マージンを除いた幅でロゴのフルードイメージ対応*/
	#header_logo img {
        max-width: 320px;
		width: calc(100% - 74px - 20px);
	}
	
	/*ページトップボタン*/
	#pagetop img {
		width: 54px;
		height: 55px;
		position: fixed;
		bottom: 5%;
		right: 5%;
		z-index: 10;
	}
	
	/*コンテンツ部分に左右マージン追加*/
	#content {
		margin-left: 10px;
		margin-right: 10px;
	}
	
	/*タイトル*/
	.h1_title_box {
		max-width: 450px;
		height: 150px;
		background-attachment: fixed;
		background-position: center top;
		background-repeat: no-repeat;
		position: relative;
		margin: 20px auto 30px;
		border-radius: 20px;
	}
	.h1_title_box h1 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		width: 100%;
		color: #ffffff;
		text-align: center;
		white-space: nowrap;
		margin: auto;
        text-shadow: 0px 0px 10px #000000,0px 0px 10px #000000;
        font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
        letter-spacing: .25em;        
	}
    
	.h2_title_box {
		margin-right: 10px;
	}
	
    .h2_title_box h2 {
        font-size: 1.2rem;
        margin-left: 20px;
    }
	
    h3 {
        marign-left: 20px;
        margin-right: 20px;
    }
    
	.center_ctr {
		max-width: 460px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

/*PC版*/
@media screen and (min-width: 751px) {
	.display_sp {
		display: none;
	}
	
	header {
		padding-left: calc((100% - 1240px) / 2);
		display: flex;
		justify-content: space-between;
	}
	#header_box {
		max-width: 1200px;
		width: 100%;
		display: flex;
		margin-top: 30px;
        padding-left: 25px;.navi-menu
	}
	
	#header_logo img {
		max-width: 312px;
	}
	
	#header_box nav {
		width: 100%;
		margin-right: 10px;
	}
	
	nav ul {
		width: 100%;
		height: 90px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin: 0 auto;
		padding-left: 0;
        font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
        justify-content: center;
	}
	nav ul li {
		list-style: none;
        margin-left: 2.5%;
        margin-right: 2.5%;
        position: relative;
        padding-bottom: 10px;
        margin-top: 20px;
	}

	/*ナビゲーションの文字装飾*/
	nav ul li a {
		color: #1e1e1e;
		font-weight: bold;
        text-decoration: none;
        border-bottom: solid 2px transparent;
        letter-spacing: 1px;
	}

	/*リンクホバー時の装飾*/
    nav ul li a::after {
        position: absolute;
        bottom: -2px;
        left: 0;
        content: '';
        width: 100%;
        height: 2px;
        background: #333;
        transform: scale(0, 1);
        transform-origin: center top;
        transition: transform .3s;
    }
    nav ul li a:hover::after {
        transform: scale(1, 1);
    }
    
	/*ページ表示時のリンク項目への装飾*/
	nav ul li a.active {
		border-bottom: solid 2px #000000;
        transition: transform 1s;
        padding-bottom: 10px;
	}
    
    nav ul li a.active:hover {
        border-bottom-color: transparent;
    }

    nav ul li a.active:hover::after {
         transition: transform .4s;
    }

	/*お問い合わせボタン*/
	#access_btn {
		width: 140px;
	}
	#access_btn img:hover {
		filter: hue-rotate(315deg);
	}

	/*ページトップボタン*/
	#pagetop img {
		width: 84px;
		height: 85px;
		position: fixed;
		bottom: 5%;
		right: 5%;
		z-index: 10;
	}
	#pagetop img:hover {
		filter: hue-rotate(315deg);
	}
    
	#content {
        padding-left: 20px;
        padding-right: 20px;
    }
	
    #index #content {
        padding-right: 0;
        padding-left: 0;
    }
    
	/*タイトル*/
	.h1_title_box {
		max-width: 1200px;
		height: 250px;
		background-attachment: fixed;
		background-position: center top;
		background-repeat: no-repeat;
		position: relative;
		margin: 20px auto 30px auto;
		border-radius: 20px;
	}
	.h1_title_box h1 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		color: #ffffff;
		margin: auto;
        text-shadow: 0px 0px 10px #000000,0px 0px 10px #000000;
        font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
        letter-spacing: .25em;
        white-space: nowrap;
	}

	.center_ctr {
		max-width: 1000px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
        /* padding-right: 25px; */
	}
}

.h2_title_box {
	height: 85px;
	background-image: url("../image/h2_marker.png");
	background-repeat: no-repeat;
	background-position: left top;
    margin-bottom: 10px;
}
h2 {
	line-height: 1.75;
	font-size: 190%;
	letter-spacing: 5px;
	border-bottom: 5px dotted #96ca68;
	padding-top: 15px;
	padding-left: 10px;
	margin-left: 35px;
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

h3 {
    color: #8ac457;
    letter-spacing: 2px;
    margin-left: 40px;
    margin-right: 40px;
}

#top_img_ctr figure img {
	/* max-width: 360px; */
	max-width: 560px;
	/* width: 100%; */
}
#top_img_ctr figure figcaption p {
	font-size: 110%;
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    line-height: 3;
    padding: 10px 0;
    background-color: rgba(255,255,255,.2);
    box-shadow: 0 0 10px rgba(255,255,255,.2);
}

#photo_box img {
	width: 100%;
}

/*お知らせ*/
#news {
	background-image: url("../image/news_bg.png");
	border-radius: 24px;
}
#news h1, #news_list {
	text-align: center;
    z-index: 1;
    position: relative;    
}
#news h1 {
	padding-top: 50px;
}
#news_box {
	display: flex;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
    padding: 0 40px;
}
#news_box a {
	display: block;
	color: #000000;
	margin: 16px 15px;
}
#news_box figure {
	background-color: #ffffff;
	margin: 0;
	border-radius: 8px;
    text-align: left;
}

#news_headline #news_box figure {
    border: solid 1px #e6e6e6;
    box-sizing: border-box;
}


#news_box figure figcaption {
	font-size: small;
}
#news_box figure figcaption .news_cat_case {
	width: 50%;
	color: #FFFFFF;
	text-align: center;
	white-space: nowrap;
	background-color: #F4A35C;
	padding-left: 0.5em;
	padding-right: 0.5em;
    height: 25px;
    line-height: 27px;
    letter-spacing: 1px;
}
#news_box figure figcaption .news_title_case {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
}
#news_box figure figcaption .news_title_case time {
    padding: 10px 0 0 0;
    display: inline-block;
}
#news_box figure figcaption .news_title_case p {
    margin: 0;
}
#news_box figure img {
	width: 100%;
	height: auto;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.new::after {
	content: "NEW";
	color: #f4a35c;
	margin-left: 1em;
}

#news_paging {
    text-align: center;
    margin-top: 30px;
}

#news_content {
    min-height: 100px;
}

#news_content figure {
    margin: 0;
}

#news_content figure img {
	max-width: 100%;
	height: auto;
}

#news_navi {
    display: flex;
    justify-content: center;
    align-items: center;
	margin-top: 30px;
}

#news_navi > p {
    margin-left: 10px;
    margin-right: 10px;
	min-width: 50px;
}

#news_navi a {
    color: #000;
}

.page-numbers {
    color: #000;
    height: 20px;
    min-width: 20px;
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
}

.page-numbers.current {
    color: #fff;
    background-color: #F4A35C;
}

/*お知らせ記事一覧の表示制御（最終行左揃え）*/
/*空要素*/
.cell.is-empty {
	width: 240px;
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

/*日付の色変更*/
#news_box figcaption p:first-of-type {
	color: #787878;
}
#news_list {
	margin-top: -35px;
}

/*お知らせボタンの装飾*/
#news_list_btn {
    display: inline-block;
    max-width: 280px;
    width: 100%;
    height: 70px;
    line-height: 70px;
    color: #ffffff;
    background-color: #f4a35c;
    border-radius: 35px;
    font-size: .9rem;
    width: 280px;
    text-align: center;
    transition: all .5s ease;    
}
#news_list_btn:hover {
	/* filter: hue-rotate(315deg); */
	background-color: #e8cc05;
    transition: all .5s ease;
}

#news_headline_ctr {
    min-height: 300px;
}


#news_content_box {
	margin-left: 35px;
	margin-right: 20px;
}

.date time {
    letter-spacing: 1px;
    color: #555;
}

.message {
    text-align: center;
    margin-bottom: 50px;
}

.calendar {
    padding-top: 150px;
	max-width: 1000px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}

#download {
    margin-top: 50px;
    text-align: center;
}

#download a {
    color: #1e1e1e;
    display: block;
    display: inline-block;
    width: 200px;
    padding-left: 1em;
    padding-right: 1em;
    border: 1px solid #ccc;
    padding: 10px 20px;
    font-weight: 700;
    transition: all .3s ease;
}

#download a::after {
    content: "\f309";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    padding-left: 1em;
    color: #ccc;
}

#download a:hover {
    opacity: .5;
    transition: all .5s ease;
}


#banner_box {
	max-width: 1040px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}
#banner_box div {
	margin: 10px;
}
#banner_box img {
	max-width: 480px;
	width: 100%;
	height: auto;
    transition: all .3s ease;
}
#banner_box img:hover {
	filter: sepia(50%);
    transition: all .5s ease;
}

@media screen and (max-width: 750px) {
    #news_list_btn {
        width: 180px;
		height: 60px;
		line-height: 60px;
    }
    #news_navi {
        margin-top: 50px;
    }
	#news_content_box {
		margin-left: 0;
		margin-right: 0;
	}
	#news_content_box .date {
		margin-left: 10px;
	}
	#news_content {
		margin-left: 10px;
		margin-right: 10px;	
		min-height: 50px;
	}
}

@media screen and (min-width: 750px) {
	#news_navi {
		margin-left: 35px;
		margin-right: 20px;
	}	
}

/*	トップページ	*/
/*SP版*/
@media screen and (max-width: 750px) {
	body#index {
		background-image: url("../image/leaf_bg01_sp.png");
		background-repeat: no-repeat;
		background-position: right 77px;
	}

	/*トップイメージ*/
	#top_img_ctr {
		margin-top: 15px;
	}
	
	#top_img_box {
		max-width: 450px;
		width: 100%;
		border-radius: 24px;
		margin-left: auto;
		margin-right: auto;
	}
	#top_img_box img {
		max-width: 450px;
		width: 100%;
	}
	#top_img_box .slider.display_pc {
		display: none;
	}
	#top_img_ctr figure {
		height: 600px;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-around;
		align-items: center;
		background-image: url("../image/tree_bg_sp.png");
		background-repeat: no-repeat;
		background-position: left bottom;
		margin: 0 0 0 -10px;
	}
    #top_img_ctr figure img {
		/* margin-left: 20px; */
        max-width: 320px;
    }
	#top_img_ctr figure figcaption p {
		text-align: center;
        margin-top: 40px;
        font-size: .9rem;
        font-weight: 700;
        letter-spacing: 2px;
        margin-left: 10px;
	}
	
	#photo_box {
		margin-left: -10px;
		margin-right: -10px;
	}
	
	#news_ctr {
		position: relative;
		margin-top: 50px;
	}
	#news_ctr .left_branch {
		position: absolute;
		left: -10px;
		bottom: -60px;
        z-index: 1;
	}
	#news_ctr .right_branch {
		position: absolute;
		top: -40px;
		right: -10px;
	}
	
	#news {
		max-width: 450px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 50px;
        padding-left: 10px;
        padding-right: 10px;
	}
	
	/*お知らせ一覧の並び方を変更*/
	#news_box {
		justify-content: center;
        padding: 0;
	}
    
    #news_box a {
        width: calc(50% - 16px);
        margin: 8px;
    }
    
    #news_box figure figcaption .news_cat_case {
        font-size: .6rem;
    }
    
    #news_box figure figcaption .news_title_case {
        padding: 10px;
    }
	
    #news_box figure figcaption .news_title_case time {
        padding-top: 0;
    }

    
	/*ホバー時、画像を拡大する*/
	.img_wrap {
		overflow: hidden;
	}
	.img_wrap img {
		display: block;
		transition-duration: 0.3s;	/*変化に掛かる時間*/
	}
	.img_wrap img:hover {
		transform: scale(1.1);		/*画像の拡大率*/
		transition-duration: 0.3s;	/*変化に掛かる時間*/
	}

	#banner_ctr {
		background-color: #FEF9F0;
		padding-bottom: 20px;
		margin-top: -100px;
		margin-left: -10px;
		margin-right: -10px;
	}
	#banner_box {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
		padding-top: 20px;
	}
		
	/*Google MAP*/
	#index #googlemap {
		width: calc(100% + 20px);
		height: 240px;
		margin-left: -10px;
		margin-right: -10px;
		vertical-align: bottom;
	}
	
	/* サイトバナー */
	#bnr_area {
		padding-top: 40px;
		display: flex;
		background-color: #fef9f0;
		justify-content: center;
		width: calc(100% + 20px);
	    margin-left: -10px;
	}
	#bnr_area .img_wrap {
		max-height: 100%;
		max-width: 100%;
		border-radius: 0;
	}
	.img_wrap img {
		max-width: 100%;
	}
}

/*PC版*/
@media screen and (min-width: 751px) {
	body#index {
		background-image: url("../image/leaf_bg01_pc.png");
		background-repeat: no-repeat;
		background-position: right 45px;	
	}

	#top_img_ctr {
		background-image: url("../image/tree_bg_pc.png");
		background-repeat: no-repeat;
		background-position: left bottom;
    }

	#top_img_box {
		max-width: 1240px;
		width: 100%;
		border-radius: 24px;
		padding-top: 10px;
		margin-left: auto;
		margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
	}
	#top_img_box img {
		max-width: 1200px;
		width: 100%;
	}
	#top_img_box .slider.display_sp {
		display: none;
	}
	#top_img_ctr figure {
		max-width: 1200px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 auto;
        margin-top: 50px;
        padding-bottom: 50px;
	}
	#top_img_ctr figure figcaption {
		width: 100%;
		height: 369px;
		display: flex;
		align-items: center;
		background-image: url("../image/green_dots.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		margin-top: 30px;
		margin-bottom: 30px;
        letter-spacing: .25em;
        font-weight: 700;
    }

	#news_ctr {
		position: relative;
		margin-top: 150px;
        margin-left: 20px;
        margin-right: 20px;
	}

	#news_ctr .left_branch {
		position: absolute;
		top: 85%;
		left: -20px;
  		transform: translateY(-50%);
        z-index: 1;
	}
	
	#news_ctr .right_branch {
		position: absolute;
		top: -40px;
		right: -20px;
	}

	#news {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 70px;
	}
	
	/*お知らせ一覧の並び方を変更*/
	#news_box {
		justify-content: center;
	}
	
	/*お知らせの写真サイズ変更*/
	#news_box figure {
		width: 240px;
	}
	
	/*ホバー時、画像を拡大する*/
	.img_wrap {
		overflow: hidden;
		max-width: 240px;
		max-height: 200px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
	}
	.img_wrap img {
		display: block;
		transition-duration: 0.3s;	/*変化に掛かる時間*/
	}
	#news_box a:hover .img_wrap img {
		transform: scale(1.1);		/*画像の拡大率*/
		transition-duration: 0.3s;	/*変化に掛かる時間*/
	}

	#banner_ctr {
		background-color: #FEF9F0;
		margin-top: -100px;
	}
	#banner_box {
		padding-top: 50px;
		padding-bottom: 60px;
	}
	
	/*Google MAP*/
	#index #googlemap {
 		width:100%;
		height: 400px;
	    vertical-align: bottom;
 	}
	
	/* サイトバナー */
	#bnr_area {
		padding-top: 80px;
		display: flex;
		background-color: #fef9f0;
		justify-content: center;
	}
	#bnr_area .img_wrap {
		max-height: 100%;
		max-width: 100%;
		border-radius: 0;
	}
	.img_wrap img {
		max-width: 100%;
	}
	#bnr_area .img_wrap img:hover {
		transform: scale(1.1);
		transition-duration: 0.3s;
	}
}


/*Google MAPとフッターの隙間を埋める*/
#index footer {
	margin-top: 0;
}

/*	保護者の皆様へページ	*/
/*SP版*/
@media screen and (max-width: 750px) {

	/*保育園が大事にしている事タイトル*/
	#parents_title {
		background-image: url("../image/parents_bg_sp.png");
	}

	#philosophy_box {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
    
    #philosophy_box h3 {
        margin-top: 2em;
		padding-right: 0;
		padding-left: 0;
		margin-left: 30px;
		margin-right: 30px;
    }
	
	/*子どもたちの一日の流れ*/
	#schedule_box {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 20px;
	}
	#schedule_box img {
		max-width: 410px;
		width: 100%;
	}
	
	/*食育*/
	#foodedu_box {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-left: 20px;
        padding-right: 20px;
	}
	#foodedu_box img {
		max-width: 430px;
		width: 100%;
	}
	
	/*敬香太鼓*/
	#drum_box {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-left: 20px;
        padding-right: 20px;
	}
	#drum_box img {
		max-width: 388px;
		width: 100%;
	}
	
	/*お泊まり保育*/
	#staying_box {
		margin-left: 20px;
        padding-right: 20px;
	}
	#staying_box img {
		max-width: 431px;
		width: 100%;
	}
    #staying_box div img {
        width: calc(100% + 20px);
    }
	
	/*一時預かり*/
	#tmpcustody_box {
		margin-left: 20px;
        padding-right: 20px;
	}    
    #tmpcustody_box table {
        margin-right: 10px;
    }
	#tmpcustody_box #period_table th,
	#tmpcustody_box #period_table td {
        font-size: .9rem;   
    }
	#tmpcustody_box #price_table th {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
        font-size: .9rem;
	}
	#tmpcustody_box #price_table td {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
        font-size: .9rem;
	}
	
	/*病児保育*/
	.childcare_box {
		margin-left: 20px;
        padding-right: 20px;
	}
    .childcare_box p {
        margin-right: 10px;
    }
	.childcare_box div {
		display: flex;
		justify-content: space-between;
	}
	.childcare_box div img {
		max-width: 204px;
		width: 50%;
		align-self: flex-start;	
	}
	.childcare_box table {
		max-width: 400px;
	}
    .childcare_box table th,
    .childcare_box table td {
        font-size: .9rem;
    }
    
	/*防犯対策*/
	#security_box {
		margin-left: 40px
	}
    #security_box p {
        padding-right: 20px;
    }
	#security_box img {
		max-width: 380px;
		width: 100%;
	}
}

/*PC版*/
@media screen and (min-width: 751px) {
	body#parents {
		background-image: url("../image/leaf_bg02_pc.png");
		background-repeat: no-repeat;
		background-position: right 45px;
	}

	/*保育園が大事にしている事タイトル*/
	#parents_title {
		background-image: url("../image/parents_bg_pc.png");
	}

	/*保育の理念*/
	#philosophy_box {
		max-width: 720px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#philosophy_box h3 {
        margin-top: 3em;
		padding-left: 20px;
		padding-right: 20px;
    }
	#philosophy_box div {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	/*子どもたちの一日の流れ*/
	#schedule_box {
		margin-top: 20px;
	}
	#schedule_box img {
		max-width: 1120px;
		width: 100%;
	}
	
	/*食育*/
	#foodedu_box {
		display: flex;
		justify-content: space-between;
		margin-left: 35px;
	}
	#foodedu_box p {
		width: 32.5%;
	}
	#foodedu_box img {
		max-width: 644px;
		width: 65%;
		align-self: flex-start;
	}

	/*敬香太鼓*/
	#drum_box {
		display: flex;
		justify-content: space-between;
		margin-left: 35px;
	}
	#drum_box div {
		width: 47.5%;
	}
	#drum_box img {
		max-width: 493px;
		width: 50%;
	}
	
	/*お泊まり保育*/
	#staying_box {
		display: flex;
		justify-content: space-between;
		margin-left: 35px;
	}
	#staying_box div {
		width: 45%
	}
	#staying_box div img {
		max-width: 444px;
		width: 100%
	}
	#staying_box img {
		max-width: 552px;
		width: 55%;
		align-self: flex-start;
	}

	/*一時預かり*/
	#tmpcustody_box {
		margin-left: 35px;
	}
	#tmpcustody_box #table_box {
		max-width: 700px;
	}
	#tmpcustody_box #price_table th {
		padding-top: .5em;
		padding-bottom: .5em;
	}
	#tmpcustody_box #price_table td {
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}
	
	/*病児保育*/
	.childcare_box {
		margin-left: 35px;
		display: flex;
		justify-content: space-between;
	}
	.childcare_box div {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.childcare_box p {
		max-width: 700px;
		width: 100%;
	}
	.childcare_box table {
		max-width: 700px;
		width: 100%;
    }
	.childcare_box img {
		margin-left: 20px;
	}
	
	/*防犯対策*/
	#security_box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-left: 55px;
	}
	#security_box ul {
		padding: 0;
		width: 50%;
	}
	#security_box img {
		max-width: 463px;
		width: 50%;
	}
}

/*保育の理念*/
#philosophy_box h3 {
	line-height: 1.9;
	font-size: 170%;
	font-weight: normal;
	text-align: center;
	letter-spacing: 2.5px;
}
#philosophy_box h3 img {
    max-width: 100%;
    height: auto;
}
#philosophy_box div p {
	max-width: 300px;
	width: 100%;
	background-image: url("../image/h3_marker.png");
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-left: 30px;
}

/*一時預かり*/
#tmpcustody_box {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#tmpcustody_box .th_col {
	background-color: #E5F7FF;
}
#tmpcustody_box .th_row {
	background-color: #F2FFD1;
}
#tmpcustody_box table {
	width: 100%;
	border-collapse: collapse;
	border: 3px solid #A0A0A0;
}
#tmpcustody_box table th, #tmpcustody_box table td {
	border: 1px solid #A0A0A0;
}
#tmpcustody_box table td {
	text-align: center;
}
#tmpcustody_box #table_box p:last-child {
	margin-top: 0;
}
#tmpcustody_box #period_table th {
	width: 25%;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
    font-size: .9rem;
}
#tmpcustody_box #period_table td {
	width: 75%;
	padding-top: 1em;
	padding-bottom: 1em;
    font-size: .9rem;
}
#tmpcustody_box #price_table th {
	width: 25%;
    font-size: .9rem;
}
#tmpcustody_box #price_table td {
	width: 25%;
    font-size: .9rem;
}

/*病児保育*/
.childcare_box table {
	width: 100%;
	border-collapse: collapse;
	border: 3px solid #A0A0A0;
}
.childcare_box table th, .childcare_box table td {
	border: 1px solid #A0A0A0;
}
.childcare_box .th_col {
	background-color: #E5F7FF;
}
.childcare_box table th {
	width: 25%;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
    font-size: .9rem;
}
.childcare_box table td {
	width: 75%;
	text-align: center;
    font-size: .9rem;
}

/*防犯対策*/
#security_box ul {
	padding: 0;
}
#security_box ul li {
	list-style-type: square;
	line-height: 2.5;
}

/*	保育園をお探しの方へページ	*/
/*SP版*/
@media screen and (max-width: 750px) {

	/*当園についてタイトル*/
	#profile_about_title {
		background-image: url("../image/profile_about_bg_sp.png");
	}
	
	/*園の概要*/
	#overview_box {
		/* margin-left: 15px; */
	}
	#overview_box table {
		max-width: 480px;
		width: 100%;
		border-spacing: 20px;
	}
	
	/*年間行事*/
	.month_ctr {
		margin-left: 10px;
	}
	.may_ctr ul {
		background-image: url(../image/ruck_sack_bg_sp.png);
		background-repeat: no-repeat;
		background-position: right bottom;
	}
	.august_ctr {
		position: relative;
	}
	.bamboo_grass {
		position: absolute;
		right: 0;
		bottom: 0;
		bottom: -105px;
	}
	.february_ctr ul {
		background-image: url(../image/bean_sowing_bg_sp.png);
		background-repeat: no-repeat;
		background-position: right bottom;	
	}
	.march_ctr ul {
		background-image: url(../image/kindergarten_bg_sp.png);
		background-repeat: no-repeat;
		background-position: right bottom;	
	}
	
	.june_img, .september_img, .october_img, .december_img {
		text-align: right;
		margin-left: -70px;
	}
	
	/*年間を通して複数回行う行事*/
	.annual_events  {
		text-align: right;
	}
	.annual_events img {
		max-width: 443px;
		width: 100%;
	}

	/*沿革*/
	#history_box {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin-top: 20px;
	}
	#history_box table {
		max-width: 430px;
		width: 100%;
		border-collapse: collapse;
	}
	#history_box img {
		max-width: 315px;
		width: 100%;
	}
}

/*PC版*/
@media screen and (min-width: 751px) {
	body#profile {
		background-image: url("../image/leaf_bg03_pc.png");
		background-repeat: no-repeat;
		background-position: right 45px;
	}

	/*当園についてタイトル*/
	#profile_about_title {
		background-image: url("../image/profile_about_bg_pc.png");
	}

	/*園の概要*/
	#overview_box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		margin-left: 15px;
	}
	#overview_box table {
		max-width: 500px;
		width: 50%;
		border-spacing: 20px;
	}

	.month_ctr {
		padding-left: 40px;
	}
	
	/*年間行事*/
	#events_flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-left: 35px;
	}
	
	.events_box {
		max-width: 500px;
		width: 50%;
	}
	
	/*各奇数月の位置調整*/
	.month_ctr:nth-child(even) {
		position: relative;
		left: 45px;
	}
	
	/*年間を通して複数回行う行事*/
	.annual_events img {
		max-width: 603px;
		width: 100%;
	}
	
	/*イメージ位置調整*/
	.june_img {
		position: relative;
		text-align: right;
		margin-top: 40px;
		z-index: -1;
	}
	.august_img {
		position: relative;
	}
	.september_img {
		position: relative;
	}
	.ruck_sack {
		position: relative;
		text-align: right;
		margin-top: -50px;
	}
	.bamboo_grass {
		position: relative;
		margin-top: -140px;
		margin-left: -80px;
	}
	.october_img {
		position: relative;
		text-align: right;
		margin-top: -170px;
	}
	.pounding_mochi {
		position: relative;
		margin-top: -180px;
		z-index: -1;
	}
	.bean_sowing {
		position: relative;
		text-align: right;
		margin-top: -80px;
	}
	.december_img {
		position: relative;
		margin-top: -50px;
	}
	.kindergarten {
		position: relative;
		text-align: right;
	}

	/*沿革*/
	#history_box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 40px;
		margin-left: 35px;
	}
	#history_box table {
		max-width: 450px;
		width: 50%;
		border-collapse: collapse;
	}
	#history_box img {
		max-width: 315px;
		width: 100%;
	}
}

/*園の概要*/
#overview_box table .border {
	border-bottom: 1px dotted #000000;
}
#overview_box table th {
	width: 100px;
	min-width: 100px;
	color: #ffffff;
	vertical-align: top;
	padding-top: 5px;
	white-space: nowrap;
	background-image: url("../image/table_bg.png");
	background-repeat: no-repeat;
    font-weight: 100;
    font-size: .9rem;
}
#overview_box table td {
	padding-top: 5px;
}

/*年間行事*/
.events_box ul li {
	line-height: 1.75;
	/* font-size: 120%; */
}

/*外枠*/
.month_ctr {
	max-width: 460px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto;
}
	
/*内枠*/
.month_box {
	padding-left: 80px;
	padding-bottom: 1em;
	border-bottom: 1px dotted #3b3b3b;
}

/*4月*/
.april_ctr {
	background-image: url(../image/listleaf04.png);
}

/*5月*/
.may_ctr {
	background-image: url(../image/listleaf05.png);
}

/*6月*/
.june_ctr {
	background-image: url(../image/listleaf06.png);
}

/*7月*/
.july_ctr {
	background-image: url(../image/listleaf07.png);
}
.july_box {
	padding-top: 2em;
	padding-bottom: 2em;
}

/*8月*/
.august_ctr {
	background-image: url(../image/listleaf08.png);
}
.august_box {
	padding-top: 1em;
	padding-bottom: 1em;
}

/*9月*/
.september_ctr {
	background-image: url(../image/listleaf09.png);
}

/*10月*/
.october_ctr {
	background-image: url(../image/listleaf10.png);
}
.october_box {
	padding-top: 1em;
}

/*11月*/
.november_ctr {
	background-image: url(../image/listleaf11.png);
}
.november_box {
	padding-top: 1em;
}

/*12月*/
.december_ctr {
	background-image: url(../image/listleaf12.png);
}

/*1月*/
.january_ctr {
	background-image: url(../image/listleaf01.png);
}
.january_box {
	padding-top: 1em;
}

/*2月*/
.february_ctr {
	background-image: url(../image/listleaf02.png);
}

/*3月*/
.march_ctr {
	background-image: url(../image/listleaf03.png);
}

.june_img img {
	max-width: 390px;
	width: 100%;
}
.august_img img,
.september_img img {
	max-width: 377px;
	width: 100%;
}
.ruck_sack img {
	max-width: 240px;
	width: 100%;
}
.bamboo_grass img {
	max-width: 282px;
	width: 100%;
}
.october_img img {
	max-width: 306px;
	width: 100%;
}
.pounding_mochi img {
	max-width: 252px;
	width: 100%;
}
.bean_sowing img {
	max-width: 145px;
	width: 100%;
}
.december_img img {
	max-width: 381px;
	width: 100%;
}
.kindergarten img {
	max-width: 286px;
	width: 100%;
}

/*沿革*/
#history_box table th {
	width: 7em;
	color: #00257a;
	line-height: 1.9;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
	padding-top: 1.5em;
	padding-left: 1em;
	background-color: #e5f7ff;
    font-weight: 100;
}
#history_box table td {
	line-height: 1.9;
	padding-top: 1.5em;
	padding-left: 1.5em;
    font-size: .9rem;
}

/*	お知らせ一覧ページ	*/
/*SP版*/
@media screen and (max-width: 750px) {

	/*お知らせ一覧タイトル*/
	#news_headline_title {
		background-image: url("../image/news_bg_sp.png");
	}

	#news_headline_box {
		max-width: 410px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}
}

/*PC版*/
@media screen and (min-width: 751px) {

	/*お知らせ一覧タイトル*/
	#news_headline_title {
		background-image: url("../image/news_bg_pc.png");
	}

	#news_headline_box {
		max-width: 1160px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 60px;
        padding-top: 20px;
	}
}

/*	アクセスページ	*/
/*SP版*/
@media screen and (max-width: 750px) {

	/*アクセスタイトル*/
	#access_title {
		background-image: url("../image/access_bg_sp.png");
	}

	/*Google MAP*/
	#access_ctr	#googlemap iframe {
		width: calc(100% + 20px);
		height: 300px;
		margin-left: -10px;
		margin-right: -10px;
	}
	
	#access_ctr #googlemap img:nth-of-type(1) {
		display: none;
	}
	#access_ctr #googlemap + p {
		margin-top: 10px;
		margin-bottom: 30px;
	}
	#access_box {
		margin-left: 20px;
		margin-right: 20px;
	}
}

/*PC版*/
@media screen and (min-width: 751px) {

	/*アクセスタイトル*/
	#access_title {
		background-image: url("../image/access_bg_pc.png");
	}

	/*Google MAP*/
    #access_ctr #googlemap {
        display: flex;
		flex-wrap: wrap;
        justify-content: center;
		margin-left: 35px;
		margin-right: 20px;
		position: relative;
		margin-top: 20px;
		background-color: #f2f2f2;
		padding: 20px;
		border-radius: 20px;
		margin-top: 60px;
    }

    #access_ctr #googlemap img:nth-of-type(1) {
		position: absolute;
		top: -67px
	}
	
	#access_ctr #googlemap + p {
	    margin-bottom: 30px;
		padding-bottom: 10px;
		margin-left: 35px;
		margin-right: 20px;
	}
	
    #access_ctr #googlemap iframe {
		width: 100%;
		height: 400px;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
	}

	#access_box {
		margin-bottom: 40px;
        margin-left: 35px;
    }
}
#access_box table {
	width: 100%;
}
#access_box .th_col {
	background-color: #E5F7FF;
}
#access_box table th {
	width: 25%;
	padding-top: 1em;
	padding-bottom: 1em;
}
#access_box  table td {
	width: 75%;
	text-align: center;
}
#access_box  table, #access_box  table th, #access_box  table td {
	border-collapse: collapse;
	border: 1px solid #A0A0A0;
}

#access_box h3 {
    margin-left: 0;
}


/*	プライバシーポリシーページ	*/
/*SP版*/
@media screen and (max-width: 750px) {

	/*プライバシーポリシータイトル*/
	#privacy_title {
		background-image: url("../image/privacy_bg_sp.png");
	}
	.privacy_box {
		margin-left: 35px;
	}
}

/*PC版*/
@media screen and (min-width: 751px) {

	/*プライバシーポリシータイトル*/
	#privacy_title {
		background-image: url("../image/privacy_bg_pc.png");
	}
	.privacy_box {
		margin-left: 35px;
	}
}

/*	採用情報ページ	*/
/*SP版*/
@media screen and (max-width: 750px) {

	/*採用情報タイトル*/
	#recruit_title {
		background-image: url("../image/recruit_bg_sp.png");
	}

	#recruit_box .wp-block-table {
		margin-left: 20px;
		margin-right: 20px;
	}
}

/*PC版*/
@media screen and (min-width: 751px) {

	/*採用情報タイトル*/
	#recruit_title {
		background-image: url("../image/recruit_bg_pc.png");
	}

	#recruit_box .wp-block-table {
		margin-left: 35px;
		margin-right: 20px;
	}
}
#recruit_box{
	margin-top: 40px;
}

#recruit table {
	border-collapse: collapse;
	width: 100%;
	margin-top: 20px;
}
#recruit_box table th {
	width: 7em;
	color: #00257a;
	line-height: 1.9;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
	padding-top: 1.5em;
	padding-left: 1em;
	background-color: #e5f7ff;
    font-weight: 100;
}

#recruit caption {
	font-size: 140%;
	font-weight: bold;
	border-bottom: 2px solid #333333;
}
#recruit table tr {
	border-bottom: 1px solid #333333;
	border-bottom: 1px dotted #ccc;
}
#recruit table th {
	width: 6em;
	white-space: nowrap;
	line-height: 1.9;
	text-align: left;
	vertical-align: top;
	padding: 1em;
}
#recruit table td {
	line-height: 1.9;
	padding: 1em;
	padding-left: 1.5em;
    font-size: .9rem;
}

/*	お問い合わせページ	*/
/*SP版*/
@media screen and (max-width: 750px) {

	/*お問い合わせタイトル*/
	#contact_title {
		background-image: url("../image/contact_bg_sp.png");
	}
    #contact_box,
    #contact_box1,
    #contact_box2,
    #contact_box3 {
        margin-left: 0;
        margin-bottom: 50px;
        text-align: center;
    }
    .contact-tel,
    .contact-fax,
    .contact-mail {
        font-size: 1rem;
        letter-spacing: .125em;
        text-align: center;
        font-weight: 700;
    }
}

/*PC版*/
@media screen and (min-width: 751px) {

	/*お問い合わせタイトル*/
	#contact_title {
		background-image: url("../image/contact_bg_pc.png");
	}
    #contact_box {
        margin-left: 40px;
        margin-left: 40px;
        margin-bottom: 50px;
    }
    #contact_box1,
    #contact_box2,
    #contact_box3 {
        margin-top: 40px;
        margin-left: 35px;
		margin-right: 20px;
        padding: 20px 0;
        margin-bottom: 50px;
        text-align: center;
    }
    #contact_box1,
    #contact_box2,
    #contact_box3 {
        background-color: #f2f2f2;
        border-radius: 20px;
    }
    .contact-tel,
    .contact-fax,
    .contact-mail {
        font-size: 1.4rem;
        letter-spacing: .125em;
        text-align: center;
        font-weight: 700;
    }
}

.contact-tel i,
.contact-fax i,
.contact-mail i {
    color: #8ac457;
}

#contact_box table {
	width: 100%;
}
#contact_box table, #contact_box table th, #contact_box table td {
	border-collapse: collapse;
	border: 1px solid #A0A0A0;
}
#contact_box .th_col {
	background-color: #E5F7FF;
}
#contact_box table th {
	width: 25%;
	padding-top: 1em;
	padding-bottom: 1em;
}
#contact_box table td {
	width: 75%;
	text-align: center;
}
#content .mail,
#content .tel {
	color: #000;
}
#content .mail:hover,
#content .tel:hover {
	color: #666;
    transition: all .5s ease;
}




/*	フッター	*/
/*SP版*/
@media screen and (max-width: 750px) {
    footer {
        margin-top: 30px;
    }
    
	#footer_container {
		padding-top: 50px;

		/*子要素の中央揃え*/
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-items: center;
	}
	address {
		margin-top: 1em;
		margin-bottom: 1em;
        font-size: .9rem;
        line-height: 1.9;
	}
    #sitemap {
        font-size: .9rem;
    }
}

/*PC版*/
@media screen and (min-width: 751px) {
    footer {
        margin-top: 50px;
    }
	#footer_container {
		max-width: 1160px;
        padding-left: 20px;
        padding-right: 20px;
		padding-top: 90px;
		padding-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
    address {    
        letter-spacing: 1px;
        line-height: 1.6;
        font-size: .9rem;
    }
	#sitemap {
		width: 47.5%;
		display: flex;
		flex-wrap: wrap;
        font-size: .9rem;        
	}
    #footer_logo_box img {
        margin-left: 0;
    }
}

footer {
	background-color: #fef9f0;
}

/*ロゴのフルードイメージ対応*/
#footer_logo_box img {
	max-width: 190px;
	width: 100%;
    margin-left: 20px;
}

address {
	font-style: normal;
}

/*サイトマップ*/
#sitemap span {
	display: inline-block;
	min-width: 8em;
	line-height: 1.9;
	white-space: nowrap;
    margin-right: 1.5em;
}
#sitemap span a {
	color: #000000;
}

/*リンクホバー時の装飾*/
#sitemap span a:hover {
	color: #666666;
    transition: all .5s ease;
}

footer .tel {
	color: #000;
}

footer .tel:hover {
    color: #666666;
    transition: all .5s ease;
}

#copyright {
	padding: 0 10px 40px 10px;
	margin-bottom: 0;
	text-align: center;
    color: #555;
}

/* ハンバーガーメニューここから */
.navi-btn-fix {
	/* overflow-y: hidden; */
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}
.navi-btn {
	/*ハンバーガーメニューの背景のサイズ*/
	width: 74px;
	height: 104px;
	
	/*右下の角を丸める*/
	border-bottom-left-radius: 20px;

	background-image: url(../image/hamburger_bg.png);
	background-repeat: no-repeat;
	position: relative;
	right: 0;
	top: 0;
	z-index: 10;
	cursor: pointer;
}

/*1本目の線の設定*/
.navi-btn span {
	position: absolute;
	display: block;
	
	/*ハンバーガーメニューの線の幅と高さ*/
	width: 30px;
	height: 5px;
	
	/*一番上の線の位置*/
	top: 32px;
	
	/*全体の線の位置*/
	left: 21px;
	
	background: #ffffff;
	border-radius: 5px;
	transition: all .3s;
}

/*2本目の線の設定*/
.navi-btn span:nth-of-type(2) {
	top: 43px;
	opacity: 1;
	transition: all .3s;
}

/*3本目の線の設定*/
.navi-btn span:last-of-type {
	top: 54px;
}

/*menu文字の設定*/
.navi-btn p {

	/*menu文字のマージントップ:0*/
	margin-top: 0;
	
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	font-size: 15px;
	
	/*menu文字の位置*/
	top: 62px;
	left: 16px;
}

/*×になる動き*/
.navi-btn-on span:first-of-type {
	transform: rotate(-45deg) translateY(9px) translateX(-9px);
}
.navi-btn-on span:nth-of-type(2) {
	transform: translateX(0);
	opacity: 0;
}
.navi-btn-on span:last-of-type {
	transform: rotate(45deg) translateY(-7px) translateX(-7px);
}

/*ハンバーガーメニュー押したときのリスト*/
.navi-menu {
	top: 0;
	right: 0;
	display: none;
	background-color: rgba(255,255,255,0.9);
	padding-top: 7.5em;
	padding-left: 1.70em;
	padding-right: 1.75em;
	padding-bottom: 0.75em;
	margin: 0;
	border-bottom-left-radius: 20px;
	position: fixed;
	z-index: 5;
	overflow-y: auto;
}
.navi-menu li {
	list-style-type: none;
}
.navi-menu li a {
	display: block;
	color: #000000;
	line-height: 2.25;
}
.navi-menu li:last-child a {
	border-bottom: none;
}
.fixed {

	/* 開閉時スクロール禁止 */
	position: fixed;
	width: 100%;
	height: 100%;
}
/* ハンバーガーメニューここまで */

/*slickの制御ここから*/
/*PC・SP版共通*/
.slider {
	margin: auto;
}
.slick-slider {
	padding-left: 0;
}
.slick-dots {
    opacity: .7;
    bottom: -30px !important;
}

/*slickの制御ここまで*/


/* 効果ここから */

.effect-fade {
    opacity: 0;
    transform: translate(0, 50px);
    transition: all 1.5s;
}

.effect-fade.effect-scroll {
    opacity: 1;
    transform: translate(0, 0);
}

.effect-fade2 {
    opacity: 0;
    transition: all 2s;
}

.effect-fade2.effect-scroll {
    opacity: 1;
}

/* 効果ここまで */