/* 
SP調整用CSS
基本は各施設共通ですが、それぞれに合わせて微調整しています。
style.cssにはそれぞれ基本のレスポンシブが組み込まれています。
*/
@charset "UTF-8";


@media only screen and (max-width: 736px) {
	/* 共通CSS ----------------------------------------------------------*/

	.home #content{padding-top: 60px;}

	/* セクション */
	.area-box p{text-align: justify; margin-bottom: 20px; padding:0 10px;}

	/* アンカーリンク */
	.anker-link{
		padding-top: 60px;
		margin-top: -60px;
	}

	/* 共通テーブル */
	.table-design01 tr th:first-child{width: 100%;}

	/* TOPページ --------------------------------------------------------------*/
	.header-wrap{height:auto;}

	.logo a{height: 30px; line-height: 1;}
	.logo a img{width: 200px;}
	.logo span{font-size: 12px; padding-left: 10px; margin:0;}

	.modal-btn{background-color: #fb666b;}

	.main-title span{margin-bottom: 4px;}
	.main-title i{margin-bottom: 10px;}

	.topics_body{height: 200px;}


	.box-service .col2{margin-bottom: 10px;}

	.service-left::before{font-size: 15px;}
	.service-left p{text-align: center;}

	.about-box p{padding:20px 10px;}
	.about-box p,
	.about-box p .kc-text01{font-size: 16px; text-align: left;}

	.about-box p br{display: none;}

	.area-box.greeting-box{padding: 40px 0 0;}

	.greeting-ph{padding:10px; margin-bottom: 10px;}
	.greeting-ph,
	.greeting-ph figure,
	.greeting-ph ul{display: block; position: static; text-align: center;}

	.greeting-ph figure{margin-bottom: 10px;}
	.greeting-ph ul{line-height: 1.4;}

	.area-box.outline-box{padding: 40px 10px 0;}


	/* 中ページ --------------------------------------------------------------*/

	/* 共通CSS */

	#page-mainimg > figure{height: auto;}

	#page-mainimg .mainimg-title{
		min-width: 100%;
		min-height: auto;
		position: static;
		transform: none;
	}

	.title-box{position: static; transform: none; padding:10px 0;}
	#page-mainimg .mainimg-title h2{font-size: 20px;  letter-spacing: 1px;}
	#page-mainimg .mainimg-title h2 br{display: none;}
	#page-mainimg .mainimg-title h2,
	#page-mainimg .symbolmark{display: inline-block; margin:0; vertical-align: middle;}
	#page-mainimg .symbolmark i{
		margin:0 10px 0 0;
		width: 30px;
		height: 30px;
	}

	#page-mainimg .symbolmark i::before{
		font-size: 20px;
	}

	.fontbig{font-size: 1.2rem;}

	/* 特別養護老人ホーム --------------------------------------------------------------*/

	.group-slider{overflow: hidden;}
	.group-intro h2{font-size: 16px; text-align: center;}

	.strengths-list,
	.strengths-list li{display: block; width: 100%; height: auto;}
	.strengths-list li{padding:10px; line-height: 1.4;}

	.strengths-list li i{margin-bottom: 10px;}
	.strengths-list li i::before{font-size: 50px;}

	.anker-link-list,
	.anker-link-list li{display: block;}
	.anker-link-list{text-align: center; margin-bottom: 20px;}
	.anker-link-list li{margin: 0 5px 10px 5px;  width: calc(50% - 10px);  float: left;}
	.anker-link-list li a{padding:5px 10px; border-radius: 50px; word-break: keep-all; font-size: 12px;}
	.anker-link-list li a i{display: block;}

	.onday-box.group-oneday-box{background-image: none;}

	.onday-box.group-oneday-box .time-box:nth-of-type(odd),
	.onday-box.group-oneday-box .time-box:nth-of-type(even){margin-bottom: 30px; padding:0;}
	.onday-box .time-box h5{font-size: 20px;}

	.osusme-box{width: 100%; margin:0;}
	.osusme-box th{font-size: 16px;}

	.faq-box{padding: 0 10px;}

	.dayservice-faq .faq-box h4.accclick::before{
		width: 30px;
		height: 30px;
	}


	/* ショートステイ --------------------------------------------------------------*/

	.sub-title{font-size: 18px;}


	/* デイサービスセンター --------------------------------------------------------------*/


	.dayservice-intro h2{
		font-size: 20px;
		padding: 0 10px;
	}

	.dayservice-intro h2 i{font-size: 24px; font-weight: bold;}

	.main-title-list{margin-bottom: 40px; padding:10px;}
	.main-title-list ul{font-size: 15px; line-height: 1.6;}
	.main-title-list ul li:not(:last-child){margin-bottom: 10px;}


	.p-col.point-title,
	.p-col.point-title > div:nth-of-type(3) {
		display: block;
	}

	.p-col.point-title{margin-bottom: 10px;}

	.p-col.point-title > div:nth-of-type(3){padding: 10px; text-align: justify;}

	i.point-icon{
		width: 70px;
		height: 70px;
	}

	i.point-icon::before {
		font-size: 39px;
	}

	.p-col.point-title p.mincyo{font-size: 20px; padding-left: 10px;}

	ul.point-ph li {
		float: left;
		width: calc(33.33% - 10px);
		margin: 0 5px;
	}


	.dayservice-point #club + div .point-ph{padding:10px;}
	.dayservice-point #club + div .point-ph,
	.dayservice-point #club + div .point-ph li{
		display: block;
		width: 100%;
		margin: 0;
	}


	.dayservice-point #club + div .point-ph li p{margin-bottom: 20px;}


	.club-box-child{width: calc(50% - 10px);}

	.club-box-child > figure, .club-box-child > div {
		float: none;
		width: 100%;
	}

	.club-box-child > figure img{width: 100%;}

.club-box-child:nth-of-type(odd),
.club-box-child:nth-of-type(even){ margin:0 5px 20px;}


.riha-box.rb2{margin:0;}

.riha-box div.riba-machine_ph figure{width: 100%;}

.riha-box{padding:0 15px;}
.riha-box div{margin-bottom: 40px; display: block;}
.riha-box div figure, .riha-box div p {
    display: block;
    width: 100%;
}

.riha-box div figure{margin-bottom: 10px;}
.riha-box div figure img{width: 100%;}

.riha-box h3 {
    margin-bottom: 20px;
    margin-left: 0em;
}

.dayservice-faq dt {
    padding: 10px 20px 10px 80px;
    font-size: 16px;
}


/* ケアプランセンター --------------------------------------------------------------*/

.careplan-flow ul, .careplan-flow figure {
    width: 100%;
    float: none;
    margin: 0;
}

.careplan-flow figure img{
	top: 20px;
	left: 20px;
	width: 90%;
}



/* 投稿記事 --------------------------------------------------------------*/

#main.single-contents{padding:0 10px;}
.single-contents .hentry img{margin:0 auto 10px;}


































	/* ↓メディアクエリーの終了括弧なので消さないように */
}
/* end */