@charset "utf-8";
* {font-size: 16px;
	/*font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "メイリオ", "Arial", "ヒラギノ角ゴ ProN",sans-serif;
	margin: 0px;
	padding: 0px;
	color: #665E50;}



a[href*="tel:"],
a[href*="mailto:"]{font-weight:500;
					font-size: 1em;}

@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;}}




/*--------------------------------*/
/*●共通部分●*/
/*--------------------------------*/

/*p { font-size: 13px;
	line-height: 20px;
	margin-bottom: 10px;}*/
table{border-spacing: 0px;
		border-collapse: collapse;}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}
.img2 {  width: 100%;
		height: auto;}
.ho{-webkit-transition: all 0.3s ease;
    		-moz-transition: all 0.3s ease;
    		-o-transition: all 0.3s ease;
    		transition: all  0.3s ease;}
.ho:hover{opacity:0.7;}



/*文字色*/
a { text-decoration: none;
	font-weight:bold;
	color:#603813;
	cursor: pointer ; }
a:visited { color:#603813;}/*訪問済みリンクの色*/
/*a:hover { color:#f5a284;}/*マウスオン時のリンクの色*/
/*a:active { color:#f5a284;}/*クリックしている時のリンクの色*/


.brown{color: #603813;
		font-weight:bold;}
.khaki{color: #C69C6D;
		font-weight:bold;}
.pink{color: #EB6D73;
		font-weight:bold;}
.purple{color: #7b59a2;
		font-weight:bold;}
.green{color: #69bc82;
		font-weight:bold;}
.peach{color: #EC7E8F;
		font-weight:bold;}
.orange{color: #F4A449;
		font-weight:bold;}
		

a.brown{color: #603813;
		font-weight:bold;}
a.khaki{color: #C69C6D;
		font-weight:bold;}
a.pink{color: #EB6D73;
		font-weight:bold;}
a.purple{color: #7b59a2;
		font-weight:bold;}
a.green{color: #69bc82;
		font-weight:bold;}
a.peach{color: #EC7E8F;
		font-weight:bold;}
a.orange{color: #F4A449;
		font-weight:bold;}


.thin{font-weight:500;}



h1{font-size: 2em;}
h2{font-size: 1.7em;}
h3{font-size: 1.125em;}
h4{font-size: 1em;}
h5{font-size: 0.75em;}
h6{font-size: 0.625em;}	
		
h1.g,h2.g,h3.g{ color:#329271;}
.bt{max-width: 290px;
	width: 95%;}
		
		

/*共通ボタン*/
.sub_bt{line-height:25px;
	display: inline-block;
	/*width:100%;
	max-width:200px;*/
	padding:15px;
	height:auto;
	text-align:center;
	border-radius:35px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
.sub_bt a{font-size:1.5em;}



@media(max-width: 639px){
	.sub_bt{/*width:100%;
		max-width:120px;*/
			padding:5px 7.5px;
	line-height:35px;}
	.sub_bt a{font-size:1em;}}








body {background-color:#FFFCF3;
 		-webkit-text-size-adjust: 100%;}



@media(min-width: 768px){a[href^="tel:"]{pointer-events: none; }} /*PC時電話がかからないようにする*/





/* コンテンツ領域 */
/*-----------------------------------------*/
	.cont,
	.cont_big{width:90%;
		  height:auto;
		  margin:0 auto;}
	.cont{max-width:1000px;}
	.cont_big{max-width:1200px;}

	.in{padding:2.5%;}

@media screen and (max-width: 639px) {
/*.in{padding:5% 2.5%;}*/
.cont{width:90%;}}


.mw70{max-width:700px;}



/*★ 固定ヘッダ部 */
/*-----------------------------------------*/		

/*#top_header{	/*position: fixed;*/
/*    		width: 100%;
			margin: 0 auto;
			top:0;
		/*line-height:0.2;*/
/*    		z-index: 999;
		height:80px;
			background-color:#FFFCF3;
		/*box-shadow: 0px 2px 4px;*/
/*			text-align:center;}

#top_header .tel{text-align: right;
				padding:25px 50px 0 0;
				font-size:20px;}*/


.logo {	float: left;
			height:100%;
			max-height:35px;
			top:20px;
			left:5px;
			position:relative;}

.pc0{display:block;}
.sp0{display:none;}

@media screen and (max-width: 639px) {
	/*#top_header{height:80px;}*/
	.logo {max-height:32px;
			top:0px;}
	.sp0{display:block !important;}
	.pc0{display:none !important;}}
  	


/* Nav
-----------------------------------------*/
.Nav {width: 100%;
		margin: 0 auto;
		display: block;
		z-index:9999;}
@media screen and (max-width: 639px) {
  .Nav {position: fixed;
  		border-top:none;
		top:0;
	  	height: 80px;
		padding-top:25px;
  		background:#FFFCF3;}}
  	
 
/*---ハンバーガーボタン---*/
  .Nav .navbtn {display: none;}
@media screen and (max-width: 639px) {
  .Nav .navbtn {display: block;
    			position: absolute;
    			top: 20px;
    			right: 15px;
    			z-index:10000;}}
@media screen and (max-width: 639px) {
  .Nav .navbtn a,
  .Nav .navbtn a.close {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #C69C6D;
	border-radius: 40px;}
  .Nav .navbtn a::before,
  .Nav .navbtn a.close::before {
    position: absolute;
    top:10px;
    left:10px;
    content:"";
    width: 20px;
    height: 3px;
    background-color: #FFF;
   	transition: .2s;}
  .Nav .navbtn a.open::before {top:19px;
    transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);}
  
  .Nav .navbtn a::after,
  .Nav .navbtn a.close::after {
    position: absolute;
    bottom:10px;
    left:10px;
    content:"";
    width: 20px;
    height: 3px;
    background-color: #FFF;
    transition: .2s;}
  .Nav .navbtn a.open::after {
    bottom:18px;
    transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);}}
@media screen and (max-width: 639px) {.Nav .navbtn a.open {}}
 
@media screen and (max-width: 639px) {
  .Nav .navbtn a span {display: block;
    					overflow: hidden;
    					width: 1px;
    					height: 1px;}
  .Nav .navbtn a span::after,
  .Nav .navbtn a.close span::after {position: absolute;
    					top:18px;
    					left:10px;
    					content:"";
    					width: 20px;
    					height: 3px;
    					background-color: #FFF;}
  .Nav .navbtn a.open span::after {display: none;}}
  
  
/*---リスト部分---*/
.Nav ul.close {display: none;
  				border-top: solid 1px #FFFCF3;}
/*◆*/.Nav > ul {/*float:right;*/
				/*max-width:1200px;*/
				background-color:#FFFCF3;
				text-align: center;}
@media screen and (max-width: 639px) {
  .Nav > ul {
    display: none;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    z-index: 9;}}
    

    
    
.Nav > ul > li {position: relative;
  				font-size: 15px;
  				display: inline-block;
				border-left: 2px solid #665E50;
  				border-right: 2px solid #665E50;}
.Nav > ul >li+ li { border-left: 0;
  					border-right: 2px solid #665E50;}
  				
@media screen and (max-width: 639px) {
  .Nav > ul > li {display: block;
	  				width:100%;
    				/*border-bottom: solid 2px #C69C6D;*/
					border-left:none;
					border-right:none;}
  .Nav > ul >li+ li{border-left:none;
					border-right:none;}}
    			




.Nav > ul > li a {
  display: block;
  position: relative;
  text-decoration: none;
  padding: 10px 25px;
  color: #665E50;
  background-color: #FFFCF3;
  z-index: 2;}


@media screen and (max-width: 639px) {
	.Nav > ul > li a {color: #665E50;
  						background-color: #FFFCF3;
						padding: 20px 25px;}}



.Nav > ul > li.parent > a {padding-right:25px;}
.Nav > ul > li.parent > a::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 6px;
    height: 6px;

    margin: -6px 0 0 0;
    border-top: solid 2px #00a0e9;
    border-right: solid 2px #00a0e9;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);}
    
@media screen and (max-width: 639px) {
	.Nav > ul > li.parent.open > a::before {
    	-webkit-transform: rotate(-45deg);
    	transform: rotate(-45deg);}}
@media screen and (max-width: 639px) {.Nav > ul > li.parent.open {border-bottom: none;}}


  .Nav > ul > li.parent.open > a{color: #FFF;}
  .Nav > ul > li.parent.open > a::after {background: #333;
  											-webkit-transform: scale(1);
  											transform: scale(1);}
@media screen and (max-width: 639px) {.Nav > ul > li.parent.open > a {color: #FFF;}}
 
.Nav > ul > li a:hover {color: #603813;}
.Nav > ul > li a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';}

.Nav > ul > li a,
.Nav > ul > li a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;}

.Nav > ul > li a::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(.5);
  transform: scale(.5);}
.Nav > ul > li a:hover::after {
  background: #FDECBD;
  -webkit-transform: scale(1);
  transform: scale(1);}
 





.Nav ul{ list-style-type: none;}




/*固定ヘッダ被り防止余白*/		
@media (max-width:648px) {	.blank{ height:75px;}}


















/*モーダルウィンドウ*/
/*--------------------------------*/
/*.modal-co,
.modal-co2{margin:auto;
				padding: 10px;
				background: #fff ;
				position: fixed ;
				z-index: 10003 ;
				display: none;}
	
.modal-co2 {width: 70%;}
  
#modal-ov2 {z-index:10002 ;
				display: none ;
				position: fixed ;
				top: 0 ;
				left: 0 ;
				width: 100% ;
				height: 120% ;
				background-color: rgba( 0,0,0, 0.75 ) ;}
@media (max-width:1000px) {.modal-co2{width: 90%;}}

.button-link{text-align: center;
			display: block;}


















/*-レスポンシブでのボックスの横並び-*/
/*----------------------------------*/
/*コンテンツカラム（全体）*/
	.wrap{	width:100%;
			margin:0px auto;
			overflow:hidden;}
	*, *: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;}


/*-50カラム-------------------------*/
/*----------------------------------*/
.left-2,
.right-2 {	width: 50%;		width: calc(50%);	width: -webkit-calc(50%);	width: -moz-calc(50%);}
.left-2  { clear:both;
			float: left;}
.right-2  { float: right;}	


/*-33.3カラム-------------------------*/
/*----------------------------------*/
.left-3,
.center-3,
.right-3 {width: 33.33333%;    width: calc((100%) / 3);    width: -webkit-calc((100%) / 3);   width: -moz-calc((100%) / 3);}
.left-3,
.center-3  {float: left;}
.left-3{ clear:both;}
.right-3  { float: right;}



/*-40-60カラム-------------------------*/
/*----------------------------------*/
.left-46 {	width: 40%;		width: calc(40%);	width: -webkit-calc(40%);	width: -moz-calc(40%);
			clear:both;
			float: left;}
.right-46{	width: 60%;		width: calc(60%);	width: -webkit-calc(60%);	width: -moz-calc(60%);
			float: right;}


/*-60-40カラム-------------------------*/
/*----------------------------------*/
.left-64 {	width: 60%;		width: calc(60%);	width: -webkit-calc(60%);	width: -moz-calc(60%);
			clear:both;
			float: left;}
.right-64{	width: 40%;		width: calc(40%);	width: -webkit-calc(40%);	width: -moz-calc(40%);
			float: right;}

@media (max-width:639px) {
	.left-2,
	.right-2,
	.left-3,
	.center-3,
	.right-3,
	.left-46,
	.right-46,
	.left-64,
	.right-64{width:100%;}}



/*-70カラムの交互変換---------------*/
/*----------------------------------*/
/*コンテンツ2_70カラム*/
.wrap70 {	display:flex;
			justify-content: space-between;
			margin:10px auto 90px auto;
			position:relative;
			height:auto;
			flex-direction: row;}

.text70 { width: 70%;		width: calc(70%);	width: -webkit-calc(70%);	width: -moz-calc(70%);}
.pict70 {margin-left: 3%;
	   	width: 30%;		width: calc(30%);	width: -webkit-calc(30%);	width: -moz-calc(30%);}


.wrap70:nth-child(even) {flex-direction: row-reverse;}
.wrap70:nth-child(even) .text70 {text-align: left;}
.wrap70:nth-child(even) .pict70 {margin-left: 0;	margin-right: 3%;}



@media (max-width:639px) {
  .wrap70 {flex-direction: column;
  			margin:0px auto 20px auto;}
  .text70{ margin:auto;	 width:100%;}
  .pict70 { width:75%;	margin-left: auto;	margin-right: auto;}
  .wrap70:nth-child(even) {flex-direction: column; width:100%;}
  .wrap70:nth-child(even) .text70 {}
  .wrap70:nth-child(even) .pict70 { width:75%;	margin-left: auto;	margin-right: auto;}}
















.inner{width: 90%;
		margin: auto;}





/*余白*/		
	.yohaku{ height:50px;}





/*フッタ全般*/
/*--------------------------------*/

/*フッタ領域*/
.footer {	width: 100%;
			background-color:#FDECBD;}
.footer a{	color:#665E50;}
.fo_info{ text-align:left;}
table.fo_info td{font-size: 0.8em;}
.fo_info img{margin:1% 0;
			max-width: 365px;}

@media screen and (max-width: 639px) {
	.foot{ width:100%;}
	.fo_info{ text-align:center;}
	.fo_info img{margin:5% 0;}}





/*フッタ内テーブル*/
/*右側*/	
/*table.tbl_fo_ri a{font-weight: 100;}
table.tbl_fo_ri th,
table.tbl_fo_ri td{	width: 100%;
					display: block;
					text-align: left;}	
@media (max-width:639px) {
		table.tbl_fo_ri{width: 80%;
						margin: 10px 0;}
		table.tbl_fo_ri a{font-size: 0.8em;}
		table.tbl_fo_ri th{width: 60%;
							float: left;}
		table.tbl_fo_ri td{width: 40%;
							float: left;}}*/

/*コピー部分*/
	.copy { text-align:center;
			line-height:50px; /*縦中央揃え*/
			font-size:11px;
			margin:0 auto;
			background: #FFFCF3;
			height: 50px;}





































/*--------------------------------*/
/*●個別ページごと●*/
/*--------------------------------*/


/*トップページ*/
/*--------------------------------*/
.top_nav{ width:100%;
		height:auto;
		padding:5% 0%; /*高さ指定*/
		text-align:center;
		background:url("../img/bg.jpg")no-repeat center center/contain;}

 @media screen and (max-width: 639px) {
	 .top_nav{padding:15% 0%;
				background:url(../img/bg.jpg) center center/100%;}} 


/*ナビ部分*/
/*-トップ50カラム-------------------------*/
/*----------------------------------*/
.top-left-2,
.top-right-2 {	width: 50%;		width: calc(50%);	width: -webkit-calc(50%);	width: -moz-calc(50%);}
.top-left-2  { clear:both;
				float: left;
				text-align: right;}
.top-right-2  { float: right;
				text-align: left;}
		
.top-left-2 img,
.top-right-2 img {max-width: 313px;
					padding: 10px;}	



		
		
/*-トップ33.3カラム-------------------------*/
/*----------------------------------*/
.top-left-3,
.top-center-3,
.top-right-3 {width: 33.33333%;    width: calc((100%) / 3);    width: -webkit-calc((100%) / 3);   width: -moz-calc((100%) / 3);}


.top-left-3{ clear:both;
			float: left;
			text-align: right;}
.top-center-3  {float: left;
				text-align: center;}	
.top-right-3  { float: right;
				text-align: left;}
		
.top-left-3 img,
.top-center-3 img,
.top-right-3 img{max-width: 175px;
				padding: 5px;}

.top-center-3 img{padding-top: 50px;}

@media screen and (max-width: 639px) {
.top-center-3 img{padding-top: 5px;}} 	


/*table.tbl_nav{
		/*width: 100%;
		max-width: 1000px;*/
/*		margin: 0 auto;
		table-layout: fixed !important;}
	
table.tbl_nav td{padding:10px;
				vertical-align: middle;}

 @media screen and (max-width: 639px) {
	 table.tbl_nav td{width:50%;
	 					font-size:0.85em;
				vertical-align: top;}} */


.shadow {	display: inline-block;
  			text-decoration :none;
  			box-shadow: 0 2px 7px rgba(0,0,0,0.3);
  			transition: .3s;}
.shadow:hover {box-shadow: 0 0 2px rgba(0,0,0,0.2);}





/*お知らせ*/
table.topic{border-collapse: collapse;
			border: 10px solid #69BC82;
			width: 90%;
			max-width: 450px;
			margin: auto;}
table.topic th{padding:5px 0;
				color: #fff;
				background: #69BC82;}	
		

ul.news{font: 14px/1.6 'arial narrow', sans-serif;
  		padding: 10px;
  		list-style: none;}
ul.news li{position: relative;
			line-height: 25px;
			padding-left: 30px;}
ul.news li:before{	content: "・";
					position: absolute;
					left: 7px;
					font-size: 20px;}		





		







/*--------------------------------*/
/*トップページ以外*/
/*--------------------------------*/

/*-パンくずリスト-------------------*/
/*----------------------------------*/
.breadcrumb {margin: 25px 0;
  			 padding: 0;
  			 list-style: none;}
.breadcrumb li {display: inline;/*横に並ぶように*/
  				list-style: none;
  				font-weight: bold;/*太字*/}
.breadcrumb li:after {/* >を表示*/
  						content: '>';
  						padding: 0 0.2em;
  						color: #555;
						font-size:12.5px;}
.breadcrumb li:last-child:after {  content: '';}
.breadcrumb li a {  text-decoration: none;}
span.list{ color: #C69C6D;/*色*/
  			font-size:12.5px;}





/*タイトル部分*/
.title,.title_sub{margin:50px auto;}
.title img,
.title_sub img{max-width: 600px;
			margin:25px auto;
			display: block;}

@media (max-width:639px) {
	.title_sub{margin-top:0;}
	.title_sub img{max-width: 600px;
			margin-top:0;
			display: block;}}

.round-cap:after {max-width: 600px;
	margin:0 auto 50px auto;
    background-color: #C69C6D; /* 線色 */
    border-radius: 2px; /* 線幅の半分 */
    content: "";
    display: block;
    height: 4px; /* 線幅 */}

.ti_cen{text-align: center;}
@media screen and (max-width: 639px) {.ti_cen{text-align:left;}} 


/*関連メニュー*/
.menu{border: 5px solid #C69C6D;
	width: 75%;
	margin:50px auto 100px auto;
	padding: 2.5%;
	border-radius:15px;}
.menu img{max-width: 200px;}

@media screen and (max-width: 639px) {
	.menu{padding: 5%;}
	.menu img{max-width: 350px;
				margin: 5px 0;}} 



/*関連(文字)*/
/*.relate li{
  	list-style:none;
  	padding:0px 2.5px;
  	margin:0 5px;}
	
.relate{display:flex;}

 @media screen and (max-width: 400px) {
	 .relate{display: inline;}
	 .relate li{display: table;  width: 50%;}}*/

/*3→2カラムにする*/
.cssgrid {display: grid;
    		grid-template-columns: 1fr 1fr 1fr;
    		grid-gap: 0.8em;}	
.cssgrid > div {overflow: auto;}
				
@media (max-width:900px) {.cssgrid{grid-template-columns: 1fr 1fr;}}



/*説明文タイトル数字*/
.number{vertical-align:middle;
		margin-right: 10px;}
/*各説明文　文章*/
.word{margin:10px 0px 25px 0px;}


/*福祉リフォームページ*/
/*--------------------------------*/
/*関連メニュー*/
.menu_pink{border: 5px solid #EB6D73;}

/*下線マーカー*/
mark.mark_pink{background: linear-gradient(to top, #EB6D73 0% 40%, rgba(0,0,0,0) 40% 100%);}

/*ボタン*/
.bt_pink{background:#fff;
			color:#EB6D73;
			border: 5px solid #EB6D73;
			margin:5px auto;}
.bt_pink a{color:#EB6D73;}






/*福祉用具ページ*/
/*--------------------------------*/
/*ボタン*/
.bt_purple{background:#fff;
			color:#7b59a2;
			border: 5px solid #7b59a2;
			margin:5px auto;}
.bt_purple a{color:#7b59a2;}

.li_left{padding-left: 50px;}
@media screen and (max-width: 639px) {.li_left{padding-left: 30px;}}





/*症状別にみるページ*/
/*--------------------------------*/
/*下線マーカー*/
mark.mark_khaki{background: linear-gradient(to top, #C69C6D 0% 40%, rgba(0,0,0,0) 40% 100%);}

/*ボタン*/
.bt_khaki{background:#fff;
			color:#C69C6D;
			border: 5px solid #C69C6D;
			margin:5px auto;}
.bt_khaki a{color:#C69C6D;}




/*高カロリー食・とろみ食品ページ*/
/*--------------------------------*/
/*ボタン*/
.bt_peach{background:#fff;
			color:#EC7E8F;
			border: 5px solid #EC7E8F;
			margin:5px auto;}
.bt_peach a{color:#EC7E8F;}


/*5→3カラムにする*/
.cssgrid02 {display: grid;
    		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    		grid-gap: 0.8em;}	
.cssgrid02 > div {text-align:center;
				font-weight:bold;
				margin:0 auto;
    			overflow: auto;
    			font-size:0.8em;
    			top:0;}
.ribbon{vertical-align:middle;
		padding-left:0px;
		max-width:12px;}
@media (max-width:639px) {.cssgrid02{grid-template-columns: 1fr 1fr 1fr;}}












/*事業者概要ページ*/
/*--------------------------------*/
.tbl2{ 	width:100%;
		max-width:600px;
		margin:0 auto;}
.tbl2 th  { width:20%;
  			padding: 10px;
		text-align: left;
		vertical-align: baseline;}
.tbl2 td {padding:0px 10px;
		vertical-align: baseline;}


@media screen and (max-width: 639px) {
  .last td:last-child {border-bottom: solid 1px #ccc;
    					width: 100%;}
  .tbl2 th {padding:0;}
  .tbl2 td {padding:0 0 25px 0;}
  .tbl2 th,
  .tbl2 td {border-bottom: none;
    		display: block;
    		width: 100%;}}


/*----------マップ----------*/
/*--------------------------------*/
.map{ margin: 0px auto;
		/*padding-top:130px;*/
		max-width:1200px;
		z-index:5;}
.gmap {height: 0;
		overflow: hidden;
		padding-bottom: 250px;
		position: relative;}
.gmap iframe {position: absolute;
			left:0;
			top: 0;
			height: 100%;
			width: 100%;}