@charset "utf-8";
@import url(cmn.css);
@import url(base.css);


/* ==========================================================================
	CONTENTS
	========================================================================== */

/*ACCESS*/

.access-map iframe {
  display: block;
  margin-bottom: 40px;
}
.access-map dl {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.access-map dl dt {
  display: table-cell;
  width: 200px;
  color: #fff;
  text-align: center;
  background-color: #b9b4a5;
  border: solid 1px #b9b4a5;
  padding: 10px;
}
.access-map dl dd {
  display: table-cell;
  border: solid 1px #b9b4a5;
  padding: 10px;
}
.contact .wrapper {
  text-align: center;
}
.contact .wrapper h3 {
  font-size: 2rem;
  margin-bottom: 10px;
}
.contact .wrapper .tel a,.contact .wrapper .tel a:visited {
  color: #73b5c8;
}
.contact .wrapper .tel {
  color: #73b5c8;
  font-size: 3rem;
}
.contact .wrapper .tel:before {
	content: "\f879";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 10px;
}

/*FACILITY*/

.facility li {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 30px;
}
.facility li img {
  display: block;
  margin-bottom: 20px;
}

/*ABOUT*/

.outline .txt {
  float: left;
  width: 55%;
}
.outline .txt dl {
  display: flex;
  margin-bottom: 20px;
}
.outline .txt dl dt {
  width: 150px;
}
.outline .txt dl dd {
  flex: 1;
}
.outline img {
  display: block;
  float: right;
  width: 40%;
}

.message img {
  display: block;
  float: left;
  width: 40%;
}
.message .txt {
  float: right;
  width: 55%;
}
.message .txt h3 {
  font-size: 2.5rem;
  line-height: 100%;
}
.message .txt h3 span {
  display: inline-block;
  color: #fff;
  font-size: 50%;
  background-color: #73b5c8;
  border-radius: 3px;
  padding: 1px 25px;
  margin-right: 15px;
}

/*MEDICAL*/

.img-txt01 {
  overflow: hidden;
}
.img-txt01 .txt {
  width: 55%;
}
.img-txt01 .img {
  width: 40%;
}
.medical-list {
  overflow: hidden;
  color: #fff;
  background-color: #c0b6af;
  border-radius: 20px;
  padding: 30px;
}
.medical-list li {
  float: left;
}
.medical-list li:after {
  content: "/";
  margin: 0 5px;
}
.medical-list li:last-child:after {
  content: "";
  margin: 0;
}
.medical-list02 li {
  float: left;
  font-weight: bold;
  background-color: #fcfce4;
  border-radius: 5px;
  padding: 5px 15px;
  margin: 0 15px 15px 0;
}
.medical-any {
  margin-bottom: 30px;
}
.medical-any dt {
  color: #ff7e90;
  font-family: 'Kiwi Maru', serif;
  font-size: 1.8rem;
  margin-bottom: 10px;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){

}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

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

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

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

/*ACCESS*/

.access-map iframe {
  margin-bottom: 30px;
}
.access-map dl {
  display: block;
}
.access-map dl dt {
  display: block;
  width: 100%;
}
.access-map dl dd {
  display: block;
}
.contact .wrapper h3 {
  font-size: 1.7rem;
}
.contact .wrapper .tel {
  font-size: 2.5rem;
}

/*FACILITY*/

.facility li {
  font-size: 1.6rem;
  margin-bottom: 25px;
}
.facility li img {
  display: block;
  margin-bottom: 10px;
}

/*ABOUT*/

.outline .txt {
  float: none;
  width: 100%;
  margin-bottom: 30px;
}
.outline .txt dl dt {
  width: 80px;
}
.outline img {
  float: none;
  width: 100%;
}

.message img {
  float: none;
  width: 100%;
  margin-bottom: 30px;
}
.message .txt {
  float: none;
  width: 100%;
}
.message .txt h3 {
  font-size: 2rem;
}

/*MEDICAL*/

.img-txt01 .txt {
  float: none;
  width: 100%;
  margin-bottom: 40px;
}
.img-txt01 .img {
  float: none;
  width: 100%;
}
.medical-list {
  padding: 15px;
}
.medical-list02 li {
  padding: 5px 10px;
  margin: 0 10px 10px 0;
}
.medical-any dt {
  font-size: 1.6rem;
}

}