@charset "UTF-8";


/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {


/* header */
/*------------------------------------------------------------------------------*/
header {
	width: 100%;
	background-color: #f5f0e9;
}

#headerTop {
	background-color: #f6f6f6;
}
#headerTopMain {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
}
#headerTopMain h1 {
	display: table;
	width: 100%;
	height: auto;
}
#headerTopMain h1 span {
	display: table-cell;
	height: 100%;
	font-size: 1em;
	text-align: center;
	vertical-align: middle;
	padding: 0.5em 0;
}
#headerTopMain ul {
	width: 100%;
	height: auto;
	background-color: #ccc;
	position: static;
}
#headerTopMain ul li {
	display: table;
	width: 50%;
	height: 100%;
	float: left;
}
#headerTopMain ul li a {
	display: table-cell;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	padding: 0.7em 0;
	transition: all 0.2s;
}
#headerTopMain ul li.recruitmentBox a {
	background-color: #3d97b4;
}
#headerTopMain ul li.recruitmentBox a:hover {
	background-color: #3d97b4;
}
#headerTopMain ul li.recruitmentBox a span {
	display: inline-block;
	background: url(../images/icon_building.png) no-repeat center left;
	background-size: 15px 15px;
	padding: 0 0 0 2em;
}
#headerTopMain ul li.medicalBox a {
	background-color: #da918a;
}
#headerTopMain ul li.medicalBox a:hover {
	background-color: #da918a;
}
#headerTopMain ul li.medicalBox a span {
	display: inline-block;
	background: url(../images/icon_medical.png) no-repeat center left;
	background-size: 15px 12px;
	padding: 0 0 0 2em;
}

#headerMainArea {
	display: table;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 2% 3%;
}
#headerMainArea > div {
	display: table-cell;
	vertical-align: middle;
}
#headerMainArea > div.logoArea .logo {
	display: inline-block;
	width: 45%;
}
#headerMainArea > div.logoArea .logo a {
	display: block;
}
#headerMainArea > div.logoArea .logo a img {
	width: 100%;
	height: auto;
}
#headerMainArea > div.contact {
	display: none;
}
#headerMainArea > div.faq {
	display: none;
}
#headerMainArea > div.navSP {
	display: table-cell;
	text-align: right;
}
#headerMainArea > div.navSP .navMain {
	display: inline-block;
	text-align: center;
	background-color: #0a8c03;
	cursor: pointer;
	padding: 0.4em 1em;
}
#headerMainArea > div.navSP .navMain span {
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
	background: url('../images/icon_nav_open.png') no-repeat center left;
	background-size: 11px 11px;
	padding: 0 0 0 1.5em;
}

/* 20220216 add */
#headerMainArea > div.tel__box {
	display: none;
}





/* #navArea */
/*------------------------------------------------------------------------------*/
nav {
	display: none;
	width: 100%;
	height: auto;
/* 	height: 100%;
	min-height: 100%; */
	background-color: rgba(189, 199, 186, 0.9);
	border-top: none;
	border-bottom: none;
	padding: 3%;
	position: absolute;
	left: 0;
	z-index: 600;
}

nav .btnClose {
	display: block;
	text-align: right;
	padding: 1.2em 0;
}
nav .btnClose > span {
	display: inline-block;
	text-align: center;
	background-color: #0a8c03;
	padding: 0.7em 1em;
}
nav .btnClose > span > span {
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
	background: url('../images/icon_nav_close.png') no-repeat center left;
	background-size: 11px 11px;
	padding: 0 0 0 1.5em;
}

nav > ul {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
nav > ul > li {
	display: table;
	width: 100%;
	height: auto;
	float: none;
	position: relative;
}
nav > ul > li+li {
	margin: 1px 0 0 0;
}
nav > ul > li.nav01 {
	width: 100%;
	font-size: 100%;
	border-left: none;
}
nav > ul > li.nav01 > a > span > span {
	display: inline-block;
	padding: 0 0 0 0.3em;
}
nav > ul > li.nav07,
nav > ul > li.nav08,
nav > ul > li.nav09 {
	display: block;
}
nav > ul > li > a {
	display: table;
	width: 100%;
	height: 40px;
	font-size: 1.5em;
	font-weight: normal;
	color: #0f4c23!important;
	text-decoration: none!important;
	text-align: left;
	vertical-align: middle;
	background-color: #fff;
	border-right: none;
	padding: 0;
	transition: all 0.2s;
}
nav > ul > li > a > span {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0.8em;
}
/*nav > ul > li > a:hover {
	color: #fff!important;
	background-color: #398c54;
}*/
nav > ul > li > a.active {
	color: #fff!important;
	background-color: #398c54;
}

/* subNav */
nav > ul > li > ul.dropDownMain {
	display: none;
	width: 100%;
	background-color: #fffdf7;
	position: static;
	top: 100%;
	left: 0;
	z-index: 9999;
	margin: 1px 0 0 0;
	padding: 1em;
}
nav > ul > li > ul.dropDownMain > li > a {
	display: block;
	color: #132e1c;
	text-decoration: none;
	border-top: none;
/*	border-left: 1px solid #d8e0db;
	border-right: 1px solid #d8e0db;*/
	padding: 1em 0.5em;
}
nav > ul > li > ul.dropDownMain > li+li > a {
	transition: all 0.2s;
}
nav > ul > li > ul.dropDownMain > li > a:hover {
	background-color: #fffdf7;
}
nav > ul > li > ul.dropDownMain > li > a > span {
	display: inline-block;
	font-size: 1.4em;
	line-height: 1.2;
	background: url(../images/arr03.png) no-repeat center left;
	padding: 0 0 0 1em;
}

nav > ul > li > ul.dropDownMain > li > ul {
	display: none;
	background-color: #fffdf7;
	padding: 0 0 1em 3em;
}
nav > ul > li > ul.dropDownMain > li > ul > li {
	list-style-type: disc;
}
nav > ul > li > ul.dropDownMain > li > ul > li > a {
	text-decoration: none;
}
nav > ul > li > ul.dropDownMain > li > ul > li+li {
	margin: 0.5em 0 0 0;
}
nav > ul > li > ul.dropDownMain > li > ul > li > a > span {
	font-size: 1.3em;
  color: #132e1c;
}

nav > ul > li > span.spDropMenu {
	display: block;
	width: 15%;
	height: 40px;
	cursor: pointer;
	border-left: 1px solid #bfcbbf;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
}
nav > ul > li > span.spDropMenu > span {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: url('../images/arr06.png') no-repeat center center #eef8ef;
	background-size: 20%;
}
nav > ul > li > span.spDropMenu.open > span {
	background: url('../images/arr07.png') no-repeat center center #f9f1d9;
	background-size: 20%;
}





/* footer */
/*------------------------------------------------------------------------------*/
#footerContactArea {
	background-color: #edf2e3;
}
#footerContactArea .areaMain {
	width: 100%;
	margin: 0 auto;
	padding: 20px 3%;
}
#footerContactArea .areaMain h2 {
	font-size: 1.8em;
	color: #3d3d3d;
	line-height: 1;
	text-align: center;
	margin: 0 0 20px 0;
	position: relative;
}
#footerContactArea .areaMain h2:after {
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	background-color: #23753e;
	margin: 10px auto 0 auto;
}
#footerContactArea .areaMain > p {
	width: 80%;
	font-size: 1.2em;
	color: #4c4c4c;
	text-align: center;
	margin: 0 auto 15px auto;
}
#footerContactArea .areaMain .contactMain {
	display: block;
	width: 100%;
	margin: 0 auto;
}
#footerContactArea .areaMain .contactMain > div.contactBox {
	display: block;
	width: 100%;
	vertical-align: middle;
	padding: 0;
}
#footerContactArea .areaMain .contactMain > div.contactBox:nth-of-type(1) {
	text-align: center;
}
#footerContactArea .areaMain .contactMain > div.contactBox .inner {
	display: inline-block;
}
#footerContactArea .areaMain .contactMain > div.contactBox .inner .numberArea {
	margin: 0 0 1em 0;
}
#footerContactArea .areaMain .contactMain > div.contactBox .inner .numberArea li {
	display: table;
	color: #617561;
	line-height: 1.4;
}
#footerContactArea .areaMain .contactMain > div.contactBox .inner .numberArea li span {
	display: table-cell;
}
#footerContactArea .areaMain .contactMain > div.contactBox .inner .numberArea li span:nth-of-type(1),
#footerContactArea .areaMain .contactMain > div.contactBox .inner .numberArea li span:nth-of-type(2)  {
	font-size: 1.4em;
}
#footerContactArea .areaMain .contactMain > div.contactBox .inner .numberArea li span:nth-of-type(3) {
	font-size: 2em;
	font-weight: bold;
}
#footerContactArea .areaMain .contactMain > div.contactBox .inner .storeInfonfoArea {
	margin: 0 0 2em 0;
}
#footerContactArea .areaMain .contactMain > div.contactBox .inner .storeInfonfoArea li {
	font-size: 1.2em;
	color: #6d6d6d;
}
#footerContactArea .areaMain .contactMain > div.contactBox:nth-of-type(2) {
	text-align: center;
	border-left: none;
	border-top: 2px dotted #aaa;
	padding: 2em 0 0 0;
}
#footerContactArea .areaMain .contactMain > div.contactBox:nth-of-type(2) .inner {
	display: block;
}
#footerContactArea .areaMain .contactMain > div.contactBox:nth-of-type(2) div.btnContact {
	width: 80%;
	margin: 0 auto 0.3em auto;
}
#footerContactArea .areaMain .contactMain > div.contactBox:nth-of-type(2) div.btnContact a {
	width: 100%;
	font-size: 4vw;
}
#footerContactArea .areaMain .contactMain > div.contactBox:nth-of-type(2) p {
	font-size: 1.2em;
	color: #6d6d6d;
	text-align: center;
}

#footerNavArea {
	border-bottom: 1px solid #e4e4e4;
}
#footerNavArea .areaMain {
	width: 100%;
	margin: 0 auto;
	padding: 20px 3%;
}
#footerNavArea .areaMain .bannerArea {
	display: none;
	width: 70%;
	margin: 0 auto 30px auto;
}
#footerNavArea .areaMain .bannerArea ul li {
	float: none;
}
#footerNavArea .areaMain .bannerArea ul li+li {
	margin-top: 10px;
	margin-left: 0;
}
#footerNavArea .areaMain .bannerArea ul li a {
	display: block;
}
#footerNavArea .areaMain .bannerArea ul li a img {
	width: 100%;
}

#footerNavArea .areaMain .navMainArea {
	display: block;
	width: 100%;
	line-height: 2;
}
#footerNavArea .areaMain .navMainArea > ul {
	display: block;
	width: 48%;
	float: left;
}
#footerNavArea .areaMain .navMainArea > ul:nth-of-type(even) {
	float: right;
}
#footerNavArea .areaMain .navMainArea > ul:nth-of-type(n+3) {
	margin: 1.5em 0 0 0;
}
#footerNavArea .areaMain .navMainArea > ul > li a {
	color: #5c5c5c;
	text-decoration: none;
}
#footerNavArea .areaMain .navMainArea > ul > li a:hover {
	color: #277440;
	text-decoration: underline;
}
#footerNavArea .areaMain .navMainArea > ul > li > a > span {
	font-size: 12px;
	font-weight: bold;
	background: url('../images/arr02.png') no-repeat 0 0.3em;
	padding: 0 0 0 1em;
}
#footerNavArea .areaMain .navMainArea > ul > li > ul {
	padding: 0 0 0 0.5em;
}
#footerNavArea .areaMain .navMainArea > ul > li > ul > li > a > span {
	font-size: 11px;
	background: url('../images/arr03.png') no-repeat center left;
	background-size: 6px 7px;
	padding: 0 0 0 0.8em;
}
#footerNavArea .areaMain .navMainArea > ul > li > ul > li > ul {
	padding: 0 0 0 2.5em;
}
#footerNavArea .areaMain .navMainArea > ul > li > ul > li > ul > li {
	list-style-type: disc;
}
#footerNavArea .areaMain .navMainArea > ul > li > ul > li > ul > li > a > span {
	font-size: 10px;
}

#footerSubNavArea .areaMain {
	width: 100%;
	margin: 0 auto;
	padding: 1em 0 2em 0;
}
#footerSubNavArea .areaMain ul {
	display: block;
	text-align: center;
	margin: 0 auto;
}
#footerSubNavArea .areaMain ul+ul {
	margin-top: 0;
}
#footerSubNavArea .areaMain ul li {
	display: inline-block;
	line-height: 1;
	margin: 1em 0 0 0;
	padding: 0 1em;
}
#footerSubNavArea .areaMain ul li+li {
	border-left: 1px solid #b3b3b3;
}
#footerSubNavArea .areaMain ul li a {
	color: #5c5c5c;
	text-decoration: none;
}
#footerSubNavArea .areaMain ul li a span {
	font-size: 11px;
	font-weight: bold;
}
#footerSubNavArea .areaMain ul li a:hover {
	color: #277440;
	text-decoration: underline;
}

#copyligthArea {
	text-align: center;
	background-color: #23753e;
	padding: 0.5em 0;
}
#copyligthArea small {
	font-size: 11px;
	color: #fff;
}





/* pageTitleArea */
/*------------------------------------------------------------------------------*/
#pageTitleArea {
	width: 100%;
	height: auto;
	background: url('../images/page_title_bg.jpg') no-repeat center center;
	background-size: cover;
	position: relative;
}
#pageTitleArea .areaMain {
	display: table;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#pageTitleArea .areaMain .inner {
	display: table-cell;
	padding: 2em 3% 3em 3%;
}
#pageTitleArea .areaMain .inner h1 {
	font-size: 2.4em;
	font-weight: bold;
	color: #484848;
	line-height: 1.4;
	margin: 0 0 0.3em 0;
}
#pageTitleArea .areaMain .inner p {
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	color: #6b6b6b;
}





/* locator */
/*------------------------------------------------------------------------------*/
#locator {
	width: 100%;
	position: relative;
}
#locator .areaMain {
	width: 100%;
	text-align: right;
	margin: 0 auto;
	padding: 1em 3%;
}
#locator .areaMain > ol {
	display: inline-block;
}
#locator .areaMain > ol:after {
	display: none;
}
#locator .areaMain > ol > li {
	float: left;
}
#locator .areaMain > ol > li+li:before {
	content: ">";
	font-size: 1.2em;
	padding: 0 0.7em;
}
#locator .areaMain > ol > li > a {
	font-weight: bold;
	color: #4c7470;
}
#locator .areaMain > ol > li span {
	font-size: 1.2em;
}


.commonTitleBox01 {
	margin: 0 0 30px 0;
}





/* スタイル打ち消し */
/*------------------------------------------------------------------------------*/
.elementor-editor-active .elementor-inner {
  margin-top: 0!important;
}
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
  padding: 0!important;
}




.elementor-widget:not(:last-child) {
  margin-bottom: 0!important;
}
/* ========== 見出し01 ========== */
h1.elementor-heading-title {
  display: table;
  width: 100%;
  font-size: 1.6em;
  font-weight: bold;
  color: #4e5151!important;
  line-height: 1.4!important;
  background-color: #f3f6f5;
  margin-bottom: 30px!important;
  padding: 0.5em!important;
  position: relative;
}
h1.elementor-heading-title:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #b2cab1;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
h1.elementor-heading-title:after {
  content: "";
  display: block;
  width: 40%;
  height: 2px;
  background-color: #068b02;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

/* ========== 見出し02 ========== */
h2.elementor-heading-title {
  display: table;
  width: 100%;
  font-size: 1.5em;
  font-weight: bold;
  color: #4e5151!important;
  line-height: 1.4!important;
  background-color: #f3f6f5;
  border-bottom: 1px solid #b2cab1;
  margin-bottom: 30px!important;
  padding: 0.4em 0.7em!important;
  position: relative;
}
h2.elementor-heading-title:before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background-color: #b2cab1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
h2.elementor-heading-title:after {
  content: "";
  display: block;
  width: 2px;
  height: 80%;
  background-color: #068b02;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

/* ========== 見出し03 ========== */
h3.elementor-heading-title {
  display: table;
  width: 100%;
  font-size: 1.4em;
  font-weight: bold;
  color: #4e5151!important;
  line-height: 1.4!important;
  margin-bottom: 20px!important;
  padding: 0 0 0 1.5em!important;
  position: relative;
}
h3.elementor-heading-title:after {
  content: "";
  display: block;
  width: 10px;
  height: 3px;
  background-color: #068b02;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-1px) translateX(0);
  transform: translateY(-1px) translateX(0);
}

/* ========== 見出し04 ========== */
h4.elementor-heading-title {
  display: table;
  width: 100%;
  font-size: 1.4em;
  font-weight: bold;
  color: #4e5151!important;
  line-height: 1.4!important;
  margin-bottom: 20px!important;
  padding: 0 0 0 1.3em!important;
  position: relative;
}
h4.elementor-heading-title:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: 3px solid #068b02;
  position: absolute;
  top: 50%;
  left: 5px;
  -webkit-transform: translateY(-4px) translateX(0);
  transform: translateY(-4px) translateX(0);
}





a[href^="tel:"] {
	pointer-events: auto;
}





.pc {
	display: none;
}
.sp {
	display: block;
}





.header__main__area > div.navSP {
	display: block;
}
.header__main__area > div.navSP .navMain {
	display: inline-block;
	text-align: center;
	background-color: #0a8c03;
	cursor: pointer;
	padding: 0.4em 1em;
}
.header__main__area > div.navSP .navMain span {
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
	background: url('../images/icon_nav_open.png') no-repeat center left;
	background-size: 11px 11px;
	padding: 0 0 0 1.5em;
}

.header__main__area {
	width: 100%;
	padding: 2% 3%;
}
.header_logo__block {
	width: 45%;
}
.header_logo__block h2 a {
	display: block;
}
.header_logo__block h2 a img {
	width: 100%;
	height: auto;
}

.header__main__area .header__utility__block {
	display: none;
}





.SNS__fixed__area {
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, .1);
	bottom: 0;
	-webkit-transform: translateY(-0%);
	transform: translateY(-0%);
}
.SNS__fixed__area > a {
	flex-direction: row;
	width: calc(100% / 3);
	font-size: 4vw;
	box-shadow: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-radius: 0;
	padding: 1em 0;
	transition: .2s;
}
.SNS__fixed__area > a+a {
	/*border-left: 1px solid #fff;*/
	margin-top: 0;
}
.SNS__fixed__area > a .icon,
.SNS__fixed__area > a.blog .icon {
	font-size: 1em;
	margin-top: 0;
	margin-left: .3em;
}

.SNS__fixed__area .contact__block {
	display: flex;
	width: 100%;
	line-height: 1;
	background-color: #fff;
}

.SNS__fixed__area .contact__block .tel__icon {
	display: flex;
	width: 14%;
}
.SNS__fixed__area .contact__block .tel__icon a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 7vw;
	width: 100%;
	height: 100%;
	color: #fff;
	line-height: 1;
	text-decoration: none;
	background-color: #0ca5aa;
}

.SNS__fixed__area .contact__block .tel__info {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 52%;
	font-size: 3.2vw;
}
.SNS__fixed__area .contact__block .tel__info .num {
	margin-bottom: 3px;
}
.SNS__fixed__area .contact__block .tel__info .num a {
	font-size: 1.2em;
	font-weight: bold;
}

.SNS__fixed__area .contact__block .reserve__box,
.SNS__fixed__area .contact__block .contact__box {
	display: flex;
	width: 17%;
}
.SNS__fixed__area .contact__block .reserve__box a,
.SNS__fixed__area .contact__block .contact__box a {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	font-size: 2.6vw;
	font-weight: bold;
	color: #fff;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
	background-color: #666;
	padding: 8px 0 5px;
}
.SNS__fixed__area .contact__block .reserve__box a .icon,
.SNS__fixed__area .contact__block .contact__box a .icon {
	display: flex;
	align-items: flex-end;
	font-size: 1.8em;
	height: 1em;
	margin-bottom: 5px;
}
.SNS__fixed__area .contact__block .reserve__box a .text,
.SNS__fixed__area .contact__block .contact__box a .text {
	display: flex;
	align-items: center;
	height: 2em;
}

.SNS__fixed__area .contact__block .reserve__box a {
	background-color: #dc3c87;
}
.SNS__fixed__area .contact__block .contact__box a {
	border-left: 1px solid #fff;
	background-color: #068b02;
}


.leaflet__fixed__area {
	display: none;
}





.fixed__contact__area {
	display: none;
	width: 100%;
	background-color: #F1E8CC;
	border-top: 3px solid #fff;
	box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, .1);
	padding: 10px 0;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 200;
}
.fixed__contact__area > p {
	font-size: 1.1em;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 5px;
}





/* 20220601 SPナビ SNS追記エリア */
.nav__sns__section {
	display: flex;
}
.nav__sns__section a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	font-size: 3.6vw;
	font-weight: bold;
	color: #fff;
	line-height: 1.1;
	text-decoration: none;
	background-color: #666;
	padding: .8em 0;
}
.nav__sns__section a.blog {
	background-color: #e8a33d;
}
.nav__sns__section a.facebook {
	background-color: #397ce2;
}
.nav__sns__section a.line {
	background-color: #31b630;
}





/* 20220601 サイドSNSエリア */
.side__sns__section a {
	font-size: 4vw;
	padding: .7em 0;
}


/*------------------------------------------------------------------------------*/
}