@charset "utf-8";

/*====================================================================*/
/*　ケアマネジメント株式会社　*/
/*　トップページ用　*/
/*====================================================================*/

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#container {padding-bottom: 100px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-----------------------------------------------------------------*/

html, body {
	margin: 0 auto;
	text-align: center;
	/*font-size: 100%;*/
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 1px;
	/*background: #FFFFFF url(../img/top_bg_001.jpg) center top repeat-x;*/
	/*color: #333333;*/
}
ul {
	list-style: none;
}

img {
	border: 0;
}

address {
	font-style: normal;
}

a {
  color: #333333;
  text-decoration: none;
  transition: all 0.3s;
}

/*-------------------------------------------------------------------*/
/*　レイアウト　*/
/*-------------------------------------------------------------------*/


#wrap {
	/*width: 910px;*/
	/*margin: 0 auto;
	text-align: center;*/
  position: relative;
  height: 100%;
}

#header {
  display: flex;
  align-items: center;
  width: 100%;
	height: 70px;
	margin: 0;
	padding: 0;
	text-align: left;
}
h1 a {
  display: flex;
  align-items: center;
  line-height: 1;
  letter-spacing: 0.15em;
}
h1 a span {
  display: flex;
  padding-right: 0.3em;
  font-size: 0.75em;
  letter-spacing: 0;
  
}

#webnavigation {
	margin: 280px auto 0 auto;
	padding: 0;
	width: 870px;
	text-align: center;
}

/*--*/
#container {
	/*background: url(../img/top_bg_container.gif) center top no-repeat;*/
	margin: 10px auto;
	padding: 20px 15px;
  width: 910px;
  border: solid #eee;
  border-width: 2px 2px 0 2px;
  border-radius: 16px 16px 0 0;
}

/*右*/
#secondary {
	float: right;
	width: 300px;
	text-align: center;
	display: inline;
}

/*左*/
#primary {
	float: left;
	width: 580px;
	display: inline;
}

#infoInner {
	margin: 0 10px 50px 10px;
	padding: 0;
	text-align: left;
}
#blogInner {
	margin: 0 10px 0 10px;
	padding: 0;
	text-align: left;
}

#infoInner DT,
#blogInner DT {
	float: left;
	width: 8em;
	padding: 10px 0 0 10px;
}
#infoInner DD,
#blogInner DD {
	padding: 10px 10px 10px 8em;
	border-bottom: 1px dotted #333333;
}
#infoInner DD A,
#blogInner DD A {
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #CC9933;
}
#infoInner DD A:hover,
#blogInner DD A:hover {
	background: #FCE1E1;
}
#blogInner DD P {
	font-size: 85%;
	padding-left: 20px;
	padding-top: 10px;
}
/*--*/

#footer {
	padding: 0;
	margin: 0 auto;
	width: 100%;
}


/*-------------------------------------------------------------------*/
/*　セラヴィ神前・ケアセンター神前・ミール旬彩　リンクボタン　*/
/*-------------------------------------------------------------------*/

/*ul#webnavi {
	width: 580px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

ul#webnavi li {
	width: 290px;
	height: 276px;
	font-size: 0;
	float: left;
	diplay:block;
	margin: 0px;
}
ul#webnavi li P {
	font-size: 0;
	text-indent: -9999;
}*/
/*リンクボタン*/
/*ul#webnavi li img {
    filter: alpha(opacity: 87);
    opacity: 0.87;
    -moz-opacity: 0.87;
}
ul#webnavi li a:hover img {
    filter: alpha(opacity: 100);
    opacity: 1;
    -moz-opacity: 1;
}*/

/*-------------------------------------------------------------------*/
/*　ナビゲーションボタン　*/
/*-------------------------------------------------------------------*/
ul#navi {
	/*text-align: center;
	margin: 0;*/
	padding: 11px 0 0 15px;
}
ul#navi li {
	/*height: 68px;
	display: block;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 5px;*/
}
ul#navi li a {
	/*display: block;
	height: 68px;*/
}
ul#navi li.about {
	/*width: 265px;*/
	/*background: url(../img/navi_about.jpg) center top no-repeat;*/
}
ul#navi li.about a:hover {
	/*background: url(../img/navi_about_hover.jpg) center top no-repeat;*/
}
ul#navi li.csr {
	/*width: 265px;
	background: url(../img/navi_csr.jpg) center top no-repeat;*/
}
ul#navi li.csr a:hover {
	/*background: url(../img/navi_csr_hover.jpg) center top no-repeat;*/
}
ul#navi li.toi {
	/*width: 265px;
	background: url(../img/navi_toiawase.jpg) center top no-repeat;*/
}
ul#navi li.toi a:hover {
	/*background: url(../img/navi_toiawase_hover.jpg) center top no-repeat;*/
}
ul#navi li#recruit {
	margin: 20px 0 0 0;
	width: 265px;
	height: 85px;
	text-indent: -9999px;
	font-size: 0;
	background: url(../img/navi_recruit.jpg) center top no-repeat;
	display: block;
}
ul#navi li#recruit a {
	display: block;
	height: 85px;
}
ul#navi li#sailing {
	margin: 0 0 0 0;
	width: 190px;
	height: 62px;
	text-indent: -9999px;
	font-size: 0;
	background: url(../img/bnr_cestlaviesailing.jpg) center top no-repeat;
	display: block;
}
ul#navi li#sailing a {
	display: block;
	height: 62px;
}
ul#navi li#yurokyo {
	margin: 20px 0 0 0;
	width: 265px;
	height: 45px;
	text-indent: -9999px;
	font-size: 0;
	background: url(../img/banner_yurokyo.gif) center top no-repeat;
	display: block;
}
ul#navi li#yurokyo a {
	display: block;
	height: 45px;
}

img.wasa001 {
	margin: 5px auto 0 auto;
}

/*-------------------------------------------------------------------*/
/*　コンテンツ　*/
/*-------------------------------------------------------------------*/

h2.info {
	width: 560px;
	height: 45px;
	background: url(../img/top_h2_001.gif) center no-repeat;
	text-indent: -9999px;
	font-size: 0;
	margin: 0 auto;
}
h2.blog {
	width: 560px;
	height: 45px;
	background: url(../img/top_h2_002.gif) center no-repeat;
	text-indent: -9999px;
	font-size: 0;
	margin: 0 auto;
}

/*-------------------------------------------------------------------*/
/*　フッター　*/
/*-------------------------------------------------------------------*/

div#footerInner {
	position: relative;
	/*width: 910px;*/
	margin: 0 auto;
	padding: 0;
	text-align: right;
}

ul#footerNavi {
	/*position: absolute;
	top: 20px;
	left: 0;*/
	width: 910px;
	height: 40px;
  margin-left: auto;
  margin-right: auto;
	display: block;
}
ul#footerNavi li {
	float: left;
	height: 20px;
	text-align: center;
	font-size: 12px;
	line-height: 1.0;
}
ul#footerNavi li a {
	width: 109px;
	padding: 3px 0 6px 0;
	color: #333333;
	text-decoration: none;
	border-left: 1px solid #333333;
	display: block;
}
ul#footerNavi li a.footerNaviFirst {
	margin-left: 450px;
	border-left: none;
	width: 200px;
}
ul#footerNavi li a:hover {
	color: #003399;
	text-decoration: underline;
}

#fotterabout {
	/*position: absolute;
	top: 50px;
	left: 0;
	margin: 0 20px;*/
	/*display: block;*/
  display: flex;
  justify-content: center;
  width: 100%;
	text-align: center;
	/*background: #E5BD3C;*/
  background: rgba(229,189,60,0.8);
}
#fotterabout_left,
#fotterabout_right {
	width: 435px;
	/*margin: 0 auto;*/
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: left;
}
#fotterabout_left {
	float: left;
}
#fotterabout_right {
	float: right;
}
#fotterabout P {
	font-size: 14px;
	font-weight: 600;
	padding-left: 10px;
}
#fotterabout .text_style01 {
	font-size: 11px;
	padding: 3px 10px 0 15px;
	margin: 0 10px 0 0;
}
h2.caremanagement {
	/*width: 435px;
	height: 35px;
	background: url(../img/top_about_001.gif) no-repeat;
	text-indent: -9999px;
	font-size: 0;
	margin: 0 auto;*/
  padding-left: 3%;
  font-size: 2rem;
  letter-spacing: 0.3em;
}
h2.caremanagement > span {
  padding-right: 0.3em;
  letter-spacing: 1;
}
h3.tel {
	width: 388px;
	height: 37px;
	background: url(../img/top_about_002.png) no-repeat;
	text-indent: -9999px;
	font-size: 0;
	margin: 0;
	text-align: left;
}
h3.fax {
	width: 260px;
	height: 27px;
	background: url(../img/top_about_003.png) no-repeat;
	text-indent: -9999px;
	font-size: 0;
	margin: 0;
	text-align: left;
}
p#copyright {
	/*position: absolute;
	top: 200px;
	left: 0;*/
	width: 100%;
	height: 80px;
	margin: 0 auto;
	padding: 12px 40px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 600;
	background: #003366;
	text-align: center;
  box-sizing: border-box;
}


/*-------------------------------------------------------------------*/

.clear {
	clear: both;
}
.clear_1em {
	clear: both;
	height: 1em;
}

/*--------------------------------*/
/* ページトップへ */
div.pagetop {
	text-align: right;
}
div.pagetop span {
	background: url(../img/p_mark.gif) left no-repeat;
	padding: 0 0 0 30px;
	font-size: 12px;
	vertical-align: middle;
	height: 20px;
}

/*-------------------------------------------------------------------*/
/*社名変更時追加スタイル*/
/*-------------------------------------------------------------------*/

/*ヘッダー*/
.header-title {
  padding: 0 0 0 18%;
}
.title-sub-txt {
  padding-bottom: 3px;
  font-size: 0.76rem;
}

/*メインビジュアル*/
.mainvisual-area {
  width: 100%;
  height: 600px;
  background: url("../img/top_bg_001_wide.jpg") center center no-repeat;
}

/*左*/
.primary-inner {
  
}
/*.primary-inner > img {
  width: 200px;
  height: auto;
}*/
/*.primary-inner-text a {
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: left;
}*/
.primary-inner a {
  /*width: 100%;
  height: auto;
  background-color: #9A9A9A;
  color: #fff;
  border: solid 2px #9A9A9A;
  font-size: 1.2rem;
  border-radius: 10px;
  padding: 10px 0;
  margin-top: 10px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  width: 550px;
  height: 150px;
  /*background-color: #fff;*/
  /*border: solid 2px #9A9A9A;*/
  margin-left: 30px;
  margin-top: 15px;
  border: solid 1.5px #9A9A9A;
  border-radius: 12px;
  /*font-size: 1.8rem;*/
  font-size: 1.15rem;
  font-weight: 600;
  text-align: left;
  /*background-image: linear-gradient(159deg, #ffffff, #f9f9f9 80%, #dbdbdb);*/
  box-sizing: border-box;
}
.primary-inner a:hover {
  /*background-color: #BABABA;*/
  /*filter: brightness(0.95); */
  /*border: solid 1.5px #FFBB64;*/
  border: solid 2px rgba(229,189,60,0.8);
}
/*.primary-inner p {
  padding-right: 50px;
}*/
.primary-inner span {
  display: inline-block;
  font-size: 4rem;
  line-height: 1;
  letter-spacing: 0.1em;
}
.primary-inner-item1 {
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: 0.5em;
  line-height: 2;
  border-bottom: 0.5px solid #FFBB64;
}
.primary-inner-item2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  /*margin: 20px 30px 0 30px;*/
}
.primary-inner-item2 img {
  width: auto;
  height:70px;
  flex-basis: 10%;
  padding-right: 30px;
}
.primary-inner-item2 p {
  flex: 1;
}
/*右*/
/*ボタン*/
.navi-btn a {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 260px;
  height: 68px;
  background-color: #fff;
  border: solid 1px #9A9A9A;
  border-radius: 10px;
  box-sizing: content-box;
  font-size: /*1.1rem*/15px;
  font-weight: 700;
  text-align: left;
  margin-top: 5px;
}
.navi-btn a > p {
  /*padding-left: 20px;*/
  flex: 1;
  text-align: left;
  padding-left: 20px;
}
.navi-btn a > img {
  width: 108.08px;
  height: 68px;
  border-radius: 0 10px 10px 0;
  object-fit: cover;
  flex-basis: 108.08px;
}
.navi-btn a:hover {
  filter: brightness(0.95); 
}