@charset "utf-8";

/*//////////// 基本サイズ14px  ////////////
表示サイズ　指定する値
10px　72%
11px　79%
12px　86%
13px　93%
14px　100%
15px　108%
16px　115%
17px　122%
18px　129%
19px　136%
20px　143%
21px　150%
22px　158%
23px　165%
24px　172%
25px　179%
26px　186%
27px　193%
28px　200%
29px　208%
30px　215%
31px　222%
32px　229%
33px　236%
34px　243%
35px　250%
36px　258%
//////////////////////////////*/

/*************************************************
			default
*************************************************/
body {margin: 0px;padding: 0px;font-size:15px;color:#000;position: relative;height: 100%;background-color:#fff;
			-webkit-text-size-adjust: none; /*iphoneの文字サイズの自動調整解除*/
			-webkit-font-smoothing: antialiased; /*OSXでのフォントのレンダリング方法を調整*/
			/*font-feature-settings : "palt";	fontの自動カーニング*/
			/*Macでは普通の游ゴシックが適用され、Windowsでは「 游ゴシック Medium」になる*/
			font-weight:500;font-style: normal;
			font-family: Roboto, "メイリオ" , Meiryo , "Meiryo UI" , Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3" , "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
			-webkit-font-feature-settings: 'palt' 1;	/*fontの自動カーニング*/
			font-feature-settings: 'palt' 1;}


@media all and (-ms-high-contrast:none) {
body{font-family: "メイリオ", Meiryo, sans-serif !important;}		/*IE11でline-heightがずれるための処置*/
}


.minfont{font-family:'Noto Serif JP', serif;font-weight:400;}
.minfont500{font-family:'Noto Serif JP', serif;font-weight:500;}
/*
.minfont{font-family:"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝 Medium", "Yu Mincho Medium", "游明朝体" , "YuMincho" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
*/


/*Google Fonts をWeb Font Loadeスクリプトで非同期で読み込む--Noto Serif JPの、レギュラー400、Medium 500*/
/*font-family:'Noto Serif JP', serif;font-weight:500;*/
/*font-family:'Noto Serif JP', serif;font-weight:400;*/



a         {color: #444;text-decoration:underline;webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;}/*#993300  hover ゆっくり変わる*/
a:link    {color: #444;text-decoration:underline;}
a:visited {color: #B7694F;text-decoration:underline;}
a:active  {color: #cc3300;text-decoration: underline;}
a:hover   {color: #cc3300;text-decoration: underline;}

h1,h2,h3,h4,h5,p,ol,ul,li,span,dl,dt,dd {margin:0;padding:0;font-weight:normal;}

img {border:none;margin:0;padding:0;vertical-align:middle;}
a:hover img {opacity: 0.6;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

ul {margin:0px;padding:0px;list-style:none none outside;}
ol{margin:0;padding:0;}

p.clear		{clear:both;line-height:0px;display:block;}
div.clear {clear:both;}

hr{ border:none;border-top:1px solid #ccc;height:1px;}
/*hr{background:url(../images/hr_bg.png) repeat-x 0 0;height:10px;border: 0;}*/


.dotline{border-top: 1px dotted #aaa;line-height: 1px;height: 1px;}
.solidline{border-top: 1px solid #bbb;line-height: 1px;height: 1px;}

.strong{font-weight:bold;}

table{border-collapse: collapse;}



/*padding や border-width がwidth内に収まる*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}



/*clearfix--------------------*/
.cf:before,
.cf:after {content: " ";display: table;} 
.cf:after {clear: both;} 
.cf{*zoom: 1;}



/*---電話番号用---768px以上の解像度だけpointer-eventsを無効にして、PCのときはTELクリックの反応なし---*/
@media screen and (min-width: 768px) {	
	a[href^="tel:"] {pointer-events: none;}
}


/*読み込み時のローダー*/
#loader {position: fixed;z-index:900;text-align: center;width: 100%;height: 100%;background:#fff;}
#load-text {position: absolute;font-size: 72%;color: #444;text-align: center;width: 100%;top: 50%;margin-top: -40px;padding-top:40px;display: block;background:url(../js/loading.svg) no-repeat center top;}
/*横に伸びるバー
#bar {width: 100%;height: 1px;font-size: 2px;position: absolute;top: 50%;}
#bar span {display: block;width: 0px;height: 1px;background: #c3bbb5;}*/




/*全ページ共通のテーブル構造　-------------------*/
#wrapper{width:100%;position: relative;z-index:200;background:#fff;}
.container {width:1100px;margin:0 auto;font-size:108%;line-height:1.8;}


/*ページ上部右の出てくるナビmenu---*/
#menubtn{display:none;}
#navi_sp{display:none;}



/* ページの各フィールド-------------------*/
#field0{padding:90px 0 90px 0;}
#field1,
#field2,
#field3,
#field4,
#field5,
#field6{padding:90px 0 90px 0;}
#field-end{padding:90px 0 20px 0;}

.field-bg1{background-color:#f2f1ea;}


/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のheader
///////////////////////////////////////////////////////////////////////////////*/
/*スライドで降りてきた場合*/
#change {position: fixed;top: 0px;left: 0px;width: 100%;height:166px;background-color:#fff;text-align: center;display: none;z-index: 99999;}
#change-line{width:100%;height:1px;display:block;}


.header-rogo{position:absolute;z-index:400;right:0;left:0;margin:20px auto 0 auto;width:163px;height:auto;text-align: center;}
.header-rogo img{width:163px;height:auto;}

.facebook{position:absolute;z-index:390;right:0;left:0;width:960px;margin:34px auto 0 auto;text-align:right;}



/* ==================== 全ページ共通の横メニュー ==================== */
.yokomenu-bg{position:absolute;z-index:400;top:90px;width:100%;background:#fff url(../img/yokomenu_bg.jpg) repeat-x center 2px;border-top:1px solid #e3d1a6;border-bottom:4px solid #bb9a4f;}

ul#yoko-menu {list-style-type: none;padding: 0;display: table;width: 1200px;margin: 1px auto 0 auto;}
ul#yoko-menu li{position:relative;float:left;margin:0;padding: 0;text-align: center;}
ul#yoko-menu li > a{display:block;overflow:hidden;height:70px;padding-top: 24px;background: url(../img/yokomenu_bar.png) no-repeat left 0;
											font-family: 'Noto Serif JP', serif;font-weight: 500;color: #372511;text-decoration: none;font-size: 115%;line-height: 1;}
ul#yoko-menu li:last-child > a{background:url(../img/yokomenu_bar.png) no-repeat left 0 , url(../img/yokomenu_bar.png) no-repeat right 0;}
ul#yoko-menu li > a:hover{background-color:rgba(196,174,89,0.4);}

ul#yoko-menu li.yokomenu1{width:5%;}
ul#yoko-menu li.yokomenu2{width:9%;}
ul#yoko-menu li.yokomenu3{width:10%;}
ul#yoko-menu li.yokomenu4{width:14%;}
ul#yoko-menu li.yokomenu5{width:15%;}
ul#yoko-menu li.yokomenu6{width:14%;}
ul#yoko-menu li.yokomenu7{width:9%;}
ul#yoko-menu li.yokomenu9{width:14%;}/*活動・施設情報*/
ul#yoko-menu li.yokomenu8{width:10%;}/*採用情報*/


/*カレント表示用----------------*/
/*ホーム
body#home ul#yoko-menu li.yokomenu1 > a		{border-bottom:4px solid #5bb700;width:90px;}*/
/*お知らせ*/
body#news ul#yoko-menu li.yokomenu2 > a,
/*法人本部*/
body#soshiki ul#yoko-menu li.yokomenu3 > a,
/*介護施設*/
body#kaigo-shisetsu ul#yoko-menu li.yokomenu4 > a{background-color:rgba(196,174,89,0.4);}



/*submenu*/
ul#yoko-menu li ul {position: absolute;background-color:#e9e9e9;z-index:200;list-style-type: none;top:70px;width:130%;margin: 0 0 0 -15%;padding: 0;border-top: 4px solid #bb9a4f;}
ul#yoko-menu li ul li {overflow: hidden;line-height:1.0;text-align:left;width:100%;height: 0;transition: .2s;}
ul#yoko-menu li ul li a {display:table-cell;vertical-align:middle;width:230px;font-size:93%;font-weight:500;text-align: center;line-height:1.3;color:#000;text-indent:0;height:50px;padding:0 5px;background-image: none !important;border-bottom:1px dotted #aaa;text-decoration:none;
													font-family: Roboto, "メイリオ" , Meiryo , "Meiryo UI" , Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3" , "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}
												/*※display:table-cell;のwidth:163px;は、親要素の幅より大きい数字*/
/*上部三角の表示用
ul#yoko-menu li ul li:first-child a:after {
    content: '';position: absolute;width: 0;height: 0;left:45%;top:-11px;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 11px solid #e9e9e9;}*/

ul#yoko-menu li:hover a {}
ul#yoko-menu li:hover li a:hover {background-color:#999;color:#fff;text-decoration:none;}
ul#yoko-menu li:hover ul li {overflow: visible;height:50px;border-left:none;}
ul#yoko-menu li:hover ul li span{display:block;text-align:right;font-weight:500;}
ul#yoko-menu li:hover ul li:last-child a{border-bottom:none;}


/*subsubmenu*/
ul#yoko-menu li ul li ul {top: 0;left: 100%;}
ul#yoko-menu li:last-child ul li ul {left: -100%;width: 100%;}
ul#yoko-menu li ul li ul li:first-child a:after{border:none;}
ul#yoko-menu li:hover ul li ul li:hover > a {}
ul#yoko-menu li ul li ul:before {position: absolute;content: "";top:18px;left: -15px;width: 0;height: 0; border: 5px solid transparent;border-left-color:#ffffbc;}/*横三角の表示用*/
ul#yoko-menu li:last-child ul li ul:before {position: absolute;content: "";top:20px;left: 200%;margin-left: -20px;border: 5px solid transparent; border-right-color:#3c7ab3;}





/*///////////////////////////////////////////////////////////////////////////////
 main
///////////////////////////////////////////////////////////////////////////////*/
/*○↓の次のコンテンツへ*/
.arrow-down{position: absolute;width: 47px;z-index: 100;right: 0;left: 0;margin:69px auto 0 auto;}
.arrow-down a{background:url(../img/fielddown.png) no-repeat;width:47px;height:47px;text-indent:-8989px;display:block;overflow:hidden;}
.arrow-down a:hover{opacity: 0.7;filter: alpha(opacity=70);-moz-opacity: 0.7;}






/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のフッターの上部のパーツ
///////////////////////////////////////////////////////////////////////////////*/
/*ページ右の上下へ anchor */
#anchor{position: fixed;top:37%;right: 10px;z-index: 3000;width:41px;height:86px;}
#anchor a, #anchor span {cursor:pointer;display: block;text-indent: -9999px; overflow: hidden;}

#anchor .up span {background:url(../img/side_up.png) no-repeat 0 0;width:41px;height:45px;opacity:0.6;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}
#anchor .up span:hover{opacity:1.0;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}

#anchor .down span {background:url(../img/side_down.png) no-repeat 0 0;width:41px;height:41px;opacity:0.6;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}
#anchor .down span:hover{opacity:1.0;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}


/*全ページ共通のページ下部のページの上部へ戻る */
#pagetop {position:relative;width:100%;z-index:500;}
#pagetop a {position: fixed;bottom:20px;right:20px;display: block;background:url(../img/pagetop.png) no-repeat 0px 0px;width:80px;height:80px;text-indent:-8989px;display:block;overflow:hidden;opacity:0.6;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";}
#pagetop a:hover {opacity:1;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}






/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のフッター
///////////////////////////////////////////////////////////////////////////////*/
#footer-space{margin-top:70px;}
#footer{border-top:2px solid #c5a969;}


/* ======= 全ページ共通のfooterメニュー ========= */
ul#footer-yoko-menu {margin-top: 20px;text-align: center;}
ul#footer-yoko-menu > li{margin: 0 4.5% 0 0;padding: 0;display: inline-block;vertical-align: top;text-align: left;}
ul#footer-yoko-menu > li.yokomenu5{margin:0;}
ul#footer-yoko-menu > li a {display: block;background: url(../img/arrow4-7.png) no-repeat 0 10px;font-size: 100%; color: #52371b;padding: 0 0 0 9px;font-weight: 600;text-decoration:none;}

ul#footer-yoko-menu li a:hover{text-decoration:underline;color: #cc3300;}

/*submenu*/
ul#footer-yoko-menu li ul.sub-menu1 {}
ul#footer-yoko-menu li ul.sub-menu1 li {}
ul#footer-yoko-menu li ul.sub-menu1 li a {}

ul#footer-yoko-menu li ul.sub-menu {margin: 0 0 0 7px;}
ul#footer-yoko-menu li ul.sub-menu li {line-height:1.1;margin-bottom:7px;}
ul#footer-yoko-menu li ul.sub-menu li span{display: block;text-align: right;}
ul#footer-yoko-menu li ul.sub-menu li a {font-size:86%; color:#000;font-weight:500;padding: 0 0 0 11px;background: url(../img/arrow7-7.png) no-repeat 0 3px;}
ul#footer-yoko-menu li ul.sub-menu li a:hover{color: #cc3300;}

.footer-facebook{display:none;}

.footer-rogo{text-align:center;margin-top:25px;border-top:1px dotted #be9f56;padding-top:20px;}
.footer-rogo a img{width:130px;height:auto;}

.copylight{background-color:#bb9a4f;color:#fff;font-size:72%;text-align:center;line-height:50px;height:50px;margin-top:25px;}





/*印刷しない--------------------*/
@media print {
.arrow-down,
#anchor .up,
#anchor .down,
#pagetop a{display:none;}
/*印刷時は上部固定をしない*/
#change{position: absolute;}
#field0,#field1,#field2,#field3,#field4,#field5,#field6,#field7,#field8,#field9,#field10,#field-end{opacity:1 !important;filter: alpha(opacity=100) !important;-moz-opacity: 1 !important;}
}