@charset "utf-8";
/*
 * TOPビジュアル 
 */
rcs-visual.visual {
	--catch-width: 90%;
	--img-margin: 50px 0;
	--catch-display: none;
}
@media screen and (min-width: 481px) and (max-width: 915px) {
	rcs-visual.visual::part(catch) {
		top: 250px;
		left: 100px;
	}
}
@media screen and (max-width: 480px) {
	rcs-visual.visual {
		--img-margin: 0;
	}
	rcs-visual.visual::part(catch) {
		position:relative;
		left: -10px;
		margin: 20px 0;
	}
}
@media screen and (min-width: 481px) and (max-width: 915px) {
}
@media screen and (max-width: 480px) {
}
/*
 * 予約
 */
.rcs-s1-resv {
	--x-color:olivedrab;
}
.rcs-s1-resv  a {
  color:silver	!important;
  text-decoration:underline;
}
.rcs-s1-resv a:hover{
  color:#2589d0 !important;
}

/*
 * Googleカレンダー 
 */
.rcs-s1-calendar {
  width: 100%;
}
.rcs-s1-calendar iframe {
  width: 90%;
  height: 400px;
}
@media all and (min-width: 768px) {
  .rcs-s1-calendar iframe {
		width: 100%;
		--x-height: 400px;
  }
}
@media screen and (max-width: 480px) {
  .rcs-s1-calendar iframe {
  	margin: 30px 10px 0 10px;
		width: 100%;
	}
	
}
/* 
 * お知らせ 
 */
rcs-box.announce {
	--background-color:#F4FAF4;
	--x-background-color: #FEFCFF;
	--x-color: var(--rcs-color-2nd);
	--margin: 1rem 0 0 0;
	--border-style: none;
	--title-margin:5px 1rem; 
	--title-font-size: var(--rcs-fsv-s3);
}
.rcs-s1-box-tri-title {
}
.rcs-s1-box-tri-title:before {
	display: inline-block;
	--x-position:relative;
  --x-top: 5px;
  margin: 0 10px 0 0;
	content: "";
	background-image: url(/assets/img/logo_mark_s.png);
	background-size: cover;
	width:20px;
	height:26px;
}
@media screen and (max-width: 480px) {
	rcs-box.announce {
		margin: 0;
	}
}


/* 
 * 診療内容について
 */
.rcs-s1-aboutcare {
	margin: 0 10px;
}
.rcs-s1-aboutcare ul {
	margin: 1rem 0;
  line-height: 1.5rem;
}
.rcs-s1-aboutcare li {
	font-size: var(--rcs-fsv-s-1);
	padding-left:1em;
	text-indent:-1em;
}
/* 
 * 当部門の特徴
 */
rcs-article.feature {
	--border: none;
}
.rcs-s1-feature_do,
.rcs-s1-feature_donot {
	--x-color: var(--rcs-color-2nd);
	font-size: var(--rcs-fsv-s2);
  --x-text-decoration-line: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
	margin: 0.5rem 0;
 	font-weight: var(--rcs-weight-w6);
}
.rcs-s1-feature_do:before,
.rcs-s1-feature_donot:before {
	display: inline-block;
  margin: 0 10px 0 0;
	content: "";
	background-image: url(/assets/img/logo_mark_s.png);
	background-size: cover;
	width:20px;
	height:26px;
}
.rcs-s1-feature_donot {
  --x-text-decoration-line: underline;
}
.rcs-s1-feature_list li {
	margin: 5px 0 0 1rem;
	font-size: var(--rcs-fsv-s0);
	line-height: 1rem;
}
/* 
 * 診療体制・時間 
 */
rcs-article.taisei {
 	--background-color:var(--rcs-bgc-normal);
	--margin: 0 0 1.5rem 0;
	--flex-basis: 60%;
	--line-height: 0.6rem;
	--border: none;
}
rcs-article.taisei::part(left) {
}
.rcs-s1-taisei-image {
	width: 100%;
	margin: 1rem auto;
}
rcs-article.taisei::part(right) {
}
@media screen and (min-width: 481px) and (max-width: 915px) {
	rcs-article.taisei::part(right) {
		margin-left:30px;
	}
}
@media screen and (max-width: 480px) {
	rcs-article.taisei {
		--margin: 0;
		width: 100%;
	}
	rcs-article.taisei::part(toprow) {
		flex-flow: column nowrap;
	}
	rcs-article.taisei::part(right) {
		width: 90%;
		margin-left:20px;
	}
	rcs-article.taisei::part(left) {
		justify-content: center;
		margin-left: 0px;
	}
	.rcs-s1-taisei-image {
		width: 90%;
		--x-display: block;
		--x-margin-left: auto;
		--x-margin-right: auto;
	}
	.rcs-s1-taisei-dl{
		flex-flow: column;
		margin-left:20px;
	}
	.rcs-s1-taisei-dl dt {
	}
	.rcs-s1-taisei-dl dd {
		padding: 5px 20px;
	}
}

/*
 * rcs-desc
 */
rcs-desc.taisei {
	--flex-basis: 65%;
	--margin:0 10px;
}
@media screen and (min-width: 481px) and (max-width: 915px) {
	rcs-desc.taisei {
		--flex-basis: 90%;
	}
}
.rcs-s1-notice {
	line-height: 1.2rem;
	font-size: var(--rcs-fsv-s-2);
	margin: 0 0 0 1rem;
}
