/*common_css*/
/*layout:4*/@charset "utf-8";
/* CSS Document */


/** ================================================================================
		03.Default
================================================================================ **/
html{
	overflow: auto;
}



body{
	margin: 0 auto;
	min-width: 980px;
	color:#40220f;
	font-size:16px;
	font-family:'Noto Sans JP', sans-serif;
	line-height: 1.87;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
    position: relative;
	-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
}


body{
/*
	margin: 0 auto;
	min-width: 980px;
	background: #faf0ef;
	color:#40220f;
	font-size:16px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	line-height: 1.87;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    position: relative;
	-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
*/
/*    font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","游ゴシック Medium",YuGothic,YuGothicM,メイリオ,Meiryo,sans-serif;*/
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
a{
	color:inherit;
	text-decoration:none;
	cursor: pointer;
}a:hover{
	-webkit-transition: .3s;
	transition: .3s;
		-webkit-transition: ease .3s;
		transition: ease .3s;
}
a:hover img{
/*
	opacity: 0.8;
	-ms-filter: alpha(opacity=80);
	filter: alpha(opacity=80);
*/
}

p a{
	text-decoration:underline;
}p a:hover{
	text-decoration:none;
}
/**PC電話ボタン無効**/
a[href^="tel"]{
	pointer-events: none;
    text-decoration: none;
}
@media screen and (max-width: 768px) {
	a[href^="tel"]{
		pointer-events: auto;
	}
}

figure{
    overflow: hidden;
}
figure img{
	max-width: 100%;
}
/*リッチテキストでtable作成したとき用*/
table[border="2"] th,
table[border="2"] td{
    border:1px solid grey;
}

@media screen and (max-width: 768px) {
	body{
		min-width: 100%;
		font-size:15px;
		line-height: 1.7;
	}
	
/*
	body{
		min-width: 100%;
        font-size: 15px;
		line-height: 1.7;
	}
*/
	/**post制御**/
	p{
		word-break: break-all;
	}
	table{
		width: 100%;
		word-break: break-all;
	}
	img{
		max-width: 100%;
		height: auto;
	}
	/**post制御**/
}



/**================================================================================
OWLET用　 Browser：IE11 over
================================================================================
・リッチテキスト　
・パンくず
・ページャー
・フォーム
================================================================================**/

/* -------------------------------------
この記述を入れると、ウィジェット設置時に
「コンテンツ幅を選んでの設置」をする選択肢が出るようになります。
対象ウィジェットには<div data-w-width=""></div>を記述
-------------------------------------*/
/*ウィンドウ幅での設置*/
[data-w-width] {
    max-width: 100%;
}

/*コンテンツ幅での設置*/
[data-w-width="1"] {
    width:980px;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width: 768px){
    [data-w-width="1"] {
        width: 90%;
    }
}
/* -------------------------------------
リッチテキスト
-------------------------------------*/
.richtext{
}
.richtext p{
	margin: 0 0 10px;
}
.richtext strong {
}/*リセットしていないので不要*/
.richtext s{
}/*リセットしていないので不要*/
.richtext u{
}/*リセットしていないので不要*/
.richtext em {
	font-style: italic;
}
.richtext ul {
	padding-left: 2em;
}
.richtext ul li {
	list-style: outside disc;
}
.richtext ol {
	padding-left: 2em;
}
.richtext ol li{
	list-style: outside decimal;
}
.richtext h1{
	font-size: 2.0em;
}
.richtext h2{
	font-size: 1.5em;
}
.richtext h3{
	font-size: 1.17em;
}
.richtext h4{
	font-size: 1.0em;
}

.richtext blockquote{
	margin-left: 0;
	padding-left: 5px;
	border-left: 2px solid #444444;
	color: inherit;
}
.richtext table{
	max-width: 100%;
	border: none;
	border-collapse: collapse;
	table-layout: fixed;
	empty-cells: show;
}
.richtext table tr td{
	border: 1px solid #cccccc;
	vertical-align: middle;
	text-align: left;

	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}
.richtext img{
	max-width: 100%;
}
.richtext iframe{
	max-width: 100%;
}

.richtext p a{
	text-decoration: underline;
}
.richtext p a:hover{
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.richtext *[style*="font-size: 8px"]{
	}
	.richtext *[style*="font-size: 9px"]{
	}
	.richtext *[style*="font-size: 10px"]{
	}
	.richtext *[style*="font-size: 11px"]{
	}
	.richtext *[style*="font-size: 12px"]{
	}
	.richtext *[style*="font-size: 13px"]{
	}
	.richtext *[style*="font-size: 14px"]{
	}
	.richtext *[style*="font-size: 16px"]{
	    font-size: 1rem!important;
	}
	.richtext *[style*="font-size: 18px"]{
		font-size: 1rem!important;
	}
	.richtext *[style*="font-size: 24px"]{
		font-size: 1.2rem!important;
	}
	.richtext *[style*="font-size: 30px"]{
		font-size: 1.3rem!important;
	}
	.richtext *[style*="font-size: 36px"]{
		font-size: 1.6rem!important;
	}
	.richtext *[style*="font-size: 48px"]{
		font-size: 1.65rem!important;
	}
	.richtext *[style*="font-size: 60px"]{
		font-size: 1.7rem!important;
	}
	.richtext *[style*="font-size: 72px"]{
		font-size: 1.75rem!important;
	}
	.richtext *[style*="font-size: 96px"]{
		font-size: 1.8rem!important;
	}
}

/* -------------------------------------
パンくず
-------------------------------------*/
#breadcrumb{
	margin:5px auto 15px;
	max-width:980px;
	width:94%;
	font-size:12px;
	position: relative;
    z-index: 40;
}
/*家アイコン*/
#breadcrumb ul:before {
	display: inline-block;
	content: "\e88a";
	vertical-align: middle;
	font-size: 14px;
	font-family: 'Material Icons';
}
#breadcrumb ul li{
	display:inline-block;
	padding:0 5px;
}
#breadcrumb ul li+li:before{
	content:">";
}
#breadcrumb a{
	text-decoration: underline;
}#breadcrumb a:hover{
	text-decoration: none;
}

@media screen and (max-width: 768px) {
    #breadcrumb{
	    margin-top:70px;
    }
}

/* -------------------------------------
ページャー
-------------------------------------*/
.pagenation{
	margin: 30px auto;
	text-align: center;
}

.pagenation span{
	display: inline-block;
	margin: 5px;
	width: 40px;
	height: 40px;
	border: 1px solid #ea7caa;
	background: #ea7caa;
	color: #fff;
	text-align: center;
	line-height: 38px;
/*     border-radius: 50%; */
}
.pagenation span.page{
	background: #fff;
	color: #ea7caa;
}
.pagenation span a{
	display: block;
	width: 100%;
	height: 100%;
	background: #ea7caa;
	color: #fff;
	/* border-radius: 50%; */
}.pagenation span a:hover{
	background: #fff;
	color: #ea7caa;
}
.pagenation span.prev,
.pagenation span.prev a,
.pagenation span.next,
.pagenation span.next a{
    border:transparent 1px solid;
    background:none;
    color: #ea7caa;
}


@media screen and (max-width: 768px) {
	.pagenation span{
		margin: 3px;
		width: 30px;
		height: 30px;
		line-height: 27px;
	}
}
/* -------------------------------------
フォーム
-------------------------------------*/
/**エラー**/
.alert {
	margin: 5px 0;
	color: #ff0000;
}
form table th{
	position: relative;
}

/**必須**/
.require {
	position: absolute;
	display: inline-block;
	width: 3em;
	height: 2em;
	border-radius: 3px;
	background: red;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	line-height: 2em;
}
/**送信ボタン**/
.form_button {
	position: relative;
	display: flex;
	margin-bottom: 20px;
	width: 100%;
	text-align: center;

	align-items: center;
	justify-content: center;
}

.form_button input[type="submit"],
.form_button input.submit,
.form_button a{
	display: inline-block;
	margin: 0 30px 10px;
	padding: 15px 30px;
	width: 200px;
	border: 1px solid #ea7caa;
	background: #ea7caa;
	color: #fff;
	text-align: center;
	font-size: 16px;
}
.form_button a{
	border: 1px solid #ea7caa;
	background: #ea7caa;
}
.form_button input[type="submit"]:hover,
.form_button input.submit:hover,
.form_button a:hover{
	border: 1px solid #ea7caa;
	background: #fff;
	color: #ea7caa;
}



/*入力タグ*/
form input[type="text"],
form textarea,
form select{
	padding: 5px 4px;
	height:30px;
	border:1px solid #cccccc;
	font-size: 16px;
	line-height: 1.2;
	margin: 0 5px;
}
form input[type="text"]{
   width: 80%;
}

form textarea {
	padding: 2px;
	min-height: 150px;
}
form select{
	padding: 0 10px;
	font-size: 14px;
}

/*電話*/
form input.owlet-input-tel1,
form input.owlet-input-tel2,
form input.owlet-input-tel3,
form input.zip1,
form input.zip2{
    width: 5em;
}
/*名前*/
form input.owlet-input-name-sei,
form input.owlet-input-name-mei{
    width: 8em;
}
/*年齢*/
form input[name="input[age]"]{
    width: 5em;
}
/*label*/
form label {
	display: block;
}
/*ボタン*/
form button{
	margin: 0 10px;
	padding: 5px 10px;
	border-radius: 5px;
	background: #fff;
}
/*記入例*/
form .owlet-input-sample {
	margin-top: 5px;
	color: #999;
	font-size: 14px;
}
/**フォーム規約**/
.owlet-rules {
	margin: 0 auto 30px;
	width: 90%;
}
.owlet-rules-title {
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}
.owlet-rules-body {
	overflow-y:scroll;
	box-sizing:border-box;
	margin-bottom: 20px;
	padding:15px;
	height:200px;
	border:1px solid #dcdcdc;
}
.owlet-rules-agree {
	position: relative;
	margin-bottom: 20px;
	text-align: center;
}
.owlet-rules-agree .require{
	position: static;
	margin: 0 15px;
}
@media screen and (max-width: 768px) {
	.form_button {
		flex-flow: column-reverse;
	}
	/*iPhone独自スタイル解除*/
	form input[type="button"],
	form input[type="text"],
	form input[type="submit"] {
		border-radius: 0;

		-webkit-appearance: none;
	}
	/*入力タグ*/
    form input[type="text"],
    form textarea,
    form select{
    	font-size: 13px;
    }
}


/* -------------------------------------
.btn_top
-------------------------------------*/
.btn_top {
  --btn_txt: #40220f;
  --c-main: 232, 83, 119;
  --transition: 0.3s;
  -webkit-appearance: none;
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  min-height: 70px;
  padding: 10px 20px;
  font-size: 2rem;
  text-align: center;
  line-height: 1.2;
  color: var(--btn_txt);
  background-color: #fff;
  border: 1px solid var(--btn_txt);
  transition: var(--transition);
}
@media (max-width: 520px) {
  .btn_top {
    max-width: 90%;
    font-size: 1.6rem;
  }
}

/* hover */
.btn_top {
  overflow: hidden;
  z-index: 1;
}
.btn_top::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--c-main), 1);
  transform: translateX(-100%);
  transition: var(--transition);
  z-index: -1;
}
.btn_top:hover {
  --btn_txt: #fff;
  border: 1px solid rgba(var(--c-main), 1);
  opacity: 1;
}
.btn_top:hover::before {
  transform: translateX(0);
}



/*layout:59*/@charset "UTF-8";
/* CSS Document */
/* -------------------------------------
Browser：IE11 over
-------------------------------------
01:共通
02:テンプレート
03:ページ
-------------------------------------*/
/** ================================================================================
  01.共通
================================================================================ **/
:root{
	--color:#A99ED0;
	--sub-color:#F6F5FA;
}

/* -------------------------------------
カテゴリボタン
-------------------------------------*/
.catBtn a{
    border: 1px solid var(--color);
    background: var(--color);
}
.catBtn a:hover{
	color: var(--color);
    border-color: var(--color);
}


/* -------------------------------------
レイアウト
-------------------------------------*/
body{
	background: var(--sub-color);
}

/* -------------------------------------
padding
-------------------------------------*/

/* -------------------------------------
セクション
-------------------------------------*/

/* -------------------------------------
背景
-------------------------------------*/
.bg-white{
	background: #fff;
}
.bg-dot{
	background-image: url(/shinkanaoka/images/bg-dot.png);
}
.bg-ptn1{
	background: url(/shinkanaoka/images/bg-ptn1.png);
}


/* -------------------------------------
bg-photo
-------------------------------------*/
.bg-photo.bg-bf-pink::before{
    background: rgba(169,158,208,.8);
}


/* -------------------------------------
色
-------------------------------------*/
body .pink{
  color: var(--color);
}


/* -------------------------------------
タイトル
-------------------------------------*/
/*ページタイトル*/
.titZ::before{
	background-image: url(/images/titZ-about.jpg);
}
.titZ span{
	border-color: var(--color);
}
.titZ span::before{
	background-image: url(/shinkanaoka/images/ico-tit.png);
}

/*titA*/
.titA span,
.titA span.ico-wh{
	padding: 2px 50px;
    background: url(/shinkanaoka/images/ico-shinkanaoka01.png) no-repeat left center / 34px auto,url(/shinkanaoka/images/ico-shinkanaoka01.png) no-repeat right center / 34px auto;
/*     background: url(/images/ico-sakura.svg) no-repeat left center / 34px auto,url(/images/ico-sakura.svg) no-repeat right center / 34px auto; */
}
.titA.fs22 span{
	padding: 6px 50px;
}
.titA.fs22 span em{
	display: block;
	margin-top: 4px;
	font-size: 0.7em;
}

/*titB*/
.titB{
	color: var(--color);
}

@media screen and (max-width: 768px) {
	/*titA*/
	.titA span{
		padding: 4px 40px;
		/* background: url(/shinkanaoka/images/ico-shinkanaoka01.png) no-repeat left center / 30px auto,url(/shinkanaoka/images/ico-shinkanaoka01.png) no-repeat right center / 30px auto; */
		background: url(/images/ico-sakura.svg) no-repeat left center / 30px auto,url(/images/ico-sakura.svg) no-repeat right center / 30px auto;
	}
}

/*titD*/
.titD{
	padding: 14px;
	font-weight: bold;
	text-align: center;
	border-top: 2px dotted #40220f;
	border-bottom: 2px dotted #40220f;
}


/* -------------------------------------
btn
-------------------------------------*/
.btn{
	background: var(--color);
    border-color: var(--color);
}.btn:hover{
    color: var(--color);
    background: #fff;
}
.btn-wh{
	color: var(--color);
	background: #fff;
}.btn-wh:hover{
	color: #fff;
	background: var(--color);
}
.btn-cl{
	background: none;
	border-color: #fff;
}


/* -------------------------------------
文字
-------------------------------------*/
.orange{
	color: var(--color);
}

/* -------------------------------------
lead
-------------------------------------*/
.titZ+.lead{
	color: var(--color);
}

/* -------------------------------------
line
-------------------------------------*/
.line::before{
    background: var(--color);
}

/* -------------------------------------
パララックス
-------------------------------------*/
.para{
	background: url(/shinkanaoka/images/para-footer.jpg) no-repeat center / cover;
/*
	background-attachment: fixed;
*/
}
.about-para{background-image: url(/images/para-about.jpg);}
.feature-para1{background-image: url(/images/para-feature1.jpg);}
.feature-para2{background-image: url(/images/para-feature2.jpg);}


/* -------------------------------------
その他色々
-------------------------------------*/
.bdr-pink{
	border: 5px solid var(--color);
}
em{
	font-weight: inherit;
}

/* -------------------------------------
frame
-------------------------------------*/
.frame{
	border: 8px solid #fff;
	-webkit-box-shadow: 1px 1px 10px 1px #ccc;
	box-shadow: 1px 1px 10px 1px #ccc;
}

/* -------------------------------------
list-sanae1
-------------------------------------*/
.list-sanae1{
}
.list-sanae1 li{
	margin-bottom: 40px;
	padding: 30px;
	background: #fff;
	border:8px solid #d4e78e;
	border-radius: 20px;
}
.list-sanae1 li.li-bg{
	min-height: 190px;
	border: none;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.list-sanae1 h3{
	margin-top: -52px;
	padding: 6px 0 30px;
	font-weight: bold;
	text-align: center;
	background: url(/shinkanaoka/images/bg-ribon-grn.png) no-repeat top center / contain;
}
.list-sanae1 .btn.btn-mini{
	max-width: 320px;
	margin-bottom: 0;
}

/*ピンク*/
.list-sanae1 li.pk{
	border-color: #ffdec2;
}.list-sanae1 li.pk h3{
	background-image: url(/shinkanaoka/images/bg-ribon-pk.png);
}
.list-sanae1 li.blue{border-color: #cee4ee;}
.list-sanae1 li.orng{border-color: #ffde8c;}

@media screen and (max-width: 768px) {
	.list-sanae1 li{
		margin-bottom: 30px;
		padding: 30px 20px 20px;
		border-width:6px;
		border-radius: 14px;
	}
    .list-sanae1 li:last-child{
        margin-bottom: 0;
    }
	.list-sanae1 li.li-bg{
		margin-top: -10px;
		margin-bottom: 40px;
	}
}

/* -------------------------------------
list-sanae1.sne2
-------------------------------------*/
.list-sanae1.sne2 h3{
	margin: -56px -10px 20px;
	padding:12px 0;
	background-image: url(/shinkanaoka/images/bg-ribon2-grn.png);
	background-position: center;
}

.list-sanae1.sne2 li.pk h3{
	background-image: url(/shinkanaoka/images/bg-ribon2-pk.png);
}
.list-sanae1.sne2 li.blue h3{
	background-image: url(/shinkanaoka/images/bg-ribon2-blue.png);
}
.list-sanae1.sne2 li.orng h3{
	background-image: url(/shinkanaoka/images/bg-ribon2-orng.png);
}

@media screen and (max-width: 768px) {
	.list-sanae1.sne2 h3{
		margin: -50px -6px 14px;
		padding:12px 0;
	}
}

/* -------------------------------------
boxZC
-------------------------------------*/
.boxZC figure{
	background-image: url(/about/01-about1.jpg);
}

/* -------------------------------------
pdf-list
-------------------------------------*/
.pdf-list li a:hover{
	color: var(--color);
}

/* -------------------------------------
gmap
-------------------------------------*/
.gmap{
	border:5px solid var(--color);
}

/* -------------------------------------
その他色々
-------------------------------------*/
.bdr-pink{
	border: 5px solid var(--color);
}


/* -------------------------------------
ヘッダー
-------------------------------------*/
header .logo img{
	width: auto;
	max-width: 360px;
	mix-blend-mode: multiply;
}
header nav .menu1 a:hover{
	color: var(--color);
}
header nav .menu1 li a::before{
	content: "";
	width: 22px;
	height: 20px;
	background: url(/shinkanaoka/images/ico-shinkanaoka01.png) no-repeat left center / contain;
}
header nav .menu2 a.pdf:hover{
	color: var(--color);
}
header nav .menu2 a.h-btn{
	color: var(--color);
	border-color: var(--color);
}header nav .menu2 a.h-btn:hover{
	color: #fff;
	background: var(--color);
}
header nav .menu2 a.h-btn.h-pink{
	color: #fff;
	background: var(--color);
}header nav .menu2 a.h-btn.h-pink:hover{
	color: var(--color);
	background: #fff;
}

@media screen and (max-width: 768px) {
	header{
		background: var(--sub-color);
	}
	header .logo img{
		margin: 0 auto;
	}
	header nav{
		background: var(--sub-color);
	}
	header nav .menu2 a.h-btn{
		border: 1px dotted var(--color);
	}
}

/* -------------------------------------
asd-contact
-------------------------------------*/
.asd-contact ul li a{
	border:1px solid var(--color);
}
.asd-contact ul li a:hover{
	background:var(--color);
}
.asd-contact ul li p{
	color: var(--color);
}.asd-contact ul li a:hover .titA,
.asd-contact ul li a:hover p{
	color: #fff;
}

/* -------------------------------------
ページトップへ戻る
-------------------------------------*/
#page_top{
	background: var(--color);
}

/* -------------------------------------
footer
-------------------------------------*/
footer nav ul li a:hover{
	color: var(--color);
}
footer address .logo img{
	width:310px;
	mix-blend-mode: multiply;
}footer .others{
	border: 4px solid var(--color);
}

@media screen and (max-width: 768px) {
	footer address .logo img{
		width: 200px;
	}
}


/** ================================================================================
  02.テンプレート
================================================================================ **/

/* -------------------------------------
tableA
-------------------------------------*/
.tableA tr:nth-of-type(odd){
    background: #f0f0f0;
    background: rgba(172,18,68,.1);
}

/* -------------------------------------
tableB
-------------------------------------*/
.tableB.th-pink th{
	background: var(--sub-color);
}
.tableB.th-pink td{
	background: #fff;
}

/* -------------------------------------
news-list
-------------------------------------*/
.news-list em{
	background: var(--color);
}
.news-list time{
	color: var(--color);
}


/** ================================================================================
  03.各ページ
================================================================================ **/
/* -------------------------------------
トップページ
-------------------------------------*/
/* -------------------------------------
hero
-------------------------------------*/
#hero .swiper-slide{
	background: var(--color);
}
#hero .swiper-pagination-bullet {
	background:var(--color);
}
#hero .swiper-pagination-bullet-active{
	background:var(--color);
}


/* -------------------------------------
sakura-box
-------------------------------------*/
.sakura-box{
	border-color: var(--color);
}
.sakura-box::before{
	background-image: url(/shinkanaoka/images/ico-tit.png);
}

/* top_こども園について
-------------------------------------*/


/* top_早苗幼稚園の理念
-------------------------------------*/


/* top_教育・保育目標
-------------------------------------*/

/* top_園の特色
-------------------------------------*/
#top .sec-top-chara .listA.box2C li:last-child{
	margin-bottom: 0;
}
#top .sec-top-chara .listA.box2C:after{
	background: url(/shinkanaoka/images/tokusyoku-img8.jpg);
	background-size: cover;
}

/* top_園での過ごし方
-------------------------------------*/
#top .sec-top-spend .btn-box:first-child{
    /* background-image: url(/images/day-bg1.jpg); */
    background-image: url(/shinkanaoka/images/day-bg1.jpg);
}
#top .sec-top-spend .btn-box:last-child{
    /* background-image: url(/images/day-bg2.jpg); */
    background-image: url(/shinkanaoka/images/day-bg2.jpg);
}

/* top_園の記録
-------------------------------------*/
#top .sec-top-blog .news-list::before{
	display: none;
}

/* top_卒園児のみなさまへ
-------------------------------------*/
#top .sec-top-sotuen{
	background: url(/shinkanaoka/images/bg-ptn1.png);
}


/* -------------------------------------
02_当園について
-------------------------------------*/
/* 理念
-------------------------------------*/
.sec-rinen .boxZC .inner p strong{
	font-size: 1.2em;
}
.sec-rinen .boxZC .inner p:first-child strong{
	color: #58bfff;
}
.sec-rinen .boxZC .inner p:nth-child(2) strong{
	color: var(--color);
}
.sec-rinen .boxZC .inner p:last-child strong{
	color: #ff8588;
}

/* 大方針&重点保育内容
-------------------------------------*/
.sec-rinen2 .w900{
	padding: 40px;
	background: #fff;
	border: 8px solid #ffdec2;
	border-radius: 20px;
}
.sec-rinen2 .w900:nth-of-type(2){
	border-color: #d4e78e;
}

@media screen and (max-width: 768px) {
	.sec-rinen2 .w900{
		padding: 20px;
		border-width: 6px;
	}
}

/* 基本方針
-------------------------------------*/
.sec-basicpolicy .listA dt::before,
.sec-basicpolicy .listA dt::after{
	display: none;
}
.sec-basicpolicy .listA dd{
	padding: 0 20px;
}
.sec-basicpolicy .listA .bg-ptn1 {
	background: #fff;
	overflow: visible;
}
.sec-basicpolicy .listA .bg-ptn1 dt{
	margin: -50px auto 0;
}
.sec-basicpolicy .listA .bg-ptn1 dd{
	padding: 10px 30px;
}

@media screen and (max-width: 768px) {
	.sec-basicpolicy .listA dd{
		padding: 0 20px;
	}
	.sec-basicpolicy .listA .bg-ptn1 {
		margin-top:20px;
	}
	.sec-basicpolicy .listA .bg-ptn1 dd{
		padding: 10px 20px;
	}
}


/* -------------------------------------
goal-box
-------------------------------------*/
.goal-box li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 40px 30px 0;
}
.goal-box li .icomoon{
	margin: 0 auto 10px;
	font-size: 100px;
	color: var(--color);
}
.goal-box li h4{
	color: var(--color);
	font-weight: 900;
	text-align: center;
}
.goal-box li figure{
	padding-top: 30px;
	margin: auto -40px 0;
}

@media screen and (max-width: 768px) {
	.goal-box li{
		padding: 30px 5% 0;
	}
	.goal-box li .icomoon{
		font-size: 80px;
	}
	.goal-box li h4{
	}
	.goal-box li figure{
		padding-top: 20px;
		margin: 0 -5%;
	}
}


/* -------------------------------------
スタッフ紹介 staff
-------------------------------------*/
.staff{
	margin-bottom: 100px;
}
.staff .inner{
	margin-right: 65px;
}
.staff .inner h4{
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 900;
}
.staff figure{
	max-width: 320px;
}
.staff figure figcaption{
	font-size: 24px;
	font-weight: 900;
}
.staff figure figcaption small{
	display: block;
	font-size: 1rem;
	font-weight: normal;
}

/*てれこ*/
.staff:nth-child(even){
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-flow: row-reverse;
	flex-flow: row-reverse;
}
.staff:nth-child(even) .inner{
	margin-left: 65px;
	margin-right: 0;
}

@media screen and (max-width: 768px) {
	.staff,
	.staff:nth-child(even){
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-flow: column-reverse;
		flex-flow: column-reverse;
		margin-bottom: 40px;
	}
	.staff .inner,
	.staff:nth-child(even) .inner{
		margin:0 auto;
	}
	.staff .inner h4{
		margin-bottom: 10px;
		font-size: 18px;
	}
	.staff figure{
		max-width: 320px;
	}
	.staff figure figcaption{
		font-size: 18px;
		text-align: center;
	}
}

/* アクセス
-------------------------------------*/
#about .en-list dl{
	text-align: center;
}
#about .en-list dl dt{
	margin:20px auto;
	font-weight: 900;
}
#about .en-list dl dt small{
	display: block;
	margin-bottom: 4px;
	font-size: 1rem;
}
#about .en-list dl dd{
	font-weight: 700;
}

@media screen and (max-width: 768px) {
	#about .en-list dl dt{
		margin:10px auto;
	}
	#about .en-list dl dt small{
		font-size: 0.9rem;
	}
}


/* -------------------------------------
03_園の特色
-------------------------------------*/
/* 園の特色
-------------------------------------*/
#feature .sec-tokusyoku .listC.lst-tokusyoku{
	padding: 40px;
	background: #fff;
}
#feature .sec-tokusyoku .listC.lst-tokusyoku .titC{
	margin-bottom: 30px;
}
#feature .sec-tokusyoku .listC.lst-tokusyoku .titC small::before,
#feature .sec-tokusyoku .listC.lst-tokusyoku .titC small::after{
	content: "■";
	padding: 0 4px;
	color: var(--color);
}
#feature .sec-tokusyoku .listC.lst-tokusyoku p strong{
	display: block;
	margin: 20px 0 10px;
	color: var(--color);
	font-size: 1.2em;
	font-weight: bold;
}
#feature .sec-tokusyoku .listC.lst-tokusyoku p:first-of-type strong:first-of-type{
	margin-top: 0;
}

/*table*/
#feature .sec-tokusyoku .listC.lst-tokusyoku .inner table,
#feature .sec-tokusyoku .listC.lst-tokusyoku .inner table th,
#feature .sec-tokusyoku .listC.lst-tokusyoku .inner table td{
	padding: 10px 4px;
	text-align: center;
	border: 1px solid #40220f;
}
#feature .sec-tokusyoku .listC.lst-tokusyoku .inner table{
	margin-top: 10px;
	font-size: 0.9em;
	background: #fff;
}
#feature .sec-tokusyoku .listC.lst-tokusyoku .inner table th{
	background: #f0eeec;
}
#feature .sec-tokusyoku .listC.lst-tokusyoku .inner table td em{
	display: block;
	font-size: 0.8em;
}

@media screen and (max-width: 768px) {
	#feature .sec-tokusyoku .listC.lst-tokusyoku{
		padding: 30px 5% 30px;
	}
	#feature .sec-tokusyoku .listC.lst-tokusyoku .titC,
	#feature .sec-tokusyoku .listC.lst-tokusyoku .titC small{
		margin-bottom: -15px;
	}
	#feature .sec-tokusyoku .listC.lst-tokusyoku .h-text-img,
	#feature .sec-tokusyoku .listC.lst-tokusyoku .h-text-img.left{
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-flow: column-reverse;
		flex-flow: column-reverse;
	}
}


/* -------------------------------------
04_園での過ごし方
-------------------------------------*/
/* 園での一日
-------------------------------------*/
@media screen and (max-width: 768px) {
	#schedule .sec-day .dl-boxB dd figure.frame{
		margin-bottom: 0;
		border-width: 5px;
	}
}

/* 季節ごとの園の様子
-------------------------------------*/
.season.one.line::before{
	background: #e93378;
}

/* 定期的な行事
-------------------------------------*/
.sec-event .tableB td img{
	width: 200px;
	margin-left: 50px;
}

@media screen and (max-width: 480px) {
	.sec-event .tableB td img{
		width: 200px;
		margin: 14px 0 0;
	}
}

/* 延長保育について
-------------------------------------*/
.sec-extend .tableB.th-pink th{
	font-weight: bold;
}
.t-caraprice table caption{
	text-align: center;
}
.t-caraprice table th{
	padding: 10px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.6;
	background: #ffefac;
}
.t-caraprice table tr:first-child th,
.t-caraprice table tr:first-child th:nth-child(2),
.t-caraprice table tr:first-child th:last-child{
	font-size: 1.0rem;
	background: #f0eeec;
}
.t-caraprice table tr:nth-child(2) th{
	width: 340px;
}
.t-caraprice table td p{
	font-size: 0.9rem;
	font-weight: normal;
	text-align: left;
}

@media screen and (max-width: 768px) {
	.t-caraprice table{
		min-width: 100%;
	}
	.t-caraprice table th{
		font-size: 1em;
	}
	.t-caraprice table tr:first-child th,
	.t-caraprice table tr:first-child th:nth-child(2),
	.t-caraprice table tr:first-child th:last-child{
		font-size: 0.9rem;
	}
	.t-caraprice table tr:nth-child(2) th{
		width: 120px;
	}
	.t-caraprice table td p{
		font-size: 0.85em;
	}
}


/* -------------------------------------
05_クラスの紹介
-------------------------------------*/
#classroom{
}


/* -------------------------------------
クラス紹介 listC
-------------------------------------*/
/*青*/
.listC.blu::before{
	background: #58bfff;
}
.listC.blu .titC,
.listC.blu a[href^="tel"]{
	color: #79ccff;
}
.listC.blu .tableB th{
	background: #79ccff;
}
.listC.blu .btn{
	background: #58bfff;
	border-color: #58bfff;
}.listC.blu .btn:hover{
	color: #58bfff;
	background: #fff;
}
.listC.blu .tableB th{
	background: #def2ff;
}

/*ピンク2*/
.listC.pk2::before{
	background: #ff8588;
}
.listC.pk2 .titC,
.listC.pk2 a[href^="tel"]{
	color: #ff686c;
}
.listC.pk2 .btn{
	background: #ff8588;
	border-color: #ff8588;
}.listC.pk2 .btn:hover{
	color: #ff8588;
	background: #fff;
}
.listC.pk2 .tableB th{
	background: #ffe7e7;
}


/* -------------------------------------
06_子育て支援
-------------------------------------*/
.listA li a[href^="tel"]{
    color: var(--color);
}


/* -------------------------------------
07_入園のご案内
-------------------------------------*/
#enroll .lead2 .btn{
	margin-bottom: 20px;
}

/* -------------------------------------
listD
-------------------------------------*/
.listD-wrap {
	padding: 50px;
	border-radius: 20px;
	position: relative;
}
.listD li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 20px 0;
	position: relative;
}
.listD li:not(:last-child){
	margin-bottom: 20px;
	border-bottom: 1px dotted #40220f;
}
.listD li:not(:last-child)::after {
	content: "▼";
	display: block;
	width: 100%;
	height: 1em;
	font-size: 20px;
	color: var(--color);
	line-height: 1.0;
	-webkit-transform: scale(2, 1);
	transform: scale(2, 1);
	text-align: center;
	position: absolute;
	left: 0;
	bottom: -20px;
}
.listD li .step {
	width: 100px;
	margin-right: 30px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: var(--color);
	border-radius: 50px;
}
.listD li .step span{
	display: inline-block;
	padding-left: 4px;
}

/*2・3号（保育園）*/
.listD-wrap:last-of-type .listD li:not(:last-child)::after {
	color: #f8da2d;
}
.listD-wrap:last-of-type .listD li .step {
	color: #40220f;
	background: #f8da2d;
}
.listD li dl {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.listD li dl dt {
	margin: 0 0 14px;
	font-size: 20px;
	font-weight: bold;
}
.listD li dl dd {
	font-size: 15px;
	line-height: 1.7;
}

@media screen and (max-width: 768px) {
	.box2C > .listD-wrap {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
		padding: 20px 6%;
	}
	.listD{
		margin-top: 10px;
	}
	.listD li {
		padding: 10px 0;
	}
	.listD li:not(:last-child)::after {
		font-size: 16px;
		bottom: -15px;
	}
	.listD li .step {
		width: 20%;
		min-width: 80px;
		margin-right: 6%;
		font-size: 0.95em;
	}
	.listD li dl dt {
		margin: 0 0 10px;
		font-size: 18px;
	}
	.listD li dl dd {
		font-size: 15px;
	}
}


/* -------------------------------------
ブログ詳細
-------------------------------------*/
.blog-detail{
	margin-right: auto;
	margin-left:auto;
/*	width: 800px;*/
}
.blog-detail em{
	display: inline-block;
	margin: 0 3px 0 0;
	padding: 1px 8px;
	background:var(--color);
	color: #fff;
/*	font-size: 12px;*/
}

.blog-detail time{
/*	font-size: 12px;*/
}
.blog-detail .free{
	position: relative;
	margin: 0 auto 30px;
	padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
	width:100%;              /*横幅いっぱいにwidthを指定*/
	height:0px;              /*高さはpaddingで指定するためheightは0に*/
}
.blog-detail .free iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*追加*/
.blog-detail .img-text figure{
	width: 100%;
}

@media screen and (max-width: 768px) {
	.blog-detail{
		width: 100%;
	}
}


/* -------------------------------------
採用詳細
-------------------------------------*/
.table th,
.table td{
	border: 1px solid var(--color);
}
.table th{
	background: var(--color);
	border-color:#fff;
}
.form_button input[type="submit"],
.form_button input.submit,
.form_button a{
	border: 1px solid var(--color) !important;
	background: var(--color) !important;
}
.form_button input[type="submit"]:hover,
.form_button input.submit:hover,
.form_button a:hover{
	border: 1px solid var(--color) !important;
	background: #fff !important;
	color: var(--color) !important;
}



/* -------------------------------------
top-槇塚幼稚園について
-------------------------------------*/
/*top-news-list*/
#top .sec-top-about .tableB {
	max-width: 740px;
	margin: 0 auto;
	padding: 40px 50px;
	background: rgba(255,255,255,0.9);
}
#top .sec-top-about .tableB th{
	background: none;
}

@media screen and (max-width: 768px) {
	/*top-news-list*/
	#top .sec-top-about .tableB {
		padding: 30px 20px;
	}
}


/* -------------------------------------
top-槇塚幼稚園の教育方針
-------------------------------------*/
#top .edc{
	margin-bottom: 70px;
}
#top .edc .inner h4{
	color: #6ba20a;
	font-weight: bold;
	font-size: 26px;
	border-bottom: 5px solid #ffff3b;
	margin-bottom: 35px;
	line-height: 0.8;
}
#top .edc .inner h4 span{
	color: #b3d982;
	font-weight: bold;
	font-size: 50px;
	margin-right: 40px;
}
#top .edc figure {
	min-width: 380px;
	height: auto;
	border-radius: 20px;
}
#top .edc .btn{
	max-width: 320px;
	margin: 30px 0 40px;
}

@media screen and (max-width: 768px){
	#top .edc{
		margin-bottom: 30px;
		padding-bottom: 50px;
		position: relative;
	}
	#top .edc .inner h4 {
		margin-bottom: 10px;
		font-size: 18px;
	}
	#top .edc figure {
		min-width: 100%;
	}
	#top .edc .btn {
		margin: 0;
		position: absolute;
		left: 50%;
		bottom: 0px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}


/* -------------------------------------
施設・設備の紹介
-------------------------------------*/
.sec-top-facility .bdr-pink{
	border-width: 8px;
	border-color: #d4e78e;
}

@media screen and (max-width: 768px) {
	.sec-top-facility .bdr-pink{
		border-width: 5px;
	}
}


/* -------------------------------------
地域の皆さまとの交流
-------------------------------------*/#top .sec-top-spend .btn-box:first-child
/*list-ex*/
.list-ex li{
	padding: 30px 0;
}
.list-ex li+li{
	border-top: 1px solid #9f9086;
}
.list-ex li figure{
	width: 260px;
	margin-right: 30px;
}
.list-ex li h4{
	color: #6ba20a;
}

@media screen and (max-width: 768px){
	/*list-ex*/
	.list-ex li{
		padding: 20px 0;
	}
	.list-ex li figure{
		width: 100%;
		margin: 0 auto 10px;
	}
	.list-ex li h4{
		margin-bottom: 10px;
	}
}

/* -------------------------------------
乳幼児保育
-------------------------------------*/
.sec-top-baby .listA.box2C dl dt{
	font-size: 18px;
	color: #6ba20a;
}
.sec-top-baby .listA.box2C dl dt::before,
.sec-top-baby .listA.box2C dl dt::after{
	display: none;
}