@charset "utf-8";

/*-----------------------------------------------------	*/
/*	 スマホ用定義
/*-----------------------------------------------------	*/

@media screen and (max-width: 700px) {

/*============================================
 基本レイアウト
============================================*/
body {
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
}
img {
	max-width: 100% !important;
}

#pageHeader {
	padding: 0;
	position: inherit;
}
#pageHeader.scroll {
	position: inherit;
}
#pageHeader #header_inner {
	display: block;
	width: auto;
}
#pageHeader h1 {
	margin: 0 0 10px;
	text-align: center;
}
#pageHeader h1 img {
	width: 130px;
	height: auto;
}
#pageHeader #gnav {
	margin: 0;
	width: 100%;
}
#pageHeader #gnav ul {
	justify-content: center;
	margin: 0;
}
#pageHeader #gnav li {
	margin: 0 20px;
}

/* メイン */
#wrapper {
	padding-top: 0;
}
#contHeader {
	height: 100px;
	margin-bottom: 40px;
	padding: 30px 20px;
}
#contHeader #contHeader_inner {
	width: 100%;
	line-height: 1.2;
}
#contHeader #contHeader_inner h1 {
	margin: 0 0 10px;
	font-size: 21px;
	float: none;
}
#contHeader #contHeader_inner #topicpath {
	margin: 0;
	float: none;
}

#container {
	width: 100%;
	margin: 0 auto 40px;
	padding: 0 20px;
	box-sizing: border-box;
}

#contents {
	width: 100%;
	padding-right: 0;
	display: block;
}
#sub {
	width: 100%;
	padding-left: 0;
	display: block;
	border-left: 0;
}

#linker {
	border: 0;
	margin-top: 60px;
}
#linker ul {
	display: block;
}
#linker li a {
	padding: 10px 30px;
	text-align: center;
	display: block;
	box-sizing: border-box;
}
#linker li.list {
	border-color: #e7e3da;
	border-style: solid;
	border-width: 1px 0;
	width: 100%;
}
#linker li.prev,
#linker li.next {
	width: 100%;
}

.step_point {
	margin-right: 0;
}
.step_point li {
	width: 100%;
	margin: 0 0 40px 0;
	float: lnone;
}
.step_point .ttl {
	padding-left: 30px;
	font-size: 14px;
	position: relative;
}
.step_point .ttl span {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	display: block;
	float: none;
	font-size: 11px;
	line-height: 20px;
	position: absolute;
	top: 50%;
	left: 0;
}
.step_point figure {
	margin-bottom: 10px;
}


/* フッター */
#contactArea {
	padding: 20px;
}
#contactArea section {
	width: 100%;
}
#contactArea h1 {
	margin: 0 0 10px;
	float: none;
	text-align: center;
}
#contactArea p {
	padding-top: 0;
	float: none;
	text-align: center;
}
#contactArea ul {
	float: none;
	text-align: center;
}
#contactArea ul li {
	float: none;
}
#contactArea ul li.tel {
	margin: 0 0 5px;
}
#contactArea li.btn.inquiry a {
	margin: 0 auto;
}

/*============================================
 ご入居のご家族様へ
============================================*/
#after.after #container {
	width: auto;
	margin-top: 0;
	padding: 30px 20px 0;
	background: none;
}
#after #after_head {
	width: 100%;
	height: auto;
	margin: 0 auto 30px;
	padding: 0 20px;
	box-sizing: border-box;
	font-size: 16px;
}
#after #after_head br {
	display: none;
}
#after_list {
	margin: 0 auto;
	padding: 0 20px;
	width: auto;
}
#after_list li {
	float: none;
	margin: 0;
	text-align: left;
	width: 100%;
}
#after_list li + li {
	margin: 30px 0 0;
}
#after_list li section {
	padding: 15px 20px 20px;
}
#after #after_reform  {
	width: 100%;
	margin: 0 auto 50px;
}
#after #after_reform h2 {
	margin-bottom: 15px;
	font-size: 18px;
}
#after .after_reform_bnr {
	margin-top: 20px;
}
#after .after_reform_bnr section {
	font-size: 18px;
}
#after .after_reform_bnr i {
	display: inline-block;
	font-size: 23px;
	height: 40px;
	line-height: 40px;
	margin: 0 10px 0 0;
	vertical-align: middle;
	width: 40px;
}

/* 長期アフター付メンテ */
#after.service #after_head {
	background: none;
	margin: 0;
	padding: 20px 20px 30px;
}

#after.service .afterserviceBox + .afterserviceBox {
	margin-top: 40px;
}
#after.service .afterserviceBox h3 span {
	font-size: 24px;
}

#after.service .afterservice_secondHead {
	display: block;
}
#after.service .afterservice_secondHead section {
	margin: 0 0 20px;
	width: 100%;
}

#after.service .after_supportBox {
	display: block;
}
#after.service .after_supportBox section {
	width: 100%;
}
#after.service .after_supportBox .photo {
	margin: 20px 0 0;
	text-align: center;
}

#after.service .after_serivce_third {
	border: 2px solid #e9456d;
	padding: 20px;
}

/* 積立金 */
#after.tsumitate .aftertsumitateHead {
	margin-bottom: 40px;
}

#after.tsumitate .aftertsumitate_point {
	display: block;
}
#after.tsumitate .aftertsumitate_point figure {
	margin: 20px 0 0;
}

#after.tsumitate .aftertsumitate_about {
	display: block;
}
#after.tsumitate .aftertsumitate_about dt {
	margin: 0 0 10px;
	width: 16em;
}
#after.tsumitate .aftertsumitate_about dd {
	margin-bottom: 20px;
	width: 100%;
}

#after.tsumitate .aftertsumitate_menu {
	display: block;
	padding: 50px 30px 30px;
}
#after.tsumitate .aftertsumitate_menu ul {
	display: block;
	margin: 20px 0 0;
	text-align: center;
}
#after.tsumitate .aftertsumitate_menu li + li {
	margin: 10px 0 0;
}


/* 友の会 */
#after.tomonokai .tomonokaiBox {
	flex-direction: column;
	margin-bottom: 40px;
}
#after.tomonokai .tomonokaiBox_text {
	margin-bottom: 20px;
	order: 1;
}
#after.tomonokai .tomonokaiBox h2 {
	margin-bottom: 15px;
	font-size: 18px;
}
#after.tomonokai .tomonokaiBox p {
	margin-bottom: 0;
}
#after.tomonokai figure {
	order: 2;
}

#after.tomonokai #tomonokai_system {
	margin-bottom: 30px;
}
#after.tomonokai #tomonokai_system h2 {
	font-size: 18px;
}
#after.tomonokai #tomonokai_system dl {
	margin-bottom: 20px;
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #e7e3da;
	overflow: hidden;
}
#after.tomonokai #tomonokai_system dt {
	margin: 0;
	width: 100%;
	height: 35px;
	font-size: 16px;
	line-height: 35px;
	float: none;
}
#after.tomonokai #tomonokai_system dd {
	padding: 20px;
	height: auto;
	font-size: 15px;
	line-height: 1.4;
	border-bottom: 1px solid #e7e3da;
	border-top: 0;
}

#after.tomonokai #tomonokai_system ul {
	margin-right: 0;
}
#after.tomonokai #tomonokai_system li {
	margin: 0 0 5px;
	width: 100%;
	float: none;
}
#after.tomonokai #tomonokai_system li img {
	width: 80px;
}
#after.tomonokai #tomonokai_system li p {
	padding: 0 20px;
	text-align: left;
}

#after.tomonokai #tomonokai_point h2 {
	margin-bottom: 15px;
	font-size: 18px;
}
#after.tomonokai #tomonokai_point p {
	margin-bottom: 20px;
	float: none;
}
#after.tomonokai #tomonokai_point .btn {
	margin-bottom: 20px;
}
#after.tomonokai #tomonokai_point table {
	border-top: 0;
}
#after.tomonokai #tomonokai_point th {
	width: 40%;
	box-sizing: border-box;
}
#after.tomonokai #tomonokai_point td {
	width: 100%;
	border-width: 1px 0 0;
	border-style: solid;
	border-color: #e7e3da;
	display: block;
	box-sizing: border-box;
}
#after.tomonokai #tomonokai_point td.centered {
	width: 100%;
}
#after.tomonokai #tomonokai_point td em {
	font-weight: bold;
	font-style: normal;
	color: #e15151;
}
#after.tomonokai #tomonokai_point ul {
	margin-right: 0;
}
#after.tomonokai #tomonokai_point li {
	flex-direction: column;
	margin: 0 0 2px;
	width: 100%;
}
#after.tomonokai #tomonokai_point li div {
	height: auto;
	padding: 15px;
	width: 100%;
}
#after.tomonokai #tomonokai_point li em {
	font-size: 26px;
	font-style: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1;
}
#after.tomonokai #tomonokai_point li br {
	display: none;
}
#after.tomonokai #tomonokai_point li img {
	vertical-align: bottom;
}

#after.tomonokai #tomonokai_merit .meritBox {
	float: none;
	width: 100%;
}
#after.tomonokai #tomonokai_merit .meritBox + .meritBox {
	margin: 40px 0 0;
}

/*============================================
 リフォーム
============================================*/
#reform .reformHead {
	margin: 60px 0;
}
#reform .reformHead h2 {
	font-size: 21px;
	margin-bottom: 15px;
}

#reform .reform_rotyHead {
	display: block;
	height: auto;
	margin-bottom: 20px;
}
#reform .reform_rotyHead section {
	margin-top: -60px;
	padding: 40px;
	width: 100%;
}
#reform .reform_rotyHead h3 {
	font-size: 18px;
}
#reform .reform_rotyHead h3 br {
	display: none;
}
#reform .reform_rotyHead p br {
	display: none;
}
#reform .reform_rotyHead figure {
	height: auto;
	margin: 0 -20px;
	position: inherit;
	width: 100vw;
}
#reform .reform_rotyHead figure img {
	max-height: 100%;
}

#reform .reform_rotyBody {
	display: block;
	margin-bottom: 60px;
}
#reform .reform_rotyBody section {
	margin: 0 0 20px;
	width: 100%;
}
#reform .reform_rotyBody h4 {
	font-size: 21px;
	margin: 0 0 10px;
}
#reform .reform_rotyBody figure {
	width: 100%;
}

#reform #event_list {
	margin-bottom: 60px;
}
#reform #event_list h3 {
	font-size: 21px;
}
#reform #event_list h3 i {
	font-size: 23px;
}

#reform #reform_work {
	margin-bottom: 80px;
}
#reform #reform_work h3 {
	font-size: 21px;
}
#reform #reform_work h3 i {
	font-size: 26px;
}
#reform #reform_work li + li {
	margin-top: 40px;
}
#reform #reform_work li a {
	display: block;
}
#reform #reform_work li figure {
	margin: 0 0 20px;
	width: 100%;
}
#reform #reform_work li section {
	margin-top: 0;
	width: 100%;
}

#reform .reform_contentHead {
	height: auto;
	margin-bottom: 20px;
}
#reform .reform_contentHead_img {
	height: auto;
	margin: 0 -20px;
	position: inherit;
	width: 100vw;
}
#reform .reform_contentHead_img img {
	width: 100%;
}
#reform .reform_contentHead_txt {
	display: block;
	left: 0;
	margin: 0;
	padding: 40px 40px 0;
	position: relative;
	top: -60px;
}
#reform .reform_contentHead_txt h3 {
	font-size: 21px;
	margin: 0 0 10px;
}

#reform .reform_flow {
	margin-bottom: 80px;
}
#reform .reform_flow dt {
	font-size: 	30px;
	width: 100%;
}
#reform .reform_flow dt:before {
	display: none;
}
#reform .reform_flow dt span {
	font-size: 16px;
}
#reform .reform_flow dd {
	margin-bottom: 20px;
	width: 100%;
}
#reform .reform_flow dd h4 {
	font-size: 18px;
	margin-bottom: 10px;
}

#reform .reform_diagnosis {
	margin-bottom: 80px;
}
#reform .reform_diagnosis_flow {
	margin-bottom: 40px;
}
#reform .reform_diagnosis_flow li {
	background: #ccad74;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	position: relative;
	width: 30%;
}
#reform .reform_diagnosis_flow li + li {
	margin-left: 30px;
}
#reform .reform_diagnosis_flow li + li:before {
	left: -20px;
}
#reform .reform_diagnosisBox {
	display: block;
}
#reform .reform_diagnosisBox + .reform_diagnosisBox {
	margin-top: 40px;
}
#reform .reform_diagnosisBox section {
	margin: 20px 0 0;
	width: 100%;
}
#reform .reform_diagnosisBox h4 {
	font-size: 18px;
}

#reform .reform_staff .reform_contentHead {
	display: block;
	height: 100%;
}
#reform .reform_staff .reform_contentHead_txt figure {
	margin: 0 auto 20px;
	width: 200px;
}
#reform .reform_staff .reform_contentHead_txt section {
	display: block;
	width: 100%;
}
#reform .reform_staff .reform_contentHead_txt h3 {
	width: 100%;
}
#reform .reform_staff .reform_staffBox {
	width: 100%;
}

#reform .reform_contactArea {
	padding: 30px 20px;
}
#reform .reform_contactArea section {
	display: block;
}
#reform .reform_contactArea div {
	width: 100%;
}
#reform .reform_contactArea .reform_contact {
	flex-direction: column;
	justify-content: flex-start;
	width: 100%;
	align-items: normal;
}
#reform .reform_contactArea .reform_contact .telephone {
	font-size: 13px;
	margin: 0 0 0.5em 0;
}
#reform .reform_contactArea .reform_contact .telephone p {
	font-size: 25px;
	line-height:  inherit;
}
#reform .reform_contactArea .reform_contact .telephone i {
	font-size: 18px;
}
#reform .reform_contactArea .reform_contact .inquiry a {
	padding: 15px 30px;
	display: block;
	text-align: center;
}
#reform .reform_contactArea .reform_bnr {
	display: block;
}
#reform .reform_contactArea .reform_bnr li + li {
	margin: 10px 0 0;
}