@charset "utf-8";


/*************************************************
	index専用
*************************************************/

/*----トップローディング ---------------------*/
#loader {position: fixed;z-index:900;top: 0;text-align: center;width: 100%;height: 100%;background: #fff;}
#load-text {position: absolute;font-size:11px;color: #666;text-align: center;width: 100%;top:40%;padding-top: 120px;height:60px;display: block;
						background:url(../img/loading.png) no-repeat center top,url(../js/loading.svg) no-repeat center bottom 5px;}


/*TOPページ上部の背景big画像-------------*/
.headerimgs-wrapper{position: relative;z-index: 20;margin-top: 115px;}




/*/////////////　お知らせTOP　////////////////*/
.section.news{padding: 80px 0 80px 0;}

dl.news-dl{}
dl.news-dl > dt{float: left;width: 28%;}
dl.news-dl dt .news{max-width: 277px;margin: 10px auto 0 auto;}
dl.news-dl dt .news-title{text-align: center;margin-top: 25px;font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 400;font-size: 160%;letter-spacing: 0.4em;line-height: 1;}
dl.news-dl dt .ichiran{margin: 80px auto 0 auto;max-width: 174px;}
dl.news-dl dt .ichiran a{display: block;border: 1px solid #5cb6c9;text-align: center;text-decoration: none;line-height: 1;padding: 9px 3px 9px 0;font-size: 93%;color: #0099bb;transition: 0.5s;}
dl.news-dl dt .ichiran a:hover{background-color:#eef7ff;padding: 9px 0 9px 2px;}

dl.news-dl > dd{float: right;width: 70%;}
dl.news-dl dd .news-box{}
dl.news-dl dd .news-box-inner{max-height: 300px;overflow: auto;scrollbar-base-color: #ffffff;scrollbar-face-color: #dfdfdf;scrollbar-highlight-color: #ffffff;scrollbar-shadow-color: #ffffff;scrollbar-3dlight-color: #ffffff;scrollbar-arrow-color: #999999;scrollbar-track-color: #ffffff;scrollbar-darkshadow-color: #ffffff;}

dl.news-dl dd dl.news-box-dl{letter-spacing:0;border-bottom:1px solid #e1e1e1;}
dl.news-dl dd dl.news-box-dl dt{float:left;width:100px;color:#299fd0;font-size:89%;margin-top: 15px;}
dl.news-dl dd dl.news-box-dl dd{padding:0 0 0 130px;}
dl.news-dl dd dl.news-box-dl dd img{max-width: max-content;margin: 0 0 3px 7px;}
dl.news-dl dd dl.news-box-dl dd a{font-size:96%;line-height: 1.5;padding: 15px 0;display: block;color:#333;text-decoration: none;transition: 0.8s;}
dl.news-dl dd dl.news-box-dl dd a:hover{color:#299fd0;text-decoration: underline;padding:15px 0 15px 7px;}

.bunrui{font-size: 12px;border: 1px solid #97cdd9;display: table;min-width: 225px;text-align: center;letter-spacing: 0.05em;background-color: #e8f4f787;margin: 17px 0 -9px 0;color: #666;}


/*pdfを開くリンクにはアイコンを付ける*/
dl.news-dl dd dl.news-box-dl dd a[href$=".pdf"]::before{content: "";position: relative;display: inline-block;vertical-align: middle;width: 1.6em;height: 1.2em;margin: 0 0 0 -5px;background: url(../img/pdf.png) no-repeat left top /23px;}
dl.news-dl dd dl.news-box-dl dd a:hover[href$=".pdf"]::before{}



/* ************ お知らせ一覧 *************** */
.index-box {display:inline-block; position:relative; width:32.5%; padding:1em; vertical-align:top; letter-spacing:normal; box-sizing:border-box; text-align:left; text-decoration:none !important; overflow:hidden;margin-bottom: 15px;}
.index-box a {display:block; text-decoration:none; padding:0; }
.index-box .photo {width:100%;height:0;padding-top:66.6%;background:url(../img/news_default_img.png) no-repeat center center;background-size:contain;}
.index-box .txt {position:relative; margin:0;color:#333; box-sizing:border-box; line-height:1.3;font-size: 95%;}
.index-box .txt img{margin: 0 0 3px 5px;}

.index-box:hover { text-decoration:none; opacity:1;background: rgba(200,200,200,0.1);}
.index-box.no_link:hover { background:#fff; }
.index-box .date {  font-size:0.8em; border-radius:25px;  padding: 6px 0 4px 0;color: #0099bc;}
.index-box p { margin:0; }
.index-box p.bunrui{margin: 0 0 5px 0;}


/* ************ お知らせ 詳細記事 *************** */
.single-news.contents{position: relative;width: 100%;padding: 4.5% 5%;margin: auto;box-sizing: border-box;font-size: 95%;}

/*画像拡大のfancybox3のツール位置をcolorboxのcloseボタンのために移動*/
.fancybox-toolbar {right: unset !important;}

.single-title{margin: 0 auto 25px 0;background: url(../img/news_bar.png) repeat-x left bottom;padding: 0 50px 23px 0;display: block;text-align: left;font-size: 130%;font-weight: 600;background-size: 15px;line-height: 1.2;color: #0099bc;}
.single-title img{max-width: max-content;margin: 0 0 5px 10px;}

.single-title .bunrui {margin: 1px 0 10px 0;padding: 2px 0;}
#cboxTitle {display: none !important;}

.news-close{text-align: center;  margin-top:15px;letter-spacing: 0;}



.news-single-main{margin: 10px 5% 0 3%;}

.whatsnew-com1{line-height:2;padding-bottom:10px;font-size: 93%;}

.news-single-bigimg{display:table;width:auto;margin:20px auto 0 auto;font-size:72%;color:#666;line-height:1.2;}
.news-single-bigimg img{padding-bottom:3px;}

ul.news-single-yokoimg{text-align: center;margin:20px auto 0 auto !important;display:table;}
ul.news-single-yokoimg li{display: inline-table;width:100px;text-align:left;margin: 15px 8px 0 8px;vertical-align: top;font-size:72% !important;color:#666;line-height:1.2;}
ul.news-single-yokoimg li img{max-width:400px !important;max-height:400px;height: 100% !important;padding-bottom:3px;}

.whatsnew-com2{padding:20px 0 10px 0;line-height:2;font-size: 93%;}

.whatsnew-temp{font-size:95%;line-height: 1.1;background:url(../img/pdf.png) no-repeat 0px 0px;padding:2px 0 3px 30px;color:#000;margin-top:10px;}
.whatsnew-temp a{text-decoration:underline;}

/*ページ下部の表示用*/
.pagescroll{font-size:79%;margin: 15px 0px 0 0px;text-align: center;}
.pagescroll br{display:none;}


/*and more     使っていない
.ajaxLoad{max-width:260px;height:38px;margin: 30px auto 0 auto;}
.ajaxLoad img{margin:0 auto 0 auto;}
.ajaxLoad a{font-size:17px;line-height:38px;text-align:center;background:#18394a url(../img/arrow_whitedown8-6.png) no-repeat left 12px center;padding: 0 0 0 12px;color:#fff;text-decoration:none;display:block;transition: 0.6s ease-in-out;}
.ajaxLoad a:hover{background-color:#128fc5;color:#fff;}
*/
/*and moreは、naka-kuwashiiを使った。
.ajaxLoad.naka-kuwashii {margin-top: 30px;}*/



/*次の記事へ→     使っていない 
.navigation{position:relative;text-align: center;padding: 8px 15px 8px 15px;max-width:460px;margin:30px auto 0 auto;}
.navigation a{font-size:93%;color:#333;line-height:16px;height:20px;}
.navigation a:hover,
.navigation a:focus{color:#FF9900;}
.navigation .ichiran {position:absolute;width: 100px;margin: 0 auto 0 auto;right: 0;left: 0;}
.navigation .alignleft {float: left;margin:0;}
.navigation .alignright {float: right;margin:0;}
*/





/*/////////////　施設のご案内　////////////////*/
.section.indexshisetu{padding: 90px 0 45px 0;}
.section.indexshisetu .container{max-width:1270px;}

			
ul.index-shisetu-ul{}
ul.index-shisetu-ul li{position:relative;display:inline-block;vertical-align:top;width:29.5%;margin:0 1% 55px 2%;overflow: hidden;}
ul.index-shisetu-ul li > a{display:block;height: 0;padding-bottom: 83%;}
ul.index-shisetu-ul li a img {transition: 1s;}
ul.index-shisetu-ul li a:hover img {transform: scale(1.08);}
ul.index-shisetu-ul li a span{width: 250px;height: 70px;position: relative;z-index: 2;margin-top: -25px;text-indent: -8989px;display: block;overflow: hidden;background-size: auto 50px , auto 70px !important;transition: 1s;-webkit-optimize-contrast; /*背景画像のボケ防止*/}
ul.index-shisetu-ul li a:hover span{margin-top: -32px;}

ul.index-shisetu-ul li.hakuai a span		{background: url(../img/rogo_hakuai.png) no-repeat left 20px center , 	url(../img/index_shisetu_bg.png) no-repeat right top;}
ul.index-shisetu-ul li.yawaragi a span	{background: url(../img/rogo_yawaragi.png) no-repeat left 20px center ,	 url(../img/index_shisetu_bg.png) no-repeat right top;}
ul.index-shisetu-ul li.kodomo a span		{background: url(../img/rogo_kodomo.png) no-repeat left 20px center ,		 url(../img/index_shisetu_bg.png) no-repeat right top;}
ul.index-shisetu-ul li.fukuyone a span	{background: url(../img/rogo_fukuyone.png) no-repeat left 20px center , 	url(../img/index_shisetu_bg.png) no-repeat right top;width: 300px;}
ul.index-shisetu-ul li.grouphomeh a span{background: url(../img/rogo_grouphomeh.png) no-repeat left 20px center , url(../img/index_shisetu_bg.png) no-repeat right top;}
ul.index-shisetu-ul li.yasugi a span		{background: url(../img/rogo_yasugi.png) no-repeat left 20px center ,		 url(../img/index_shisetu_bg.png) no-repeat right top;}

ul.index-shisetu-ul li.hakuai .recruit-iconbtn{margin:10px 0 0 23px;}
.recruit-iconbtn{margin:10px 0 0 21px;}
.recruit-iconbtn a{background: url(../img/recruit_icon.png) no-repeat left top;background-size:21px;color:#0099b8;text-decoration: none;padding-left: 26px;font-size: 95%;}
.recruit-iconbtn a:hover{color:#0099b8;opacity:0.6;text-decoration:underline;}





/*/////////////　理事長ごあいさつ　////////////////*/
h2.riji{letter-spacing:0.3em;}

.riji-ph-box{max-width:1040px;width:100%;height:380px;background:url(../img/riji_ishibashi.jpg) no-repeat right top;padding:90px 460px 0 70px;margin: 0 auto;}

.riji-ph-box .midashi{font-size:117%;line-height:1.8;color:#0099bb;font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 500;padding-bottom:45px;border-bottom:1px solid #0099bc;}
.riji-ph-box .name{text-align:center;font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 400;color: #555;font-size: 93%;letter-spacing: 0.1em;line-height: 1.7;margin-top: 30px;}
.riji-ph-box .name big{font-size:145%;}

.riji-com{max-width: 970px;margin:35px auto 0 auto;line-height:2.2;font-size: 96%;}
.riji-com p{display: block;}
.riji-com ol{margin:25px 0 0 25px}
.riji-com ol p{font-size: 98%;margin-left: -25px;}