@charset "utf-8";
/* フッター
-------------------------------------------- */
footer {
	border-width: 3px 0 0 !important;
	border-style: solid !important;
	border-color:#981e50 !important;
}
/* トップページ
-------------------------------------------- */
.inFoneWstitle {
    font-size: 18px;
	padding-left: 15px;
}

/* 絹の郷について
-------------------------------------------- */
.shinsyuu{
	width: 100%;
}
.shinsyuu b{
	display: block;
	text-align: center;
	font-size: 24px;
	margin: 50px auto;
}
.pcnone{
	display: none;
}

.pcnoneTable{
	display: none;
}

#aboutks {
	/* padding: 56px 0 156px 46px; */
	margin: 150px 0 200px 0;
	display: flex;
	width: 100%;
}

#aboutks p.aboutimg img {
	padding: 0 66px 0 0;
	width: 100%;
}

#aboutContents {
	width: 70%;
	padding: 40px 0 0 50px ;
}

#aboutContents h3 {
	font-size: 36px;
	padding: 0 0 5px;
	border-width: 0 0 1px 0;
	border-color: #d253be;
	border-style: solid;
	font-weight: normal;
	color: #d253be;
	width: 100%;
}

#aboutContents h4 {
	font-size: 20px;
	color: #b7b6b6;
}

#aboutContents p {
	margin: 104px 30px 0 0;
	font-size: 20px;
	/* line-height: 4.6em; */
	color: #313131;
}


/* 新着情報について
-------------------------------------------- */
#aboutNews{
	width: 100%;
	height: 1000px;
	background-color: #fafafa;
}

#aboutNews h3 {
	font-size: 36px;
	color: #5f5f5f;
	padding: 100px 0 0 100px;
	border-bottom: 1px solid #5f5f5f;
	margin-right:100px;
}

#aboutNews h4 {
	font-size: 20px;
	color: #5f5f5f;
	padding: 0 0 100px 100px;
}

.viewmore{
	display: block;
	text-align: center;
}

#aboutNews p{
/*	display: inline-block;
	margin: 100px auto;
	padding: 5px 15px;
	color:  #981e50;
	border: 1px solid  #981e50;*/
}

/* 求人情報について
-------------------------------------------- */

#jobinfomations{
	width: 100%;
	height: 1400px;
}

#jobinfomationsno{
	width: 100%;
	height: 400px;
}
#jobinfomations h3 {
	font-size: 36px;
	color: #5f5f5f;
	padding: 100px 0 0 0;
	border-bottom: 1px solid #5f5f5f;
	margin-left:100px;
}

#jobinfomations h4 {
	font-size: 20px;
	color: #5f5f5f;
	padding: 0 0 100px 100px;
}

#jobinfomations p{
	display: inline-block;
	margin: 100px auto;
	padding: 5px 15px;
	color: #5f5f5f;
	border: 1px solid  #5f5f5f;
}

/* サービスについて
-------------------------------------------- */
#service{
	width: 100%;
	height: 850px;
	background-color: #fafafa;
}

#service h3 {
	font-size: 36px;
	color: #5f5f5f;
	padding: 100px 0 0 100px;
	border-bottom: 1px solid #5f5f5f;
	margin-right:100px;
}

#service h4 {
	font-size: 20px;
	color: #5f5f5f;
	padding: 0 0 100px 100px;
}

.serviceMEnu{
	max-width: 1600px;
}

.serviceMEnu img{
    width: 430px;
    height: 300px;
    border-radius: 20px;
}

.serviceMEnu h4{
    margin: 0 0 0 -100px;
    padding: 0;
    text-align: center;
}

/* 下層ビジュアル 
--------------------------------------------*/
.subVisual {
	height: 360px;
	padding-top: 90px;
}

/* 介護付き老人ホームについて
-------------------------------------------- */
/* 見出し
-------------------------------------------- */
#aboutnursinghome h3 {
	font-size: 36px;
	color:#2a85bd;
	padding: 100px 0 0 0;
	border-bottom: 1px solid #2a85bd;
	margin-left:50%;
}
#aboutnursinghome h4 {
	font-size: 20px;
	color: #5f5f5f;
	padding: 0 0 100px 50%;
}
.fac1f h3 {
	color: #ce00f3 !important;
	border-bottom: 1px solid #ce00f3 !important;
}	
.fac2f h3 {
	color: #96d400 !important;
	border-bottom: 1px solid #96d400 !important;
}	
.fac1f h3,
.fac2f h3{
	margin: 100px 700px 0 0 !important;
	padding-left: 100px;
    font-size: 24px;
}

.fac1f h4,
.fac2f h4{
	padding-left: 100px;
	margin-bottom: 75px;
    font-size: 18px;
}

/* 施設について
-------------------------------------------- */
#livingExpenses h3 {
	font-size: 36px;
	color: #5f5f5f;
	padding: 100px 0 0 100px;
	border-bottom: 1px solid #5f5f5f;
	margin-right:100px;
}

#livingExpenses h4 {
    font-size: 20px;
    color: #5f5f5f;
    padding: 0 0 100px 100px;
}
#shortstay h3 {
	font-size: 36px;
	color: #5f5f5f;
	padding: 100px 0 0 100px;
	border-bottom: 1px solid #5f5f5f;
	margin-right:100px;
}

#shortstay h4 {
	font-size: 20px;
	color: #5f5f5f;
	padding: 0 0 100px 100px;
}

#aboutnursinghome h4+p {
    color: #5f5f5f;
	width: 50%;
	margin: 50px 25%;
    font-size: 16px;
}

#aboutnursinghome p{
	display: inline-block;
	color: #5f5f5f;
}

.faciDetail,
.facilities{
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
}

.facilities{
	width: 1580px;
	margin: 0 auto;
}

.facilities li{
	width: 50%;
	margin: 0 0 20px;
	padding: 0;
}

.faciDetail img{
	width: 280px;
	height: 200px;
	object-fit: cover;
    /*height: auto;*/
	margin: 40px 0 0 80px;
	margin: 0 0 0 80px;
}

.faciDetail p{
	width: 300px !important;
}


.viewmore2{
	display: block;
	text-align: center;
}
.viewmore2 p{
	display: inline-block;
	margin: 100px auto;
	padding: 5px 15px;
	color:  #981e50 !important;
	border: 1px solid  #981e50;
}
/* グループホームについて
-------------------------------------------- */
/* 見出し
-------------------------------------------- */
#hohoemihome {
    margin-bottom: 50px;
}
#hohoemihome h3 {
	font-size: 36px;
	color:#da8d38;
	padding: 100px 0 0 0;
	border-bottom: 1px solid #da8d38;
	margin-left:50%;
}
#hohoemihome h4 {
	font-size: 20px;
	color: #5f5f5f;
	padding: 0 0 100px 50%;
}

#hohoemihome p{
	color: #5f5f5f;
	width: 1280px;
	margin: 50px auto;
    font-size: 16px;
}

/* ご入居までの流れ
-------------------------------------------- */
#steptomovie h2,
#steptomovie h3{
text-align: center;
}
#steptomovie h2{
	font-size: 28px;
}
#steptomovie h3,
#steptomovie p{
	font-size: 18px;
}


#steptomovie .s_02 .accordion_one .accordion_header {
    background-color: #da8d38;
}

/* グループホーム入居条件等
-------------------------------------------- */
#grouphomedetail{
	width: 100%;
	height: 1800px;
	background-color: #fafafa;
    font-size: 16px;
}

#grouphomedetail h4 {
	font-size: 20px;
	color: #da8d38;
}

#grouphomedetail ul,
.tableh4,
#grouphomedetail table,
#grouphomedetail p{
	width: 800px;
}

#grouphomedetail ul{
	margin: 0 auto;
	padding-top: 100px;
} 

.tableh4,
#grouphomedetail p{
	text-align: left;
	margin: 100px auto 0 auto;
	padding: 0;
    font-size: 16px;
}


#grouphomedetail table{
	margin: 0 auto 50px auto;
}

/* デイサービスについて
-------------------------------------------- */
/* 見出し
-------------------------------------------- */
#haveaniceday{
	width: 100%;
}
#haveaniceday h3 {
	font-size: 36px;
	color:#abcd03;
	padding: 100px 0 0 0;
	border-bottom: 1px solid #abcd03;
	margin-left:50%;
}
#haveaniceday h4 {
	font-size: 20px;
	color: #5f5f5f;
	padding: 0 0 100px 50%;
}

/* デイサービスの施設について
-------------------------------------------- */
#theflowof1day h3 {
	font-size: 36px;
	color: #5f5f5f;
	padding: 100px 0 0 100px;
	border-bottom: 1px solid #5f5f5f;
	margin-right:100px;
}

#theflowof1day h4 {
	font-size: 20px;
	color: #5f5f5f;
	padding: 0 0 100px 100px;
}

#dayservicefee h3 {
	font-size: 36px;
	color: #5f5f5f;
	padding: 100px 0 0 0;
	border-bottom: 1px solid #5f5f5f;
	margin-left:100px;
}

#dayservicefee h4 {
	font-size: 20px;
	color: #5f5f5f;
	padding: 0 0 100px 100px;
}

#theflowof1day{
	width: 100%;
    padding: 0 0 100px 0;
	background-color: #fafafa;
	margin-top: 100px;
}

#haveaniceday h4+p,
#theflowof1day p{
	color: #5f5f5f;
	width: 1280px;
	margin: 100px auto;
    font-size: 18px;
}

#theflowof1day table{
	border: none;
	width: 900px;
	margin: 0 auto;
	font-size: 20px;
}
#theflowof1day th{
	border: none;
	vertical-align:middle;
	width: 200px;
    background: #f8ffd3;
    color: #abcd03;
    border-bottom: solid 1px #abcd03;
}
#theflowof1day td{
	width: 800px;
	/*height: 250px;*/
	vertical-align:top;
	text-align: left;
	padding: 40px 50px;
    background: #fff;
    border-bottom: solid 1px #abcd03;
}


/* デイサービスの料金について
-------------------------------------------- */
#dayservicedetail .tableh4,
#dayservicefee .tableh4{
	margin: 100px auto 0 auto;
	padding: 0;
	text-align: center;
	color: #abcd03;
}
#dayservicefee table{
	width: 1000px;
	margin: 0 auto;
}

#dayservicefee .tableh4+p{
	width: 400px;
	margin: 25px auto 200px auto;
}

/* デイサービスの利用方法について
-------------------------------------------- */
#dayservicedetail{
	width: 100%;
	height: 580px;
	background-color: #fafafa;
}

#dayservicedetail .tableh4{
	padding-top: 100px;
	font-size: 28px;
}
#dayservicedetail p{
	text-align: center;
	margin: 50px auto;
}

#dayservicedetail h2{
	font-size: 28px;
}
#dayservicedetail h3,
#dayservicedetail p{
	font-size: 18px;
}
#dayservicedetail h2,
#dayservicedetail h3,
#dayservicedetail a{
color: #abcd03;
border: none;
text-align: center;
margin: 0;
padding: 0;
}

/* よくあるご質問について
-------------------------------------------- */
/* 見出し
-------------------------------------------- */
#qandatitle h3 {
	font-size: 36px;
	color:#981e50;
	padding: 100px 0 0 0;
	border-bottom: 1px solid #981e50;
	margin-left:50%;
}
#qandatitle h4 {
	font-size: 20px;
	color: #5f5f5f;
	padding: 0 0 100px 50%;
}

#qandatitle p{
	color: #5f5f5f;
	width: 1280px;
	margin: 50px auto;
}

#qandaaccordion h3 {
	color:#981e50;
	border-bottom: 1px solid #981e50;
}

/* アコーディオンパネル
-------------------------------------------- */
#qandaaccordion .s_02 .accordion_one .accordion_header {
    background-color: #2a85bd;
}

#qandaaccordion .s_02 .accordion_one .accordion_inner .box_one {
    height: 150px;
}
/* お問い合わせ先
-------------------------------------------- */
#qandainquiry{
	width: 100%;
	height: 500px;
	background-color: #fafafa;
}

#qandainquiry .tableh4{
	text-align: center;
	margin: 100px auto;
	padding: 100px 0 0 0;
	font-size: 32px;
	color:  #981e50;
}
#qandainquiry p{
	text-align: center;
	margin: 50px auto;
}

#qandainquiry h2{
	font-size: 28px !important;
}
#qandainquiry h5,
#qandainquiry p{
	font-size: 20px !important;
}

#qandainquiry h5{
	text-align: center;
	margin: 0 auto !important;
}

#qandainquiry h2,
#qandainquiry h3,
#qandainquiry a{
color:  #981e50;
border: none;
text-align: center;
margin: 0;
padding: 0;
}

    .faciDetail h5{
        font-size: 20px !important;
    }
@media screen and (max-width: 1700px) {
    .facilities {
        width: 1300px;
    }
    
    .facilities img {
        width: 220px;
        height: 150px;
    }
    
    #haveaniceday h4+p, #theflowof1day p,
    #hohoemihome h4+p, #hohoemihome p{
        width: 90%;
    }
}
/* pc縮小時対応　1600px幅まで
-------------------------------------------- */
@media screen and (max-width: 1600px) {
    #aboutContents p {
	    margin-top: 40px;
        line-height: 2.6em;
    }
}
/* pc縮小時対応　1400px幅まで
-------------------------------------------- */
@media screen and (max-width: 1400px) {
    #aboutContents p {
	    margin-top: 20px;
        line-height: 1.6em;
    }
	#aboutks p.aboutimg img {
		width: 90%;
	}
	#aboutContents p {
		font-size: 20px;
		line-height: 3em;
	}
	#service{
		width: 100%;
		height: 1200px;
		background-color: #fafafa;
	}
    .JOBHinFopost li {
        width: 320px;
    }
    .facilities {
        width: 1000px;
    }
    
    .faciDetail h5, .faciDetail p {
        font-size: 16px !important;
    }
    
    .facilities img {
        width: 160px;
        height: 116px;
    }
}

/* タブレット表示　1024px幅まで
-------------------------------------------- */
@media screen and (max-width: 1024px) {
	#aboutks p.aboutimg img {
		padding: 0;
		width: 80%;
	}
	#aboutContents {
		padding: 40px 0 ;
	}
	/* サービスについて
-------------------------------------------- */
#service{
	width: 100%;
	height: 1700px;
	background-color: #fafafa;
}

}

/* スマートフォン表示　640px幅まで
-------------------------------------------- */
@media screen and (max-width: 640px) {
/* 絹の郷について
-------------------------------------------- */
.pcnone{
	display: none !important;
}
.pcnoneTable{
	display: block;
}
.pcnoneTable th{
	background: #f8f8f2;
}
.tableBorder td{
	border-bottom: 1px solid #595959;
}
.spnoneTable{
	display: none;
}
.spnone{
	/* padding: 56px 0 156px 46px; */
	margin: 150px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}
.shinsyuu b{
	display: block;
	text-align: center;
	font-size: 18px;
	margin: 50px 15px;
}

#aboutK li{
width: 100%;
}
#aboutks p.aboutimg img {
    padding: 0 2% 0 2%;
    width: 96%;
}

#aboutContents {
	width: 90%;
	padding: 40px auto;
}

/* 新着情報について
-------------------------------------------- */

#aboutNews{
	width: 100%;
	height:1400px;
	background-color: #fafafa;
}
/* 求人情報について
-------------------------------------------- */

#jobinfomations{
	width: 100%;
	height: 1700px;
}
#jobinfomationsno{
	width: 100%;
	height: 600px;
}

	/* 介護付き老人ホームについて
-------------------------------------------- */
/* 見出し
-------------------------------------------- */
#aboutnursinghome h3 {
	margin: 0;
	padding: 250px 0 0 15px;
}
#aboutnursinghome h4 {
padding: 0 0 50px 15px;
}

#aboutnursinghome h4+p {
	width: 90%;
	margin: 0 15px 0 15px;
}

/* 施設について
-------------------------------------------- */

.facilities{
	width: 100%;
	margin: 0 auto;
}

.facilities li{
	width: 100%;
	margin: 0;
	padding: 0;
}

.faciDetail img{
	width: 96%;
	height:400px;
    height: auto;
	margin: 0 2%;
}
.faciDetail p,
#aboutnursinghome p {
    display: inline-block;
    color: #5f5f5f;
	padding: 0 4% 50px 4%;
}
/* グループホームについて
-------------------------------------------- */
/* 見出し
-------------------------------------------- */
#hohoemihome h3 {
	padding: 250px 0 0 15px;
	margin:0;
}
#hohoemihome h4 {
	padding: 0 0 50px 15px;
font-size: 16px;
}

#hohoemihome p{
	width: 90%;
	padding: 0;
	margin: 0 auto;
    font-size:16px;
}

/* グループホーム入居条件等
-------------------------------------------- */
#grouphomedetail{
	height: 2000px;
}
#grouphomedetail ul,
.tableh4,
#grouphomedetail table,
#grouphomedetail p{
	width: 100%;
}

.tableh4{
	text-align: center;
}

#grouphomedetail li {
    width: 96%;
	padding: 0 4%;
}


#grouphomedetail p{
	text-align: left;
	width: 90%;
	margin: 25px auto;
}


#grouphomedetail table{
	margin: 0 auto 50px auto;
	width: 90%;
}

/* デイサービスについて
-------------------------------------------- */
/* 見出し
-------------------------------------------- */
#haveaniceday h3 {
	padding: 250px 0 0 15px;
	margin:0;
}
#haveaniceday h4 {
	padding: 0 0 25px 15px;
}

/* デイサービスの施設について
-------------------------------------------- */

#haveaniceday h4+p,
#theflowof1day p{
	width: 90%;
	margin: 50px auto;
}

#theflowof1day table{
	width: 90%;
	margin: 0 auto;
}


/* デイサービスの料金について
-------------------------------------------- */
#dayservicefee table{
	width: 90%;
	margin: 0 auto;
}

#dayservicefee .tableh4+p{
	width: 90%;
	margin: 25px auto 200px auto;
}

/* デイサービスの利用方法について
-------------------------------------------- */
#dayservicedetail{
	width: 100%;
	height: 700px;
	background-color: #fafafa;
}

#dayservicedetail p{
	width: 90%;
	margin: 0 auto;
	font-size: 16px;
}

    .fac1f h3, .fac2f h3, .fac1f h4, .fac2f h4 {
        margin: 0 !important;
        padding: 0 0 0 20px !important;
    }
    #livingExpenses h3{
        padding-top: 0 !important;
        padding-left: 0 !important;
        font-size: 18px !important;
        /* margin-left: 15px !important;
        margin-bottom: 30px !important; */
    }
    
    #haveaniceday h3{
        padding-top: 20px !important;
        padding-left: 0 !important;
        font-size: 18px !important;
        margin-left: 15px !important;
    }
    #haveaniceday h4 {
        font-size: 18px;
    }
    
    #theflowof1day {
        padding-top: 30px !important;
    }
    
    #theflowof1day h3 {
        font-size: 18px !important;
        margin-right: 15px !important;
        padding-top: 20px !important;
        padding-left: 30px !important;
    }

	#theflowof1day h4,
	#dayservicefee h4  {
		padding: 0 0 100px 30px;
	}
    
    #theflowof1day table {
        width: 96% !important;
        margin: 0 auto !important;
    }
    
    #theflowof1day th,
    #theflowof1day td {
        width: 100% !important;
        display: block;
    }
    
    
    #theflowof1day td {
        padding: 10px !important;
        font-size: 16px !important;
        box-sizing: border-box;
    }
    #dayservicefee h3 {
        font-size: 18px !important;
        margin-left: 15px !important;
        padding-top: 20px !important;
        padding-left: 15px !important;
    }
    
    #dayservicedetail .tableh4, #dayservicefee .tableh4 {
        margin-top: 20px !important;
    }
    #dayservicefee .tableh4 + p {
        margin-bottom: 15px !important;
    }
    #dayservicedetail {
        height: 550px !important;
    }
    #hohoemihome h3{
        padding-top: 30px !important;
        padding-left: 0 !important;
        font-size: 18px !important;
        margin-left: 15px !important;
    }
    #hohoemihome p {
        margin-left: 15px !important;
        margin-bottom: 25px !important;
    }
    
    #grouphomedetail ul, .tableh4, #grouphomedetail table, #grouphomedetail p {
        width: 96%;
    }
    
    .contentsOuter h3{
        padding-top: 30px !important;
        padding-left: 30px !important;
        padding-bottom: 0 !important;
        font-size: 18px !important;
        margin-right: 15px !important;
    }
    .contentsOuter h4 {
        padding-top: 0 !important;
        padding-left: 30px !important;
        font-size: 18px !important;
        margin-right: 15px !important;
        margin-bottom: 30px !important;
        
    }
    
    .formInner {
        width: 96% !important;
        margin: 0 auto;
    }
    .formInner dl,
    .formInner dt,
    .formInner dd {
        width: 100% !important;
        display: block !important;
        margin: 0 auto;
        box-sizing:  border-box;
    }
    .mainvisual {
        margin-top: 35px !important;
    }
    .priveInner ol {
        padding-left: 0 !important;
    }
    .w1280 {
        width: 96% !important;
    }
    
    .kinunews {
        width: 96% !important;
        margin: 0 auto;
    }
    .kinunews li{
        width: 96% !important;
    }
    
    .kinunews li img {
        width: 100% !important;
		height: auto !important;
    }
    .kinunews h3{
        padding-top: 30px !important;
        padding-left: 30px !important;
        padding-bottom: 0 !important;
        font-size: 18px !important;
        margin-right: 15px !important;
    }
    
    .kinunews h4,
    .kinunews p{
        font-size: 16px !important;
    }
    
    
}

/* 1px～1620px幅まで、端末が横向き(ランドスケープ)のCSS
-------------------------------------------- */
@media (orientation: landscape) and (max-width: 1620px){
}

/* 1px～1024px幅まで、端末が縦向き(ポートレート)のCSS
-------------------------------------------- */
@media (orientation: portrait) and (max-width: 1024px){
}

.faciDetail h5 {
    font-size: 18px;
}

a.contactlinkbtn {
  padding: 15px 60px !important;
  border: solid 1px #abcd03;
  font-size: 18px;
  background: #abcd03;
  color: #fff !important;
  font-weight: bold;
  opacity: 1;
  -webkit-transition: .6s ease-in-out;
  transition: .6s ease-in-out;
    margin: 30px auto !important;
}

a.contactlinkbtn:hover {
    cursor: pointer;
    opacity: .5;
}

a.contactlinkbtn2 {
  padding: 15px 60px !important;
  border: solid 1px #da8d38;
  font-size: 18px;
  background: #da8d38;
  color: #fff !important;
  font-weight: bold;
  opacity: 1;
  -webkit-transition: .6s ease-in-out;
  transition: .6s ease-in-out;
    margin: 30px auto !important;
}

a.contactlinkbtn2:hover {
    cursor: pointer;
    opacity: .5;
}

a.alllistbtn {
  padding: 15px 60px !important;
  border: solid 1px #da8d38;
  font-size: 18px;
  background: #da8d38;
  color: #fff !important;
  font-weight: bold;
  opacity: 1;
  -webkit-transition: .6s ease-in-out;
  transition: .6s ease-in-out;
    margin: 70px auto !important;
}

a.alllistbtn:hover {
    cursor: pointer;
    opacity: .5;
}

.fs24 {
    font-size: 24px;
}

/*.slidewhup img {
width: 100%;
height: auto;
  animation: animationZoom2 3.75s ease-in infinite;
}

@keyframes animationZoom2 {
  100% {
    transform:scale(1.1)
  } 
}*/

html body div.wprm-wrapper {
    position: relative !important;
    z-index: 8888 !important;
}