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

/** ================================================================================
		レスポンシブ　ベース
		sp (max-width: 768px)
================================================================================
★font-size:マイナス0.3rem;
================================================================================ **/
@media screen and (max-width: 768px) {

	body{
		font-size: 14px;
	}

	section{
		margin: auto;
		padding: 0 0 50px;
		width: 90%;
	}
	/*固定ヘッダーの調整*/
	section:before,
	.boxlist-1:before{
		content: "";
		display: block;
		height: 15vw;
		margin-top: -15vw;
		vertical-align: top;
	}
	section .boxlist-1:before{
		display: none;
	}
	.wrap{
		margin: auto;
		width: 100%;
	}
	br.sp{
		display: none;
	}br.pc{
		display: inline-block;
	}
	/**調整**/
	.spc01{
		display: inline;
		height: 0;
	}

	/* -------------------------------------
	ページタイトル
	-------------------------------------*/
	.title .slide{
		height: 25vw;
	}
	.title .slide:after{
		height: 25vw;
	}
	.title .slide:before{
		top: 20px;
		right: 5%;
		width: 15vw;
		height: 17vw;
	}
	.title h1 strong{
		padding: 8px 25px;
		font-size: 5vw;
	}
	.title h1{
		margin-top: -8vw;
		margin-left: 15%;
		padding: 5vw 0 0;
	}

	/* -------------------------------------
	タイトル
	-------------------------------------*/
	.titA{
		font-size: 1.5rem;
	}
	.wrap .titA,
	.wrap .titB,
	.wrap .btnA{
		margin-right:5%;
		margin-left:5%;
		width: 90%;
	}

	.titC{
		font-size: 1.45rem;
	}

	/* -------------------------------------
	ボタン
	-------------------------------------*/
	.btnA{
		width: 100%;
	}

	/* -------------------------------------
	テーブル
	-------------------------------------*/
	.table,
	.formTable{
		display: block;
		width: 100%;
	}
	.table tbody,
	.table tr,
	.table th,
	.table td,
	.formTable tbody,
	.formTable tr,
	.formTable th,
	.formTable td{
		width: 100%;
		display: block;
	}
	.table th,
	.table td,
	.formTable th,
	.formTable td{
		padding: 20px 5%;
	}

	/* -------------------------------------
	リストボックス1
	-------------------------------------*/
	#top .boxlist-1{
		margin-top: 20px;
	}
	#top .boxlist-1 li{
		margin-top: 0;
	}
	.boxlist-1 li:before{
		display: none;
	}
	/**小**/
	.boxlist-1 .list{
		position: relative;
		margin: 0;
		width: 100%;
	}
	.boxlist-1 .list dt{
		margin: 0;
		padding: 15px 5%;
		min-height: auto;
		text-align: center;
		font-size: 1.2rem;
	}
	.boxlist-1 .list dt strong{
		font-size: 1.5rem;
	}
	/**左小**/
	.boxlist-1 .boxlist-info{
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
	}
	.boxlist-1 .boxlist-info a[href="tel:"],
	.boxlist-1 .boxlist-info .add{
		padding: 0 5%;
	}
	.boxlist-1 .boxlist-info h4{
		margin: 10px 5% 0;
	}.boxlist-1 .boxlist-info h4+p{
		margin: -1px 5% 10px;
	}
	/**右小**/
	.boxlist-1 .boxlist-staff{
		display: block;
		margin: 30px 5% 0;
	}
	.boxlist-1 .boxlist-staff div{
		width: 100%;
	}
	.boxlist-1 .boxlist-staff figure{
		overflow: hidden;
		width: 100%;
		height: 60vw;
	}
	.boxlist-1 .boxlist-info .btnA{
		width: 90%;
	}
	/**右小画像なし**/
	.boxlist-1 .no-photo .boxlist-staff{
		display: flex;
		margin: 30px 5% 0;
	}
	/**大**/
	.boxlist-1 .main{
		margin: 0 auto;
		width: 100%;
	}
	.boxlist-1 .main dt{
		margin: 0 auto 50px;
		width: 100%;
	}
	.boxlist-1 .main dt figure{
		margin: 0 auto;
	}
	.boxlist-1 .main dt h2{
		padding: 10px 0;
		font-size: 1.2rem;
	}
	.boxlist-1 .main dt P{
		margin: 15px auto;
		width: 90%;
	}
	/**左大**/
	.boxlist-1 .main .boxlist-info{
		float: none;
	}

	/**右大**/
	.boxlist-1 .boxlist-admin{
		display: block;
		margin: 30px 0 0 0;
	}.boxlist-1 .boxlist-admin h4{
		padding: 0 5%;
	}
	.boxlist-1 .boxlist-admin b{
		display: block;
		margin: 0 auto;
		text-align: center;
		font-weight: normal;
		font-size: 1.2rem;
	}
	.boxlist-1 .boxlist-admin b i{
		font-size: 0.8em;
	}
	.boxlist-1 .boxlist-admin div{
		width: 100%;
	}
	.boxlist-1 .boxlist-admin figure{
		position: relative;
		overflow: hidden;
		margin: auto;
		width: 90%;
		height: 60vw;
	}
	.boxlist-1 .boxlist-admin p{
		margin: 0 auto 15px;
		width: 90%;
	}
	/**右大テキストなし**/
	.boxlist-1 .boxlist-admin div.no-text{
		width: 90%;
		margin: 0 auto;
	}
	/**スタッフ写真**/
	.boxlist-1 .fujimoto img{
		top:-50px;
		right: 0;
		width: 150%;
		height: auto;
	}.boxlist-1 .futamata2 img{
		top: -60px;
		left: 0;
		width: 100%;
		height: auto;
	}.boxlist-1 .futamata img{
		top: -30px;
		left: 0;
		width: 150%;
		height: auto;
	}.boxlist-1 .nisiue img{
		top: -30px;
		right: 0;
		width: 130%;
		height: auto;
	}.boxlist-1 .takeda img{
		top: -80px;
		left: 0;
		width: 100%;
		height: auto;
	}.boxlist-1 .sakamoto img{
		top: -100px;
		left: 0;
		width: 100%;
		height: auto;
	}.boxlist-1 .nisino img{
    right: 0;
    width: 110%;
    height: auto;
	}
	.boxlist-1 .ito img{
		top: -20px;
		right: 0;
		width: 130%;
		height: auto;
	}.boxlist-1 .kuribayasi img{
		top: -20px;
		right: auto;
		left: -10%;
		width: 120%;
		height: auto;
	}.boxlist-1 .sugimae img{
		top: -50px;
		right: 0;
		width: 130%;
		height: auto;
	}.boxlist-1 .hayasi img{
		top: 0;
    right: 0;
    width: auto;
    height: 100%;
	}.boxlist-1 .maeda img{
		top: -80px;
		right: 0;
		width: 100%;
		height: auto;
	}
	.boxlist-1 .iwaki img{
		top: -80px;
    right: -80px;
    width: auto;
    height: 150%;
	}

	/**fac01**/
	.boxlist-1 .fac01 .list dt,
	.boxlist-1 .fac01 .main dt h2{
		background: #455171;
	}
	/**fac02**/
	.boxlist-1 .fac02 .list dt,
	.boxlist-1 .fac02 .main dt h2{
		background: #714053;
	}
	/**fac03**/
	.boxlist-1 .fac03 .list dt,
	.boxlist-1 .fac03 .main dt h2{
		background: #3b714c;
	}
	/**fac04**/
	.boxlist-1 .fac04 .list dt,
	.boxlist-1 .fac04 .main dt h2{
		background: #715d2c;
	}
	/**fac05**/
	.boxlist-1 .fac05 .list dt,
	.boxlist-1 .fac05 .main dt h2{
		background: #7d869c;
	}
	/**fac06**/
	.boxlist-1 .fac06 .list dt,
	.boxlist-1 .fac06 .main dt h2{
		background: #8cac96;
	}
	

	/* -------------------------------------
	リストボックス
	-------------------------------------*/
	.boxlist-2 li{
		width: 100%;
	}
	.boxlist-2 li:last-child{
		margin: 0 auto;
	}
	.boxlist-2 h4{
		display: block;
		min-height: auto;
		width: auto;
		height: auto;
	}
	.boxlist-2 h4 strong{
		font-size: 1.5rem;
	}

/** ================================================================================
		01.TOP
================================================================================ **/
	#top .hero{
		margin: 0 auto 50px;
	}
	#top .hero .slide{
		height: 50vw;
	}
	#top .hero h1{
		margin-top: -20px;
		margin-left: 15%;
		padding: 10px;
		font-size: 5vw;
	}
	#top .hero p{
		margin: 20px 5% 0;
	}
	#top .hero figure{
		position: relative;
		bottom: auto;
		left: auto;
		margin: 15px 0;
		width: 100%;
	}
	#top .hero .oshirase{
		top: 28vw;
		width: 90%;
		padding: 5px;
		font-size: 16px;
	}
/* -------------------------------------
希望会
-------------------------------------*/
	#top .facility h2{
		margin: 0 0 50px;
		font-size: 1.2rem;
	}

/* -------------------------------------
お約束
-------------------------------------*/
	#top .promise ol{
		display: block;
		width: 100%;
	}
	#top .promise ol li{
		padding: 30px 5%;
		width: 100%;
	}
	#top .promise ol li h2{
	font-size: 1.2rem;
	}
	#top .promise ol li figure{
		width: 49vw;
		height: 49vw;
	}
/* -------------------------------------
あいさつ
-------------------------------------*/
	#top .greeting figure{
		position: relative;
		width: 100%;
	}
	#top .greeting h3{
		margin: 0;
		font-size: 1.2rem;
	}
	#top .greeting p{
		margin: 15px 0;
	}
	#top .greeting p strong{
		font-size: 1.2em;
	}
/* -------------------------------------
問い合わせ
-------------------------------------*/
	.inq{
	}
	.inq .inqbox{
		padding: 0;
		background-size: 100%;
	}
	.inq .titA{
		text-align: left;
	}
	.inq .p{
		margin: 0 5% 30px 5%;
		width: 90%;
	}
	.inq dl{
		margin-top: 60vw;
		margin-left: 0;
	}
	.inq dl dt{
		font-size: 1.2rem;
	}
	.inq dl dt:before{
		margin-left: 0;
	}
	/* -------------------------------------
	ご案内
	-------------------------------------*/
	#top .info{
		padding-bottom: 50px;
	}
	#top .info .lead{
		width: 90%;
	}
	/* -------------------------------------
	働く
	-------------------------------------*/
	#top .recruit{
		padding-bottom: 0;
	}
	#top .recruit li:nth-child(1){
		background: #ebf2f5 url(/common/images/top_img_08.jpg) no-repeat right 15em;
		background-size: 100%;
	}
	#top .recruit li:nth-child(2){
		padding-left:5%;
		background: #ffffff url(/common/images/top_img_09.jpg) no-repeat left 11em;
		background-size: 100%;
	}
	#top .recruit li{
		margin: 0 auto;
		padding:50px 5%;
	}
	#top .recruit li h2{
		font-size: 1.5rem;
	}
	#top .recruit li p{
		margin: 0 0 65vw;
	}
	#top .recruit li .btnA{
		margin-left: auto;
		width: 100%;
	}


	/* -------------------------------------
	お知らせ
	-------------------------------------*/
	.news ul{
		margin: 15px 0 40px;
		width: 100%;
	}
	.news ul li{
		padding: 15px 0;
	}
	.news time{
		color: #1a7fcb;
	}
	.news em{
		display: block;
		margin:10px 0;
		padding: 5px 15px;
		border-radius: 50px;
		color: #ffffff;
		font-size: 0.8rem;
	}
	.news p{
		margin:10px 0;
	}

	/* -------------------------------------
	バナー
	-------------------------------------*/
		/**あまつばめ**/
	#top .kodomoshokudou{
		padding: 20px 5% 60vw;
		background: #f5f6e2 url(/common/images/img_07.jpg) no-repeat left bottom;
		background-size: 100%;
	}
	#top .kodomoshokudou p{
		margin: 15px 0;
	}
	#top .kodomoshokudou h2,
	#top .kodomoshokudou h3{
		margin-left: 0;
	}
		/**保育園**/
	#top .hoikuen{
		padding: 20px 5% 60vw;
		background: #ebf2fa url(/common/images/img_08.jpg) no-repeat left bottom;
		background-size: 100%;
	}
	#top .hoikuen p{
		margin: 15px 0;
	}
	#top .hoikuen h2,
	#top .hoikuen h3{
		margin-left: 0;
	}

/** ================================================================================
		01.concept
================================================================================ **/
	/* -------------------------------------
	あいさつ
	-------------------------------------*/
	#concept .comment{
		position: relative;
		min-height: auto;
	}
	#concept .comment .fig{
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		text-align: center;
	}
	#concept .comment figure{
		width: 100%;
		height: 60vw;
	}
	#concept .comment figure img{
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		height: auto;
	}
	#concept .comment h3{
		margin: 0 0 30px 0;
	}
	#concept .comment p{
		margin: 0 0 30px 0;
	}
	/**スタッフ写真**/
	#concept .comment .chief img{
		top: auto;
		right: auto;
	}#concept .comment .yamasita img{
		top: -80px;
		left: auto;
		height: auto;
	}#concept .comment .ue img{
		top: -60px;
		right: 0;
		position: absolute;
		width: 150%;
	}#concept .comment .takatori img{
		right: auto;
	}
	/* -------------------------------------
	理念
	-------------------------------------*/
	#concept .idea dl{
		display: block;
		padding: 15px;
		width: 100%;
		text-align: center;
	}
	#concept .idea dl dd{
		margin: 0;
	}
	#concept .idea dl dd p{
		width: auto;
		text-align: left;
	}
	/* -------------------------------------
	スタッフ
	-------------------------------------*/
	#concept .staff .btnA{
		width: 100%;
	}
	/** ================================================================================
			03.施設
	================================================================================ **/
	.facmenu{
		display: block;
		margin: 0 auto;
		width: 90%;
	}
	.facmenu .btnA{
		width: 100%;
	}
	/* -------------------------------------
	施設ご案内
	-------------------------------------*/
	.facinfo{
		margin: 50px auto 100px;
		padding: 50px 5%;
		width: 100%;
	}
	.facpict{
		padding: 30px 5%;
		width: 100%;
	}
	.facinfo ul,
	.facpict ul{
		display: block;
	}
	.facinfo ul li,
	.facpict ul li,
	.facpict ul li:last-child,
	.facpict ul li:nth-last-child(2){
		margin: 0 0 30px;
		width: 100%;
	}
	.facinfo .w100{
		margin-top:0;
	}
	.facinfo .floormap figcaption{
		width: 100px;
		padding: 3px 0;
		font-size: 1.0rem;
	}
	/* -------------------------------------
	施設スタッフ
	-------------------------------------*/
	.facstaff .comment{
		position: relative;
		min-height: auto;
	}
	.facstaff .comment .fig{
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		text-align: center;
	}
	.facstaff .comment figure{
		width: 100%;
		height: 60vw;
	}
	.facstaff .comment figure img{
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		height: auto;
	}
	.facstaff .comment h3{
		margin: 0 0 30px 0;
	}
	.facstaff .comment p{
		margin: 0 0 30px 0;
	}
	/**スタッフ写真**/
.facstaff .comment .yamasita img{
	top: -100px;
	left: auto;
	height: auto;
}.facstaff .comment .fukui img{
	top: -80px;
	left: auto;
	height: auto;
}.facstaff .comment .futamata2 img{
	top: auto;
	left: auto;
}.facstaff .comment .ue img{
	top: auto;
	right: auto;
}.facstaff .comment .azuma img{
	top: auto;
	right: auto;
}.facstaff .comment .mens img{
	top: auto;
	right: auto;
}.facstaff .comment .takatori img{
	top: auto;
	left: auto;
}.facstaff .comment .maya img{
	top: auto;
	left: auto;
}.facstaff .comment .mae img{
	top: -100px;
	left: auto;
}.facstaff .comment .murata img{
	top: auto;
	right: auto;
	height: auto;
}.facstaff .comment .kitano img{
	top: auto;
	right: auto;
	height: auto;
}.facstaff .comment .izumi img{
	top: auto;
	left: auto;
}.facstaff .comment .sugimoto img{
	top: -80px;
	left: auto;
}.facstaff .comment .hirata img{
	top: -80px;
	left: auto;
}.facstaff .comment .mabuti img{
	top: -60px;
	left: auto;
	height: auto;
}
	/* -------------------------------------
地図アクセス
-------------------------------------*/
	.facmap dl{
		display: block;
		margin: 0 0 30px;
	}
	.facmap dl dt,
	.facmap dl img,
	.facmap iframe{
		width: 100%;
	}

	/** ================================================================================
			04.法人概要
	================================================================================ **/
	#outline .enkaku{
		display: block;
	}
	#outline .enkaku span{
		display: block;
		width: 100%;
		margin: 10px 0 5px;
	}#outline .enkaku p{
		width: 100%;
		padding: 0 0 10px;
		border-bottom: 1px dotted #959cae;
	}
	#outline .yakuin span{
		width: 30%;
	}
	#outline .yakuin p{
		width: 70%;
	}
	#outline .enkaku p:last-child{
		border: none;
	}
/** ================================================================================
		05.プライバシーポリシー
================================================================================ **/

	#privacy section{
		width: 90%;
		margin: 0 auto;
	}
	#privacy address{
		padding: 30px 30px 0;
	}
	#privacy address ul li{
		width: 100%;
	}

/** ================================================================================
		06.お問い合わせ
================================================================================ **/
	#inquiry .lead{
		margin: 0 5% 50px;
	}

	#inquiry .tel{
		width: 90%;
	}
	#inquiry .tel a{
		width: 100%;
	}
	#inquiry .table th{
		width: 100%;
	}
	#inquiry .table ul li{
		width: 100%;
	}
	#inquiry .table i{
		margin: 0 0 15px;
	}
	#inquiry .table i:before{
		content: "▲";
	}
	#inquiry textarea{
		padding: 5px;
		width: 100%;
		font-size: 1rem;
		margin: 0 0 15px;
	}
	#inquiry .protect{
		width: 90%;
	}

	#inquiry #zip + .wpcf7-not-valid-tip{
		margin: 0;
	}
	/** ================================================================================
			07.採用情報
	================================================================================ **/
	#recruit .renraku{
		width: 100%;
	}
	#recruit .amatubame .renraku img{
		width: 70%;
	}
	#recruit .btninq span a{
		font-size: 1.7rem;
	}
	#recruit .btninq ul{
		display: block;
	}
	#recruit .btninq .fac01,
	#recruit .btninq .fac02,
	#recruit .btninq .fac03{
		width: 100%;
		display: inline-block;
		color: #ffffff;
		padding: 15px;
		margin: 5px 0;
	}

	/** ================================================================================
			08.CMS
	================================================================================ **/
	.kiboukaientry .post{
		width: 100%;
	}
	.kiboukaientry img{
		max-width: 100%;
		max-height: auto;
	}

	/* -------------------------------------
	 カレンダー
	-------------------------------------*/
	.calcat{
		padding: 10px 0;
		margin: 0 0 50px;
		text-align: center;
		color: #FFFFFF;
		font-size: 1.35rem;
	}
	.calcat strong{
		font-size: 1.2em;
	}
	.kiboukaical{
		width: 90%;
		margin: 0 auto;
	}
	.kiboukaical p{
		text-align: left;
	}
	/**カレンダー一覧**/
	.calmonth address a{
		width: 100%;
	}
	.calmonth address a b{
		font-size: 1.25em;
	}
	
	
	/** ================================================================================
	保育園
	================================================================================ **/
	#nurseryschool section.ns ul{
		width: 100%;
		flex-direction: column;
	}
	#nurseryschool li.textns{
		width: 100%;
	}
	#nurseryschool li.figurens img{
		width: 100%;
		margin-top: 10px;
	}
	#nurseryschool .tit h1,
	#nurseryschool footer h2{
		display: block;
	}
	#nurseryschool section.ns{
/*		padding: 0;*/
	}
	
	#nurseryschool footer .sp-ns{
		display: block;
	}
	#nurseryschool .tit{
		margin: 10px auto;
	}
	#nurseryschool .main{
		background-size: cover;
		height: 50vw;
	}
	#nurseryschool .tit p{
		background-image: none;
		height: 100%;
		background-color: #65a9dc;
		padding: 5px 0;
	}
	#nurseryschool .tit h1{
		font-size: 26px;
	}
	#nurseryschool .tit h1 span{
		font-size: 32px;
		margin-left: 0px;
	}
	#nurseryschool .sp-ns{
		display: block;
	}
	#nurseryschool .titA{
		font-size: 28px;
		margin: 20px 0 40px;
	}
	
	#nurseryschool .news .titA{
		margin: 0;
	}
	
	#nurseryschool .lh2:after{
		top: 35%;
	}
	
	
	
	
/*	保育理念と目標*/
	#nurseryschool .promise ol{
		margin: 20px auto 0;
		width: 100%;
		flex-direction: column;
	}
	#nurseryschool .promise ol li{
		width: 100%;
	}
	#nurseryschool .featureimg{
		height: 30vw;
		margin: 30px 0 0 0;
	}
	
/*	保育園の特徴*/
	#nurseryschool .tit1{
		width: 100%;
	}
	#nurseryschool .feature dl{
		margin-top: 20px;
	}
	#nurseryschool .feature dl div{
		width: 100%;
		margin: 0;
	}
	#nurseryschool .feature dl dd{
		width: 90%;
		padding: 15px 20px;
		transform: translateX(5%) translateY(-50px) rotate(0deg);
	}
	#nurseryschool .feature dl div text{
		text-align: center;
		margin-top: -30px;
	}
/*	施設紹介*/
	#nurseryschool .introductionimg{
		height: 30vw;
		margin: 30px 0 0 0;
	}
	#nurseryschool .introduction ul{
		margin-top: 20px;
		flex-direction: column;
	}
	#nurseryschool .introduction ul li{
		width: 100%;
	}
/*	職員メッセージ*/
	#nurseryschool .messageimg{
		height: 30vw;
		margin: 0;
	}
	#nurseryschool .message div.message2{
		width: 100%;
	}
/*	入園のご案内*/
	#nurseryschool .admissionimg{
		height: 30vw;
		margin: 30px 0 0 0;
	}
	#nurseryschool .admission div.adac, #nurseryschool .tour div.adac{
		margin: 30px 0;
	}
	#nurseryschool .admission .pdficon{
		flex-direction: column;
		align-items: center;
	}
	#nurseryschool .admission .pdficon li{
		margin: 2px 0;
	}
	#nurseryschool .admission ul{
		width: 100%;
	}
	#nurseryschool .admission .sickchild{
		flex-direction: column;
		padding: 15px;
	}
	#nurseryschool .admission dl{
		width: 100%;
	}
	#nurseryschool .admission .sickchild figure img{
		width: 100%;
		margin-top: 10px;
	}
	#nurseryschool .admission dl dt{
		font-size: 22px;
	}
	#nurseryschool .admission dl dd h4{
		padding: 3px;
	}
	#nurseryschool .admission dl dd p{
		margin-bottom: 5px;
	}
	#nurseryschool .admission dl dd text{
		margin-top: 5px;
	}
/*	地図*/
	#nurseryschool .facmap dd img{
		width: 100%;
	}
	#nurseryschool #map{
		margin-top: -30px;
		padding-top: 30px;
	}
/*	見学受付中*/
	#nurseryschool .tourimg{
		height: 30vw;
		margin: 30px 0 0 0;
	}
	#nurseryschool .admission p, #nurseryschool .tour p{
		font-size: 22px;
	}
/*	ダウンロード*/
	#nurseryschool .downl ul{
		border-top: 1px dotted #828282;
		flex-direction: column;
	}
	#nurseryschool .downl ul li.brtop{
		border-top: none;
	}
	#nurseryschool .downl ul li{
		width: 100%;
	}
}