/*--　ページデザイン　--*/

html {font-size: 62.5%;}/*10px*/

* {
	font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

body{
	background:url(../img/back.jpg) repeat-x;
	font-size:1.4rem;/*14px*/
}
td {
	font-size: 1.2rem;/*12px*/
	line-height: 1.3;
}
#page{
	max-width:800px;
	padding:0;
	margin:auto;
	position:relative;
}

/*--　解除　--*/
.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.inner {
	position:absolute; top:0; left:0; width:100%; height:100%;
}

/*--　ヘッダー　--*/
#header h1{
	font-size:1.2rem;
	font-weight:normal;
	text-decoration:none;
	color:#009900;
	width:100%;
	margin:0;
	padding:0 1.2rem 0 0;
	text-align:right;
}
#top_header {
	width:800px;
	height:160px;
	position:relative; top:0; left:0;
	background:url(../img/header.jpg) no-repeat;
	margin:0;
	padding:0;
	clear:both;
}

#top_header h1{
	font-size:10pt;
	font-weight:normal;
	text-decoration:none;
	color:#009900;
	margin:0 10px 0 72.5%;
	padding:0;
	position:relative;
}

a.logo {
	padding:10px 20px;
	width:38.75%; height:12.5%;
	display:block;
	float:left;
}
a.logo img {
	border:none; width:100%;
	}

.btn_sub {position:absolute; bottom:5px; right:5%; width:260px; display:inline-block; 
}
.btn_sub ul{list-style-type:none; clear:both; margin:0px; padding:0px;}
.btn_sub li{float:left; height:27px; margin:0px; padding:0px;}
.btn_sub li a {width:126px; height:27px; display:block; padding:0px; margin:0px; text-decoration:none;}
.btn_sub li span {z-index:-1; position:relative; width:126px; height:27px;}

.btn_sub01 a{background:url(../img/btn_sub01.gif) no-repeat; background-size:contain;}
.btn_sub02 a{background:url(../img/btn_sub02.gif) no-repeat;}
.btn_sub03 a{background:url(../img/btn_sub03.gif) no-repeat; background-size:contain;}
.btn_sub04 a{background:url(../img/btn_sub04.gif) no-repeat;}
.btn_map05 a{background:url(../img/btn_sub05-a.gif) no-repeat;}
.btn_sub01 a:hover{background:url(../img/btn_sub01-o.gif) no-repeat; background-size:contain;}
.btn_sub02 a:hover{background:url(../img/btn_sub02-o.gif) no-repeat;}
.btn_sub03 a:hover{background:url(../img/btn_sub03-o.gif) no-repeat; background-size:contain;}
.btn_sub04 a:hover{background:url(../img/btn_sub04-o.gif) no-repeat;}
.btn_map05 a:hover{background:url(../img/btn_sub05-o.gif) no-repeat;}

/*--　中　--*/
#top_naka{
	background:url(../img/naka.gif) repeat-y;
	margin:0;
	padding:0.5% 0 30px 0; /* 0.025% 0.0125%;/*w20 h10*/
	width:800px;
	clear:both;
	position:relative; top:auto; left:0;
}

.slider-pro {position:relative;}
#my-slider {width:96%; margin:0 2%;}

.xday-after {display:none;}
#newyear {width:96%; margin:0 2%; display:none;} 
#newyear .sp-image {margin:0 !important;}


/*-- ペッパー新人挨拶ムービー --*/

#hello{
	display:block;
	position:relative;
	top:10px;
	box-sizing:border-box;
	border:solid 1px #ccc;
	padding:2px;
	width:52%;
	height:240px;
 	/*margin:2px 0 10px 0px;*/
	margin-left:2%;
	float:left;
}

#hello video {width:100%;}

#mv_tx1 {
	display:block;
	position:relative;
	top:10px;
	right:20px;
	box-sizing:border-box;
	background:#d8ecf6;
	border-radius:10px;
	padding:40px 50px 0 20px;
	width:42%;
	height:240px;
 	margin:0 0 20px 0;
	text-align:center;
	line-height:1.5;
	float:right;
}

#mv_tx1 img {position:absolute; top:84px; right:6px;}

/*-- 求人バナー
.pepper_bnr {margin-left:2%; width:96%; height:auto;}--*/

#recruit_bn {margin-top:1%;}
#recruit_bn a{display:block; width:760px; height:123px; margin-left:20px; background:url(../img/bn_momo_job.jpg) no-repeat; background-size:contain; cursor:pointer;}
#recruit_bn a:hover {background:url(../img/bn_momo_job_on.jpg) no-repeat; background-size:contain;}
#recruit_bn span {visibility:hidden;}

/*
#msg_ttl {display:block; width:100%;}
.title {max-width:215px; height:40px; position:relative; float:right; top:-8px; right:4%;  z-index:10000;}

#msg_pepper{
	z-index:1;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
	top:-30px;
	right:20px;
	box-sizing:border-box;
	background:#d8ecf6;
	border-radius:10px;
	padding:10px 2% 0;
	width:94%;
	height:280px;
 	margin:0 0 0 5%;
}

#msg_in{
	z-index:2;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

.msg_in img {
	box-sizing:border-box;
	border:solid 1px #ccc;
	padding:2px;
	margin:2%;
	float:left;
}
#msg_pepper h2 {font-size:large; text-indent:1em; padding-top:0.5em;}
#msg_pepper p {line-height:1.8; text-align:center; font-size:normal;}
#msg_pepper a {display:block; border-radius:4px 4px; width:30%; margin:1.5em 0 0 60%; padding:0.5em; background-color:#00ba04; color:white; text-decoration:none;}
#msg_pepper a:hover {color:#ddd;}
*/

/*--　NAV　--*/
#nav {
	max-width:800px; width:95%; height:100%;
	padding:26% 0 0; margin-left:2.5%;
	background:url(../img/main_menu_line.jpg) no-repeat bottom;
	float:left;
	position:relative; top:10px;
	clear:both; 
}

#nav ul{
	width:100%; max-height:74px;
	margin:auto; padding:0;
	list-style-type:none;
	position:relative; top:0; left:0;
}
#nav li{
	width:24%; max-height:74px; 
	padding:0; display:block; float:left;
}
#nav li a {
	height:74px; display:block;
	padding:0; margin:0px;
	text-decoration:none;
}
#nav li span {z-index:-1; position:relative; width:100%;}
#nav li a {background-size:contain;}
li.btn_nav1 {margin-right:10px;}
#nav p {margin:0; font-size:16px; font-weight:bold; padding:0 10px 10px;}

.btn_nav1 a {background:url(../img/nav01.png) no-repeat; width:100%;}
.btn_nav2 a {background:url(../img/nav02.png) no-repeat; width:100%;}
.btn_nav3 a {background:url(../img/nav03.png) no-repeat; width:100%;}
.btn_nav4 a {background:url(../img/nav04.png) no-repeat; width:100%;}
.btn_nav1 a:hover {background:url(../img/nav01_on.png) no-repeat;}
.btn_nav2 a:hover {background:url(../img/nav02_on.png) no-repeat;}
.btn_nav3 a:hover {background:url(../img/nav03_on.png) no-repeat;}
.btn_nav4 a:hover {background:url(../img/nav04_on.png) no-repeat;}


/*    入札公告バナー     */

#comp_bn {width:96%; height:20%; margin:1% auto; background:#d5f1d6;}
#comp_bn a {display:block; padding:0.5rem; width:98%; margin:0 auto !important; text-decoration:none; font-weight:500;}
#comp_bn a:hover {background:#c1e2b3;}
#comp_bn span {visibility:visible; overflow:hidden;}
#comp_bn .in_bn {text-align:center;}

.square_btn{
    display: inline-block;
    padding: 0.5em 0 0.5em 1em;
    text-decoration: none;
    background: #f7f7f7;
    border-left: solid 8px #c9302c;/*左線*/
    color: #398341;/*文字色*/
    font-weight: 900;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	width:94%;
	margin:0 auto;
}
.square_btn:active {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}
.square_btn span {text-align:center; display:inline-block;}

.l1-18 {font-size:2.5rem;}
.l2-16 {font-size:2rem;}
.l3-14 {color:#c9302c;}


/*--　新着　--*/
.top3_news {
	position:absolute; top:34%;
	width:100%; height:40%;
	padding:2% 0 2% 0;
	background:rgba(230,230,230,0.5);
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; 
	line-height:1.5;
}

.top3_news a {text-decoration:none; color:#128600;}
.top3_news a:hover {color:#fc1b95;}

.top3_news dl {width:92%; margin:0 0 10px 3%; padding-top:3px;  font-size:1.3rem;}
.top3_news dt {width:12%; display:block; height:24px; font-size:1.2rem; font-weight:300; float:left;
}
.top3_news dd {width:85%; display:block; line-height:1.3; text-indent:1rem; margin-left:15%; margin-bottom:0.5rem;
}
.top3_news dd:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
}
.new {font-size:1.3rem;
}
.new a {font-weight:900;}

/*--　高齢者施設　--*/
.main_menu {
clear:both;
width:92.25%;
margin:10px auto 0;
font-size:14px;
line-height:24px;
color:#333333;
background:url(../img/main_menu_line.jpg) no-repeat bottom;
background-position:left 0 bottom 8px;
background-size:contain;
}
.main_menu span {z-index:-1; position:relative;
}
.main_menu h2 {width:23%; height:60px; display:block; float:left; margin:0 2.5% 0 0;
font-size:small;}
p.tameni {width:64%; height:80px; display:block; float:left; margin:0 20px 20px 0; overflow:hidden;}
.btn_kou {padding-bottom:20px;}
.btn_kou h2 {background:url(../img/btn_kou.jpg) no-repeat; background-size:contain;}
.btn_syo {padding-bottom:20px;}
.btn_syo h2 {background:url(../img/btn_syo.jpg) no-repeat; background-size:contain;}

#kourei {position:relative; top:30px; left:0; width:96%; display:block;}
#shougai {position:relative; top:30px; left:0; width:96%; display:block; clear:both; padding-bottom:20px;} 
.branch {clear:both; max-width:800px; margin:0; padding:0; position:relative; top:-20px;
}

.menu_box {position:relative; width:48%; float:left; margin:0 0 10px 0;
}
.menu_box2 {position:relative; width:24%; float:left; margin:0 0 10px 0;
}


.outbox {position:relative; width:100%; height:100%; margin:0; padding:54.8% 0 0;
}
.inbox {position:absolute; top:0; left:0; width:100%; height:100%;
}
.inbox2 {position:absolute; top:0; left:0; width:50%; height:100%;
}
.inbox3 {position:absolute; top:0; left:50%; width:50%; height:100%;
}

.menu_box h3 {margin:0; height:17.5%; width:100%;
}
.menu_box h3 span {width:100%;}

.menu_box p {width:51%; max-height:140px; overflow:hidden; display:block; float:left; padding:10px 0 0 10px; margin:0; font-size:1.3rem; line-height:1.8;
}
.menubox2 p {width:25%;}

.menu_box a {text-decoration:none;
}
.btn_kou01 {background:url(../img/main_menu01.jpg) no-repeat; background-size:contain;}
.btn_kou02 {background:url(../img/main_menu02.jpg) no-repeat; background-size:contain;}
.btn_kou03 {background:url(../img/main_menu03.jpg) no-repeat; background-size:contain;}
.btn_kou04 {background:url(../img/main_menu04.jpg) no-repeat; background-size:contain;}
.btn_kou05 {background:url(../img/main_menu05.jpg) no-repeat; background-size:contain;}
.btn_kou06 {background:url(../img/main_menu06.jpg) no-repeat; background-size:contain;}
.btn_kou07 {background:url(../img/main_menu07.jpg) no-repeat; background-size:contain;}
.btn_kou08 {background:url(../img/main_menu12.jpg) no-repeat; background-size:contain;}
.btn_faq {background:url(../img/main_menu13faq.jpg) no-repeat; background-size:contain; border-radius:6px; border:solid 1px #ccc;}
.btn_pepper {background:url(../img/main_menu14pepper.jpg) no-repeat; background-size:contain; border-radius:6px; border:solid 1px #ccc;}
.btn_hou01 {background:url(../img/main_menu08.jpg) no-repeat; background-size:contain;}
.btn_syo01 {background:url(../img/main_menu09.jpg) no-repeat; background-size:contain;}
.btn_syo02 {background:url(../img/main_menu10.jpg) no-repeat; background-size:contain;}
.btn_syo03 {background:url(../img/main_menu11.jpg) no-repeat; background-size:contain;}
.btn_syo04 {background:url(../img/main_menu15.jpg) no-repeat; background-size:contain;}
.btn_kou01, .btn_kou03, .btn_kou05, .btn_kou07, .btn_faq, .btn_syo01, .btn_syo03 {float:left;}
.btn_kou02, .btn_kou04, .btn_kou06, .btn_kou08, .btn_hou01, .btn_syo02, .btn_syo04 {float:right;}
a.gaikan {width:41%; height:109px; float:right; margin:10px 0; display:block;}

a.gaikan span {width:150px;}

a.gaikan2 {width:60%;}
a.gaikan2 span {width:100px;}

a.gaikan3 span {display:block; width:100%; height:80%;}

p.shousai {width:36%; height:17%; text-align:left; font-size:1.1rem; position:absolute; bottom:0; right:0; padding:0; display:block;}
p.shousai a {color:#0d3679;}
p.shousai a:hover, p.shousai2 a:hover {color:#c30b5e;}

p.shousai2 {width:100%; height:15%; text-align:right; font-size:1.1rem; position:absolute; bottom:0; right:0; padding:0 4rem 0 0; display:block;}

/*--　お年寄りのために　--*/
#otoshiyori h1{
	background:url(../img/titlebar01.gif) no-repeat;
	width:72.5%;
	height:54px;
	font-size:0;
	text-decoration:none;
	text-indent:-9999px;
	margin:0;
	padding:0;
}

/*--　お年寄りのために h2タグ追加テスト　20081120　--*/

#otoshiyori h2{
	font-size:9pt;
	margin:0;
	padding:0;
}

#otoshiyori-bk{
	background:url(../img/otoshiyori-bk.jpg) no-repeat;
	width:555px;
	height:540px;
	padding:0;
	margin:0;
	line-height:100%;
}

/*--　障害者をお持ちの方のために　--*/
#shougaisha h1{
	background:url(../img/titlebar02.gif) no-repeat;
	width:72.5%;
	height:54px;
	font-size:0;
	text-decoration:none;
	text-indent:-9999px;
	margin:0;
	padding:0;
	clear:both;
}

/*-- 本部　サイトマップ (レスポンシブル汎用)--*/
#sitemap {width:100%;}
#sitemap h2 {width:90%; font-size:1.8em; margin-left:5%;}
#sitemap h2 .icono-list {color:#00ba04; top:-0.2rem;}
#sitemap h3 {width:90%; color:white; font-weight:900; background:#8dd58c; text-indent:1em; margin:0 2%; border-radius:10px;}
#sitemap a {text-decoration:none; color:#003300;}
#sitemap a:hover {text-decoration:underline; color:#00ba04;}
#sitemap >ul {width:85%; margin-left:1%; margin-bottom:10px; margin-top:3px; list-style:inside square; text-indent:-1em; display:block;}
#sitemap >ul >li >ul {width:90%; margin-left:-1em; list-style:inside; display:block;}
#sitemap >ul >li >ul >li >ul {width:85%; margin-left:-1em; list-style-type:none; display:block; }
#sitemap >ul >li >ul >li >ul >li:before {content: "－" ;}



/*--　フッター --*/
footer {position:relative; top:0;
	background:url(../img/naka.gif) repeat-y;
	background-size:contain;
	width:100%;
	clear:both;
}
footer .copyright {
	position:relative; left:0;
	width:98%; height:2.5%;
	padding:0.5rem 0; margin:0 1%;
	border-radius:2px;
	font-size:0.9rem; font-weight:600;
	text-align:center;
	line-height:1.0;
	background:#bae7ba;
	color:#003300;
}

footer p{
	margin:0;
	padding:0;
	text-align:center;
}

footer a{
	font-size:1.0rem;
	color:#009900;
	text-decoration:none;
	margin:0 10px;
	display:inline-block;
}

footer a:hover{
	text-decoration:underline;
}


@media screen and (max-width: 799px) {
#page {
	width:100%;
}

#top_header {
	display :block;
	overflow:hidden;
	margin:0;
	width:100%;
	height:100%;
	background-size:contain;
	margin-bottom:0;
	padding:20% 0 0;
}
	
.btn_sub ~img {background-size:contain;}


#recruit_bn {
	position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 16%;}
#recruit_bn .in_bn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}
#recruit_bn {
	width:96%; margin-left:2%;
	background:url(../img/bn_momo_job.jpg) no-repeat; background-size:contain;}
#recruit_bn a, #recruit_bn a:hover {background:none;}

/*--　中　--*/



#top_naka{
	position:relative;
	background-size:contain;
	width:100%;
	margin:0;
}

#hello {
	width:96%;
	height:auto;
}

#mv_tx1 {
	width:90%;
	margin-top:10px;
	padding:20px 50px 0px 20px;
	height:180px;
}

.menu_box p {font-size:1.2rem; line-height:1.6;}
p.shousai {height:18%;}

}

@media screen and (max-width: 640px) {

.branch {max-width:400px; margin:0 auto;}
.menu_box {position:relative; min-width:365px; margin:1% auto;
}
.menu_box p {font-size:1.2rem; line-height:1.8;}
.btn_kou02, .btn_kou04, .btn_kou06, .btn_kou08, .btn_hou01, .btn_syo02, .btn_syo04 {float:left;}
p.shousai {height:18%;}

.btn_sub {display:block; width:22.875%; right:30%; bottom:0;}
.btn_sub ul {width:200%; height:27px; bottom:0;}
.btn_sub li  {width:50%; display:inline-block;}
.btn_sub li a, .btn_sub li span {width:100%;}

#nav {padding-top:50%;}
.top3_news {top:18%; height:70%; width:99%; box-sizing:border-box; overflow:auto;}

#msg_pepper {height:100%; margin-left:6%; padding:2%;}
#msg_pepper img {display:block; float:none; text-align:center; width:75%; max-width:250px;}
#msg_pepper a {text-align:center; margin:10px 0 0 4%; width:80%;}

.square_btn {
	padding-left: 0rem;
	width:90%;
}
.l1-18 {font-size:1.8rem;}
.l2-16 {font-size:1.4rem;}

}

@media screen and (max-width: 400px) {

/*--　新着　--*/

.top3_news dl {width:95%; margin:0 0 10px 2%; padding-top:3px;  font-size:1.2rem;

}
.top3_news dt {width:100%; height:1rem; font-size:1.3rem; padding-bottom:2%;
}
.top3_news dd {width:100%; text-indent:0; float:left; margin-left:3%; padding-left:0; padding-bottom:0.5%;}
.new {font-weight:700; font-size:1.3rem;
}
p.tameni {font-size:1.3rem; line-height:1.5;}
.branch {width:95%; margin:2%;}
.menu_box {min-width:inherit; width:100%;}
.menu_box p {padding:4px 4px 0 8px; line-height:1.5;}

#msg_pepper {margin-left:10%;}
}

@media screen and (max-width: 320px) {
body{
	font-size:1.2rem;
}

#page {
	width:300px;}

.branch {width:90%; margin-left:5%;}
.menu_box p {overflow:hidden; padding:4px 4px 0 8px; font-size:1.0rem; line-height:1.5;}
p.shousai {height:18%;}

/*
#sitemap >ul {margin-left:-1em;}
#sitemap >ul >li >ul {width:90%; margin-left:-2em;}
*/
}