@charset "UTF-8";

/* ~~~start mainpage~~*/


body{
 background-image: linear-gradient(-225deg, #FFFEFF 0%, #D7FFFE 100%);
  font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

/*UseWebfont*/
.npo-name,.menu{
	font-family: "M PLUS Rounded 1c";
}

header{
	box-sizing:border-box;
}

/*背景設定用*/
header{
	background-image:url("../img/header-background.png") ;
	background-repeat:repeat-x;
	background-color: rgba(255,255,255,0.7);
}

.header-fixed{
	position:fixed;
	top:0;           
    width: 100%; 
    z-index:2;
}

.header-fixed:after{
	content:"";
	display:block;
	clear:both;
}

h1,h2{
	font-size:1rem;
	line-height:1.5rem;
	margin-top:0px;
	padding:0px;
}

.wrapper{
	max-width:1200px;
	margin:0 auto;
	padding-left:5px;
	padding-right:5px;
}

.orange{
	color:#ff8c00;
}

.size-big{
	font-size:1.8rem;
	line-height:1rem;
}

.shadow{
	text-shadow:1px 2px 2px #C6CCA5;
}

.current{
	border:1px solid #f9b000;
	border-radius: 3px 3px 3px 3px;
	background-color:#eee;
}

.main-logo-img{
	width:300px;
	height:auto;
}

.main-titile-box{
	float:left;
}

.hd-box{
	margin-top:20px;
}

.hd-box::after{
	content:"";
	display: block;
	clear:both;
}
.cf{
	content:"";
	display:block;
	clear:both;
}

.otoiawase{
	border:1px solid #28ebe5;-webkit-box-shadow: #B4B5B5 1px 1px 1px  ;
	-moz-box-shadow: #B4B5B5 1px 1px 1px ; 
	box-shadow: #B4B5B5 1px 1px 1px  ; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;font-size:1rem;
	padding: 10px 20px 10px 20px;
 	text-decoration:none; 
 	letter-spacing:0.2em;
 	display:inline-block;
 	text-shadow: 1px 1px 0 rgba(0,0,0,0.3); 
 	color: #FFFFFF;
	background-color: #5BF0EB;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5BF0EB), to(#36B38D));
	 background-image: -webkit-linear-gradient(top, #5BF0EB, #36B38D);
 	background-image: -moz-linear-gradient(top, #5BF0EB, #36B38D);
	background-image: -ms-linear-gradient(top, #5BF0EB, #36B38D);
	 background-image: -o-linear-gradient(top, #5BF0EB, #36B38D);
	 background-image: linear-gradient(to bottom, #5BF0EB, #36B38D);
 	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5BF0EB, endColorstr=#36B38D);
 	float:right;
}

.otoiawase:hover{
	background-color: #1EBFCB;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1EBFCB), to(#83f2e9));
 	background-image: -webkit-linear-gradient(top, #1EBFCB, #83f2e9);
 	background-image: -moz-linear-gradient(top, #1EBFCB, #83f2e9);
 	background-image: -ms-linear-gradient(top, #1EBFCB, #83f2e9);
 	background-image: -o-linear-gradient(top, #1EBFCB, #83f2e9);
 	background-image: linear-gradient(to bottom, #1EBFCB, #83f2e9);
 	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1EBFCB, endColorstr=#83f2e9);
}

.hd-otoiawase-box p{
	float:right;
}


.otoiawase>.fas{
	color:white;
} 

.fa, .fas, .far{
	color:orange;
}
.menu .fas{
	font-size:1.3rem;
}

small{
	text-align:center;
}


/*〜〜〜〜〜main〜〜〜〜〜*/
main{
	margin-top:190px;
}

.top-image-area{
	width:100%;
	margin:0 auto;
}

.top-image-area>img{
	border-radius:5px;
}

.slick-track>img{
	border-radius:5px;
}

h3{
	font-size:1.4rem;
	margin-top:10px;
	padding-left:10px;
	color:orange;
	border-left:0.3rem solid #2ad4af;
}

.br{
	font-size:1.2rem;
	padding:01rem;
}

.fas{
	margin-right:5px;
}

article{
	padding-top:2px;
	padding-left:10px;
	box-sizing: border-box;
}

main:after{
	content:"";
	display:block;
	clear:both;
	}
	
/*〜〜〜〜〜article〜〜〜〜〜*/

.aisatu-p{
	padding:15px 40px;
}

.relative{
	position:relative;
}

h4{
	margin-top:20px;
	font-size:1.4rem;
	margin-left:1rem;
	border-bottom: 2px dashed #F9B000;
	color:orange;
}

.scroll{/*スクロール部のデザイン*/
	height: 5rem;
	line-height:1rem;
	background-color: white;
	overflow: scroll;
	box-sizing: border-box;
}

.half{
	width:50%;
	float:left;
}

.info_box,.hou-gaiyou{
	letter-spacing:1px;
	padding-bottom:5px;
}

.info_box:after{
	content:"";
	display:block;
	clear:both;
}

.info_box dl,.hou-gaiyou dl,.sisetu-gaiyou dl,.service-setubi dl,.gl-riyouryou dl,.niji-gaiyou dl{
	border-bottom:1px dotted #cccccc;
	padding:2px 0;
	margin-left:2rem;
}

.info_box dl dt,.hou-gaiyou dl dt,.sisetu-gaiyou dl dt,.service-setubi dl dt,.gl-riyouryou dl dt,.niji-gaiyou dl dt{
	line-height:1.5rem;
	float:left;
	font-weight:bold;
	margin-right:1rem;
}

.info_box dl dd,.hou-gaiyou dl dd,.sisetu-gaiyou dl dd,.service-setubi dl dd,.gl-riyouryou dl dd,.niji-gaiyou dl dd{
	margin-left:8rem;
}


.info_box h4>fas{
	color:orange;
}


.akisitu-img{
	margin-top:10px;
	width:100%;
}

.line-space{
	margin-top: 1rem;
}

.line-space img{
	max-width:100%;
}

.saiyou-img{
	width:100%;
}

/*〜〜〜〜〜法人概要〜〜〜〜〜*/
table.houjin_gaiyou{
	width:100%;
	table-layout: fixed;
	padding:20px;
	border-collapse: collapse;
}

td.td_bold{
	font-weight: 600;
	min-width: 30%;
	border-bottom:1px dashed #2ad4af;
}

td.td_detail{
	width:70%;
	border-bottom:1px dashed #2ad4af;
}

.detail_li{
	margin-left: 1rem;
}

.hou-gaiyou-box{
	padding:10px 20px;
}

.hou-gaiyou-box dt{
	width:8rem;
	display:block;
	line-height:8rem;
}
.form-btn{
	display:inline-block;
	padding:0.25em 0.5em;
	text-decoration: none;
	color:#FFF;
	background:#fab000;
	border-radius: 4px;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0,0,0,0.19);
	font-weight:bold;
}

.contact-form img{
	max-width: 100%;
}


/*〜〜〜〜〜グループホーム〜〜〜〜〜*/
.gl-heya-topmargin{ /*ヘッダーかぶり対策*/
	margin-top:50px;
}

.gl-heya-jyouhou{
	padding:10px;
	color:#7c6f4f;
	box-sizing: border-box;
	text-align:center;
}


.heya-left{
	background-color:#d1E27A;
	border:2px solid #d1e27A;
	padding:5px 5px;
}

.heya-right{
	padding:5px 5px;
	border:2px solid #d1e27A;
}

.heya-color{
	color:orange;
	font-weight: bold;
}

.gl-heya-jyouhou:after{
	content:"";
	display:block;
	clear:both;
}

/*〜footer〜*/
footer{
	background-image:url("../img/footer-background.png") ;
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:center;
	text-decoration: none;
	padding-top:20px;
	padding-bottom:20px;
	background-color:rgba(162,252,164,0.4);
}

.footer-top{
	padding-bottom: 10px;
}

.footer-top li a{
	display:block;
	color:#333;
}

.footer-top ul{
	list-style:none;
	width:100%;
}

.footer-top li{
	float:left;
	width:33.333%;
}

.footer-top:after{
	content:"";
	display: block;
	clear:both;
}

.footer-address{
	padding-top:10px;
	padding-bottom:10px;
	text-decoration: none;
}

.footer-address span{
	font-weight: bold;
}


/*〜〜〜〜〜MediaQuerys〜〜〜〜〜*/
/*===========767px以下================*/
@media (max-width:767px){
	/*トップ画像ヘッダーかぶり対策*/
	main{
		margin-top:155px;
	}

	.hd-logo-area{
		width:100%;
	}

	h1{
		font-size:14px;
		line-height:14px;
	}

	.main-logo-img{
	width:150px;
	height:auto;
	}
	
	.menu li a{
		display:block;
		padding-left:1rem;
		padding-right: 0px;
		padding-top:5px;
		padding-bottom: 5px;
		color:#000;
		font-size:14px;
		text-decoration: none;
	}

	.menu li a:hover{
		background-color:#eee;
	}

	/*ここからメニューボタン設定*/
	#nav-drawer{
		position:relative;
	}

	.nav-unshown{
		display:none;
	}

	#nav-open{
		display:inline-block;
		width:30px;
		height:22px;
		vertical-align:middle
	}

	#nav-open span, #nav-open span:before, #nav-open span:after {
	  position: absolute;
	  height: 3px;/*線の太さ*/
	  width: 25px;/*長さ*/
	  border-radius: 3px;
	  background: #555;
	  display: block;
	  content: '';
	  cursor: pointer;
	}

	#nav-open span:before {
 		 bottom: -8px;
	}
	#nav-open span:after {
  		bottom: -16px;
	}
	/*閉じる用の薄黒カバー*/
	#nav-close {
	  display: none;/*はじめは隠しておく*/
	  position: fixed;
	  z-index: 99;
	  top: 0;/*全体に広がるように*/
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: black;
	  opacity: 0;
	  transition: .3s ease-in-out;
	}

	  #nav-content {
	  overflow: auto;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 9999;/*最前面に*/
	  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
	  max-width: 330px;/*最大幅（調整してください）*/
	  height: 100%;
	  background: #fff;/*背景色*/
	  transition: .3s ease-in-out;/*滑らかに表示*/
	  -webkit-transform: translateX(-105%);
	  transform: translateX(-105%);/*左に隠しておく*/
	}


	/*チェックが入ったらもろもろ表示*/
	#nav-input:checked ~ #nav-close {
	  display: block;/*カバーを表示*/
	  opacity: .5;
	}

	#nav-input:checked ~ #nav-content {
	  -webkit-transform: translateX(0%);
	  transform: translateX(0%);/*中身を表示（右へスライド）*/
	  box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}

	.hd-box p{
		display: none;
	}

	.otoiawase{
		text-align: center;
		padding: 5px;
		font-size:13px;
	}

	.info_half{
		margin:0 auto;
		text-align:center;
	}

	.info_half .akisitu-img{
		width:80%;
	}

	.info-box{
		margin-left:0px;
	}

	/*法人概要パディングを小さく*/
	table.houjin_gaiyou{
	width:100%;
	table-layout: fixed;
	padding:10px;
	border-collapse: collapse;
	}

	.info_box dl,.hou-gaiyou dl,.sisetu-gaiyou dl,.service-setubi dl,.gl-riyouryou dl,.niji-gaiyou dl{
	border-bottom:1px dotted #cccccc;
	padding:2px 0;
	margin-left:0rem;
	}

	.info_box dl dt,.hou-gaiyou dl dt,.sisetu-gaiyou dl dt,.service-setubi dl dt,.gl-riyouryou dl dt,.niji-gaiyou dl dt{
	margin-right:0.5rem;
	}
	
	.hou-gaiyou dl dd,.sisetu-gaiyou dl dd,.service-setubi dl dd,.gl-riyouryou dl dd,.niji-gaiyou dl dd{
		margin-left:4rem;
	}

	.info_box dl dd,{
		margin-left:5rem;
	}

	.hou-gaiyou-box dt{
		width:auto;
	}

	.footer-top{
		display:none;
	}

	.map-left img{
		max-width:100%;
	}
	.aisatu-p{
		padding-left:0px;
		padding-right:0px;
	}
	.info_box dl,.hou-gaiyou dl,.sisetu-gaiyou dl,.service-setubi dl,.gl-riyouryou dl,.niji-gaiyou dl{
	border-bottom:1px dotted #cccccc;
	padding:2px 0;
	margin-left:0px;
	}
}


/*===========768px以上================*/
@media (min-width:768px){

	.menu li a{
		display:block;
		padding:10px 10px;
		color:#000;
		font-size:1rem;
		line-height:1.2rem;
		vertical-align: middle;
		text-decoration:none;
	}

	.menu li a:hover{
		background-color:#eee;
	}

	.menu ul:after{
		content:"";
		display:block;
		clear:both;
	}

	.menu li{
		float:left;
		width:14.285%;
		text-align:center;
	}
	.nav-unshown {
 	 display:none;
	}
		/*768以上のときヘッダーロゴと問合せボタン横並び*/
	.hd-logo-area,.hd-otoiawase-box{
		width:50%;
		float:left;
	}
	.hd-box:after{
		content:"";
		display:block;
		clear:both;
	}

	.nav-p{
		display: none;
	}

	.map-box{
		content:"";
		display:block;
		clear:both;
		box-sizing: border-box;
	}
	/*768以上のとき地図の横に説明書き横並び*/

	.map-left{
		width:60%;
		float:left;
	}

	.map-right{
		width:40%;	
		float:left;
	}
	.hd-margin{
		margin-top:100px;
		margin-bottom:20px;
	}

	/*グループホーム　空き室情報　768以上のとき　横並び*/
	.heya1,.heya2,.heya3{
	width:33.33%;
	float:left;
	}
}

/*768〜850のときお問い合わせボタンの幅を最大にする*/
@media (max-width: 850px) and (min-width:768px) {

	.hd-otoiawase-box a{
		width:100%;
		text-align: center;
		padding:5px 5px;
	}
 	
 	.menu li a{
		display:block;
		padding:4px 2px;
		color:#000;
		font-size:12px;
		line-height:1rem;
		vertical-align: middle;
		text-decoration:none;
	}
}



/*846以上のとき空き室情報画像が横並び*/
@media (min-width:845px){
	.info_half{
	width:50%;
	float:left;
	text-align:center;
	padding:20px;
	}
}