@charset "UTF-8";

/****************************************
	共通
*****************************************/
/*=============================
	診療時間・診療カレンダー
==============================*/
/*トップページの場合*/
.page-index .c-hours-list-item {
	background-color: #fff;
	border-radius: 20px;
	padding: 1rem .8rem;
	position: relative;
	margin-bottom: 1.5rem;
}
.page-index .c-hours-list-item:last-child {
	margin-bottom: 0;
}
.page-index .c-hours-list-item:before {
	position: absolute;
	left: 50%;
	top: -10px;
	margin-left: -1.5px;
	display: block;
	content:"";
	width: 3px;
	height: 20px;
	background-color: #FD9B01;
	border-radius: 50px;
}
.page-index .c-hours-list-item .ttl {
	color: #FD9B01;
	font-weight: 700;
	text-align: center;
	letter-spacing: 1px;
	font-size: 1.15rem;
	margin-bottom: .5rem;
}
/*//トップページの場合*/
/*当院についてページの場合*/
.page-about .c-hours-list-item {
	margin-bottom: 2rem;
}
.page-about .c-hours-list-item:last-child {
	margin-bottom: 0;
}
/*//当院についてページの場合*/
.c-hours-list-item table {
	background-color: #FD9B01;
	border-radius: 10px;
}
.c-hours-list-item th,
.c-hours-list-item td {
	text-align: center;
	line-height: 1.4;
	padding: 6px 0;
}
.c-hours-list-item th {
	color: #fff;
	font-weight: 500;
}
.c-hours-list-item .td-item {
	width: 33px;
}
/*当院についてページの場合*/
.c-hours-list-item .td-item {
	width: 36px;
}
/*//当院についてページの場合*/
.c-hours-list-item th.td-item {
	border-left: 1px solid #fff;
}
.c-hours-list-item th.head {
	border-bottom: 1px solid #fff;
}
.c-hours-list-item th.top {
	vertical-align:middle;
	font-size: 13px;
}
.c-hours-list-item th.time {
	font-size: 16px;
	letter-spacing: 0;
}
.c-hours-list-item td {
	background-color: #fff;
	color: #FD9B01;
}
.c-hours-list-item td.td-item {
	border-right: 1px solid #EBE6DE;
	border-bottom: 1px solid #EBE6DE;
	font-size: 13px;
	padding-bottom: 3px;
}
.c-hours-list-item td .notice {
	font-size: 11px;
	line-height: 0.9;
	font-weight: 700;
}
.c-hours-list-item .holiday {
	display: grid;
	grid-template-columns: 5.5rem 1fr;
	border: 1px solid #8B644F;
	border-radius: 5px;
	margin-top: .5rem;
	font-size: .9rem;
}
.c-hours-list-item .holiday dt,
.c-hours-list-item .holiday dd {
	padding: .2rem 1rem;
	text-align: center;
}
.c-hours-list-item .holiday dt {
	background-color: #8B644F;
	color: #fff;
}
.c-hours-list-item .holiday dd {
	text-align: center;
}
.c-hours-list-item .note {
	margin-top: .5rem;
}
.c-hours-list-item .access {
	
}
.c-hours-list-item .access .add {
	display: inline;
	font-size: 1rem;
}
.c-hours-list-item .access .btn-map {
	display: inline-block;
	background-color: #FFF4CE;
	border-radius: 8px;
	padding: 7px 3px 7px 16px;
	font-size: .8rem;
	line-height: 1.4;
	position: relative;
}
.c-hours-list-item .access .btn-map:hover {
	opacity: .7;
}
.c-hours-list-item .access .btn-map:before {
	position: absolute;
	left: 5px;
	top: 50%;
	display: block;
	content:"";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: url("../img/common/icon_arrow_orange.svg") no-repeat center center;
	background-size: contain;
}
.c-hours-list-item .tel {
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1;
}
.c-hours-list-item .caution-list {
	margin-top: 0rem;
}
.c-hours-list-item .caution-list-item {
	list-style-type: disc;
	margin-left: 22px;
	font-size: .9rem;
	line-height: 1.4;
}
.c-hours-list-item .gcal {
	position: relative;
	width: 100%;
	padding-top: 90%; /* 高さ比率 */
}
.c-hours-list-item .gcal iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
@media (min-width: 768px) {
	/*トップページの場合*/
	.page-index .c-hours-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1rem;
	}
	.page-index .c-hours-list-item {
		height: 100%;
		margin-bottom: 0;
	}
	/*//トップページの場合*/
	/*当院についてページの場合*/
	.page-about .c-hours-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 2rem;
	}
	.page-about .c-hours-list-item {
		margin-bottom: 0;
	}
	/*//当院についてページの場合*/
	.c-hours-list-item .td-item {
		width: 36px;
	}
	.c-hours-list-item .gcal {
		padding-top: 100%; /* 高さ比率 */
	}
}
@media (min-width: 900px) {
	.c-hours-list-item .td-item {
		width: 42px;
	}
	/*当院についてページの場合*/
	.c-hours-list-item .td-item {
		width: 45px;
	}
	/*//当院についてページの場合*/
}
@media (min-width: 1024px) {
	/*トップページの場合*/
	.page-index .c-hours-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 3rem;
	}
	.page-index .c-hours-list-item {
		border-radius: 40px;
		padding: 1.5rem 1.5rem;
	}
	.page-index .c-hours-list-item:before {
		position: absolute;
		left: 50%;
		top: -20px;
		margin-left: -2px;
		width: 4px;
		height: 40px;
	}
	.page-index .c-hours-list-item .ttl {
		letter-spacing: 1px;
		font-size: 1.4rem;
		margin-bottom: .5rem;
	}
	/*//トップページの場合*/
	/*当院についてページの場合*/
	.page-about .c-hours-list {
		gap: 3rem;
	}
	/*//当院についてページの場合*/
	
	.c-hours-list-item table {
		border-radius: 10px;
	}
	.c-hours-list-item th,
	.c-hours-list-item td {
		text-align: center;
		line-height: 1.4;
		padding: 12px 0;
	}
	.c-hours-list-item .td-item {
		width: 40px;
	}
	.c-hours-list-item th.top {
		font-size: 16px;
	}
	.c-hours-list-item th.time {
		font-size: 18px;
		letter-spacing: 1px;
	}
	.c-hours-list-item td.td-item {
		font-size: 16px;
		padding-bottom: 5px;
	}
	
	/*当院についてページの場合*/
	.c-hours-list-item .td-item {
		width: 45px;
	}
	.page-about .c-hours-list-item th.top {
		font-size: 18px;
	}
	.page-about .c-hours-list-item th.time {
		font-size: 20px;
	}
	.page-about .c-hours-list-item td.td-item {
		font-size: 18px;
	}
	/*//当院についてページの場合*/
	
	.c-hours-list-item td .notice {
		font-size: 14px;
		line-height: 0.9;
	}
	.c-hours-list-item .holiday {
		display: grid;
		grid-template-columns: 6rem 1fr;
		border-radius: 5px;
		margin-top: 1rem;
		font-size: .9rem;
	}
	.c-hours-list-item .holiday dt,
	.c-hours-list-item .holiday dd {
		padding: .4rem 1rem;
	}
	.c-hours-list-item .note {
		margin-top: .5rem;
	}
	.c-hours-list-item .access .add {
		font-size: 1rem;
	}
	.c-hours-list-item .access .btn-map {
		border-radius: 10px;
		padding: 5px 10px 5px 20px;
		font-size: .85rem;
		line-height: 1.4;
		margin-left: .6rem;
	}
	.c-hours-list-item .access .btn-map:before {
		position: absolute;
		left: 5px;
		top: 50%;
		display: block;
		content:"";
		width: 12px;
		height: 12px;
		margin-top: -6px;
		background: url("../img/common/icon_arrow_orange.svg") no-repeat center center;
		background-size: contain;
	}
	.c-hours-list-item .tel {
		font-size: 1.8rem;
	}
	.c-hours-list-item .caution-list {
		margin-top: 0.5rem;
	}
	.c-hours-list-item .caution-list-item {
		margin-left: 15px;
		font-size: .9rem;
		line-height: 1.4;
	}
	.c-hours-list-item .gcal{
		position: relative;
		width: 100%;
		padding-top: 80%; /* 高さ比率 */
	}
}
@media (min-width: 1180px) {
	.c-hours-list-item .td-item {
		width: 50px;
	}
	/*当院についてページの場合*/
	.c-hours-list-item .td-item {
		width: 55px;
	}
	/*//当院についてページの場合*/
}
@media (min-width: 1280px) {
	.c-hours-list-item .td-item {
		width: 55px;
	}
	/*当院についてページの場合*/
	.c-hours-list-item .td-item {
		width: 60px;
	}
}


/*=============================
	診療内容メニュー
==============================*/
.c-treat-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: .8rem; 
}
.c-treat-list-link {
	display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
}
.c-treat-list-link .circle {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #FFF8EB;
	text-align: center;
	padding: 14% 0 0 0;
	position: relative;
	transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-webkit-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}
.c-treat-list-link .circle:hover {
	background-color: #FFF0D3;
}
.c-treat-list-link .circle:after {
	position: absolute;
	left: 50%;
	bottom: 7%;
	display: block;
	content:"";
	width: 12px;
	height: 12px;
	margin-left: -6px;
	background: url("../img/common/icon_arrow_orange.svg") no-repeat center center;
	background-size: contain;
}
/*診療内容ページの場合*/
.page-treatment .c-treat-list-link .circle {
	background-color: #FFEDD0;
	/*box-shadow: 2px 2px 15px rgba(255,255,255,0.9);*/
}
.page-treatment .c-treat-list-link .circle:hover {
	background-color: #FFE7BF;
}
.page-treatment .c-treat-list-link .circle:after {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-webkit-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}
.page-treatment .c-treat-list-link .circle:hover:after {
	bottom: 5%;
}
/*//診療内容ページの場合*/

.c-treat-list-link .circle .icon {
	width: 40%;
	margin: 0 auto;
}
.c-treat-list-link .circle .ttl {
	font-weight: 700;
	font-size: .95rem;
	line-height: 1.2;
	margin-top: 8%;
}
.c-treat-list-link .circle .senior {
	font-size: .85rem;
	line-height: 1;
	margin-top: 4%;
}
.c-treat-list-item .copy {
	color: #8B644F;
	font-size: .8rem;
	line-height: 1.2;
	margin-top: .5rem;
}
@media (min-width: 768px) {
	.c-treat-list {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: .5rem; 
	}
	.c-treat-list-link .circle:after {
		bottom: 10%;
	}
	/*診療内容ページの場合*/
	.page-treatment .c-treat-list-link .circle:hover:after {
		bottom: 7%;
	}
	/*//診療内容ページの場合*/
	.c-treat-list-link .circle .icon {
		width: 35%;
	}
	.c-treat-list-link .circle .ttl {
		font-size: .9rem;
		line-height: 1.2;
		margin-top: 8%;
	}
	.c-treat-list-link .circle .senior {
		font-size: .85rem;
		line-height: 1;
		margin-top: 4%;
	}
	.c-treat-list-item .copy {
		font-size: .75rem;
	}
}
@media (min-width: 1024px) {
	.c-treat-list {
		gap: 1rem; 
	}
	.c-treat-list-link .circle .ttl {
		font-size: 1rem;
		margin-top: 10%;
	}
	.c-treat-list-link .circle .senior {
		font-size: .95rem;
		margin-top: 5%;
	}
	.c-treat-list-item .copy {
		font-size: .8rem;
	}
}
@media (min-width: 1280px) {
	.c-treat-list {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: 1.4rem; 
	}
	.c-treat-list-link .circle {
		padding: 16% 0 0 0;
	}
	.c-treat-list-link .circle:after {
		bottom: 10%;
		width: 16px;
		height: 16px;
		margin-left: -8px;
	}
	/*診療内容ページの場合*/
	.page-treatment .c-treat-list-link .circle:hover:after {
		bottom: 7%;
	}
	/*//診療内容ページの場合*/
	.c-treat-list-link .circle .icon {
		width: 35%;
	}
	.c-treat-list-link .circle .ttl {
		font-size: 1.1rem;
		line-height: 1.2;
		margin-top: 10%;
	}
	.c-treat-list-link .circle .senior {
		font-size: 1.1rem;
		line-height: 1;
		margin-top: 5%;
	}
	.c-treat-list-item .copy {
		font-size: .9rem;
		line-height: 1.2;
		margin-top: .5rem;
	}
}


/****************************************
	トップページ
*****************************************/

/*=============================
	mainvisual
==============================*/
.top-visual-sec {
	margin-top: 1rem;
	overflow: hidden;
	padding-bottom: 4rem;
}
.top-visual-sec .inner {
	padding: 0 1.5rem;
	position: relative;
}
.top-visual-sec .inner:before {
	position: absolute;
	right: -5rem;
	top: 1rem;
	display: block;
	content:"";
	width: 180px;
	height: 180px;
	background: url("../img/common/bg_circle_orange.webp") no-repeat 0 0;
	background-size: cover;
	z-index: -1;
}
.top-visual-sec .inner:after {
	position: absolute;
	left: -5rem;
	top: 7.5rem;
	display: block;
	content:"";
	width: 220px;
	height: 220px;
	background: url("../img/common/bg_circle_yellow.webp") no-repeat 0 0;
	background-size: cover;
	z-index: -1;
}
.top-visual-sec .mainvisual {
	max-width: 100%;
	height: auto;
}
.top-visual-sec .mainvisual img {
	width: 100%;
	aspect-ratio: 4/2.8;
	object-fit: cover;
	border-radius: 1.5rem;
}
.top-visual-sec .copy-wrap {
	position: absolute;
	bottom: 1.2rem;
	width: calc(100% - 3rem);
	z-index: 100;
	color: #fff;
	text-align: center;
}
.top-visual-sec .copy-wrap .illust {
	width: 6rem;
	margin: 0 auto;
}
.top-visual-sec .copy-wrap .copy-main {
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 1px;
	margin-top: .3rem;
}
.top-visual-sec .copy-wrap .copy-sub {
	font-size: 0.8rem;
	font-weight: 500;
	line-height: 1.3;
	margin-top: .3rem;
}
.top-visual-sec .cr {
	position: absolute;
	left: .4rem;
	top: 3.5rem;
	writing-mode: vertical-rl;
	font-size: .45rem;
	letter-spacing: 2px;
}

/*ドットインジケーターの設定*/
/* pager全体 */
.top-visual-sec .bx-wrapper .bx-pager {
  position: absolute;
  top: 50%;
  right: 0.7rem; /* ← 位置調整 */
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: right;
}
/* ドット */
.top-visual-sec .bx-wrapper .bx-pager.bx-default-pager a {
  font-size: 0;
  text-indent: -9999px;
  background: rgba(255,255,255,0.8);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  display: block;
  transition: 0.3s;
}
/* hover */
.top-visual-sec .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #FD9B01;
}
/* active */
.top-visual-sec .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #FD9B01;
}
@media (min-width:768px){
	.top-visual-sec {
		margin-top: 1rem;
		padding-bottom: 4rem;
	}
	.top-visual-sec .inner {
		padding: 0 3rem;
	}
	.top-visual-sec .inner:before {
		right: -5rem;
		top: 1rem;
		width: 280px;
		height: 280px;
	}
	.top-visual-sec .inner:after {
		left: -5rem;
		top: 10rem;
		width: 320px;
		height: 320px;
	}
	.top-visual-sec .mainvisual img {
		aspect-ratio: 4/2.2;
		border-radius: 3rem;
	}
	.top-visual-sec .copy-wrap {
		bottom: 2rem;
		width: calc(100% - 6rem);
	}
	.top-visual-sec .copy-wrap .illust {
		width: 8rem;
	}
	.top-visual-sec .copy-wrap .copy-main {
		font-size: 1.6rem;
		letter-spacing: 1px;
		margin-top: .7rem;
	}
	.top-visual-sec .copy-wrap .copy-sub {
		font-size: 1rem;
		line-height: 1.4;
		margin-top: .7rem;
	}
	.top-visual-sec .cr {
		left: 1.5rem;
		top: 5.5rem;
		font-size: .5rem;
		letter-spacing: 3px;
	}

	/*ドットインジケーターの設定*/
	/* pager全体 */
	.top-visual-sec .bx-wrapper .bx-pager {
	  right: 2rem; /* ← 位置調整 */
	  gap: 15px;
	}
	/* ドット */
	.top-visual-sec .bx-wrapper .bx-pager.bx-default-pager a {
	  width: 7px;
	  height: 7px;
	}
}
@media (min-width: 1024px) {
	.top-visual-sec {
		margin-top: 1rem;
		padding-bottom: 8rem;
	}
	.top-visual-sec .inner {
		padding: 0 3rem;
		width: 100%;
		max-width: 1302px;/*1200px + padding6rem分*/
		margin: 0 auto;
	}
	.top-visual-sec .inner:before {
		right: -12rem;
		top: 1rem;
		width: 400px;
		height: 400px;
	}
	.top-visual-sec .inner:after {
		left: -11rem;
		top: 20rem;
		width: 490px;
		height: 490px;
	}
	.top-visual-sec .mainvisual img {
		aspect-ratio: 4/2.1;
		border-radius: 4rem;
	}
	.top-visual-sec .copy-wrap {
		bottom: 3.5rem;
		width: calc(100% - 6rem);
	}
	.top-visual-sec .copy-wrap .illust {
		width: 10rem;
	}
	.top-visual-sec .copy-wrap .copy-main {
		font-size: 2.2rem;
		letter-spacing: 2px;
		margin-top: .8rem;
	}
	.top-visual-sec .copy-wrap .copy-sub {
		font-size: 1.1rem;
		line-height: 1.4;
		letter-spacing: 1px;
		margin-top: .8rem;
	}
	.top-visual-sec .cr {
		left: 1rem;
		top: 11rem;
		font-size: .55rem;
		letter-spacing: 5px;
	}

	/*ドットインジケーターの設定*/
	/* pager全体 */
	.top-visual-sec .bx-wrapper .bx-pager {
	  right: 1.8rem; /* ← 位置調整 */
	  gap: 15px;
	}
	/* ドット */
	.top-visual-sec .bx-wrapper .bx-pager.bx-default-pager a {
	  width: 10px;
	  height: 10px;
	}
}
@media (min-width: 1280px) {
	.top-visual-sec .inner {
		padding: 0 3rem;
		width: 100%;
		max-width: 1302px;/*1200px + padding6rem分*/
		margin: 0 auto;
	}
}

/*=============================
	intro（診療時間、カレンダー）
==============================*/
.top-intro-sec {
	margin-top: -2.5rem;
	padding-bottom: 2rem;
}
@media (min-width: 768px) {
	.top-intro-sec {
		margin-top: -2rem;
	}
}
@media (min-width: 1024px) {
	.top-intro-sec {
		margin-top: -5rem;
		padding-bottom: 3rem;
	}
}


/*=============================
	treatment（診療内容）
==============================*/
.top-treat-sec {
	background: url("../img/common/bg_curv_top_beige.png")no-repeat top center #FFF;
	background-size: 100%;
	position: relative;
	padding: 2rem 0 3rem 0;
}
.top-treat-sec .m-inner {
	position: relative;
}
.top-treat-sec .m-inner:before {
	position: absolute;
	left: -1rem;
	top: -3.5rem;
	display: block;
	content:"";
	width: 140px;
	height: 140px;
	background: url("../img/top/treat_illust_dog.webp") no-repeat 0 0;
	background-size: cover;
}
.top-treat-sec .m-inner:after {
	position: absolute;
	right: 0rem;
	bottom: -3.8rem;
	display: block;
	content:"";
	width: 110px;
	height: 110px;
	background: url("../img/top/treat_illust_cat.webp") no-repeat 0 0;
	background-size: cover;
}
@media (min-width: 768px) {
	.top-treat-sec {
		padding: 2rem 0 2rem 0;
	}
	.top-treat-sec .m-inner:before {
		left: -1rem;
		top: -4.5rem;
		width: 200px;
		height: 200px;
	}
	.top-treat-sec .m-inner:after {
		right: 0rem;
		bottom: -3rem;
		display: block;
		content:"";
		width: 150px;
		height: 150px;
	}
}
@media (min-width: 1024px) {
	.top-treat-sec {
		padding: 3rem 0 4rem 0;
	}
	.top-treat-sec .m-inner:before {
		left: -4rem;
		top: -6.5rem;
		width: 280px;
		height: 280px;
	}
	.top-treat-sec .m-inner:after {
		right: -3.5rem;
		bottom: -5.2rem;
		width: 200px;
		height: 200px;
	}
}


/*=============================
	access（アクセス）
==============================*/
.top-access-sec .map-box {
	height: 260px;
}
.top-access-sec .map-box iframe {
	width: 100%;
	height: 260px;
	border-radius: 1.5rem;
}
.top-access-sec .cont {
	margin-top: 2rem;
}
.top-access-sec .cont .photo img {
	width: 100%;
	aspect-ratio: 4/2.5;
	object-fit: cover;
	border-radius: 1.5rem;
}
.top-access-sec .cont .note {
	margin-top: .8rem;
	padding: 0 .3rem;
}
.top-access-sec .cont .access .add {
	display: inline;
	font-size: 1rem;
}
.top-access-sec .cont .access .btn-map {
	display: inline-block;
	background-color: #FFEDD0;
	border-radius: 8px;
	padding: 6px 5px 6px 15px;
	font-size: .75rem;
	line-height: 1.4;
	position: relative;
	margin-left: .2rem;
}
.top-access-sec .cont .access .btn-map:hover {
	opacity: .7;
}
.top-access-sec .cont .access .btn-map:before {
	position: absolute;
	left: 3px;
	top: 50%;
	display: block;
	content:"";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: url("../img/common/icon_arrow_orange.svg") no-repeat center center;
	background-size: contain;
}
.top-access-sec .cont .tel {
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1;
}
.top-access-sec .cont .copy {
	font-size: 1rem;
	line-height: 1.4;
	margin-top: .5rem;
}
@media (min-width: 768px) {
	.top-access-sec .map-box {
		height: 350px;
	}
	.top-access-sec .map-box iframe {
		height: 350px;
		border-radius: 2rem;
	}
	.top-access-sec .wrap {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1rem;
	}
	.top-access-sec .cont {
		margin-top: 0;
	}
}
@media (min-width: 1024px) {
	.top-access-sec .map-box {
		height: 480px;
	}
	.top-access-sec .map-box iframe {
		height: 480px;
		border-radius: 2rem;
	}
	.top-access-sec .wrap {
		display: grid;
		grid-template-columns: 39rem 1fr;
		gap: 2.5rem;
	}
	.top-access-sec .cont {
		margin-top: 0;
	}
	.top-access-sec .cont .photo img {
		border-radius: 2rem;
	}
	.top-access-sec .cont .note {
		margin-top: 1rem;
		padding: 0 .5rem;
	}
	.top-access-sec .cont .access .btn-map {
		border-radius: 10px;
		padding: 5px 10px 5px 20px;
		font-size: .85rem;
		line-height: 1.4;
		margin-left: .6rem;
	}
	.top-access-sec .cont .access .btn-map:before {
		left: 5px;
		width: 12px;
		height: 12px;
		margin-top: -6px;
	}
	.top-access-sec .cont .tel {
		font-size: 1.8rem;
	}
	.top-access-sec .cont .copy {
		font-size: 1rem;
		line-height: 1.4;
		margin-top: .5rem;
	}
}


/****************************************
	about 当院について
*****************************************/
/*=============================
	intro（イントロ）
==============================*/
.page-about .intro-sec {
	padding-bottom: 3rem;
	overflow: hidden;
}
.page-about .intro-sec .m-inner {
	position: relative;
}
.page-about .intro-sec .m-inner:before {
	position: absolute;
	right: -7rem;
	top: 1rem;
	display: block;
	content:"";
	width: 450px;
	height: 450px;
	background: url("../img/about/intro_bg.webp") no-repeat 0 0;
	background-size: cover;
	z-index: -1;
}
.page-about .intro-sec .cont {
	display: flex;
	flex-direction: column;
}
.page-about .intro-sec .photo {
	order: 2;
	margin-top: 2rem;
}
.page-about .intro-sec .photo img {
	border-radius: 1rem;
}
.page-about .intro-sec .note .copy-main {
	color: #FD9B01;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 1px;
	font-size: 1.5rem;
}
.page-about .intro-sec .note .copy-sub {
	margin-top: 2rem;
	font-size: 1rem;
}
.page-about .intro-sec .note .copy-sub .sign {
	text-align: right;
}
.page-about .intro-sec .note .copy-sub .sign .name {
	font-size: 1.2rem;
	margin-left: 1.5rem;
}
@media (min-width: 768px) {
	.page-about .intro-sec {
		padding-bottom: 3rem;
	}
	.page-about .intro-sec .m-inner:before {
		left: -2rem;
		top: -1.5rem;
		width: 450px;
		height: 450px;
	}
	.page-about .intro-sec .photo {
		order: 1;
		margin-top: 0;
		width: 28rem;
		margin-left: auto;
	}
	.page-about .intro-sec .photo img {
		border-radius: 1rem;
	}
	.page-about .intro-sec .note {
		order: 2;
		margin-top: -8rem;
	}
	.page-about .intro-sec .note .copy-main {
		line-height: 1.8;
		letter-spacing: 1px;
		font-size: 1.8rem;
	}
	.page-about .intro-sec .note .copy-sub {
		width: 36rem;
		margin-top: 3rem;
		font-size: 1rem;
	}
	.page-about .intro-sec .note .copy-sub .sign .name {
		font-size: 1.3rem;
		margin-left: 1.5rem;
	}
}
@media (min-width: 1024px) {
	.page-about .intro-sec {
		padding-bottom: 3rem;
	}
	.page-about .intro-sec .m-inner:before {
		left: -7rem;
		top: -2.5rem;
		width: 750px;
		height: 750px;
	}
	.page-about .intro-sec .photo {
		width: 44rem;
	}
	.page-about .intro-sec .photo img {
		border-radius: 1rem;
	}
	.page-about .intro-sec .note {
		margin-top: -10rem;
	}
	.page-about .intro-sec .note .copy-main {
		line-height: 1.8;
		letter-spacing: 3px;
		font-size: 2.2rem;
	}
	.page-about .intro-sec .note .copy-sub {
		width: 47rem;
		margin-top: 5rem;
		font-size: 1.1rem;
	}
	.page-about .intro-sec .note .copy-sub .sign .name {
		font-size: 1.4rem;
		margin-left: 1.5rem;
	}
}

/*=============================
	photo（swiper）
==============================*/

/* swiper */
.page-about .photo-sec {
	overflow: hidden;
	position: relative;
}
.page-about .photo-sec:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
    background: url("../img/common/bg_curv_circle_top_white.webp")no-repeat  center / 100% 100%;
	width: 100%;
	height: 1.6rem;
	z-index: 10;
}
.page-about .photo-sec .swiper-wrapper {
	transition-timing-function: linear;
}
.page-about .photo-sec .swiper-slide {
	height: 160px !important;
	width: auto !important;
}
.page-about .photo-sec .swiper-slide img {
	width: 235px;
}
@media (min-width:768px){
	.page-about .photo-sec:before {
		height: 2.8rem;
	}
	.page-about .photo-sec .swiper-slide {
	  height: 192px !important;
	  width: auto !important;
	}
	.page-about .photo-sec .swiper-slide img {
		width: 282px;
	}
}
@media (min-width:1024px){
	.page-about .photo-sec:before {
		height: 4.2rem;
	}
	.page-about .photo-sec .swiper-slide {
	  height: 320px !important;
	  width: auto !important;
	}
	.page-about .photo-sec .swiper-slide img {
		width: 470px;
	}
}

/*=============================
	共通ボックス
==============================*/
.page-about .c-inbox {
	background-color: #FFF8EB;
	border-radius: 1rem;
	padding: 1.5rem 1rem;
}
.page-about .c-inbox.white {
	background-color: #FFF;
}
.page-about .c-inbox .ttl-L {
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.3;
	margin-bottom: .8rem;
	position: relative;
	padding-left: 1.7rem;
}
.page-about .c-inbox .ttl-L:before {
	position: absolute;
	left: 0;
	top: 2px;
	display: block;
	content:"";
	width: 1.4rem;
	height: 1.4rem;
}
.page-about .c-inbox .ttl-L.night:before {
	background: url("../img/about/icon_night.svg") no-repeat center center;
	background-size: contain;
}
.page-about .c-inbox .ttl-L.parking:before {
	background: url("../img/about/icon_parking.svg") no-repeat center center;
	background-size: contain;
}
.page-about .c-inbox .ttl-L.payment:before {
	background: url("../img/about/icon_payment.svg") no-repeat center center;
	background-size: contain;
}
.page-about .c-inbox .ttl-L.insurance:before {
	background: url("../img/about/icon_insurance.svg") no-repeat center center;
	background-size: contain;
}
.page-about .c-inbox .strong {
	font-weight: 700;
	text-decoration: underline;
}
.page-about .c-inbox .list-item {
	background-color: #fff;
	border-radius: 1rem;
	padding: 1rem 1rem;
	margin-top: 1rem;
}
.page-about .c-inbox .list-item .ttl-M {
	font-weight: 700;
	font-size: 1.1rem;
	line-height: 1.4;
	position: relative;
	border-bottom: 1px dashed #8B644F;
	margin-bottom: .8rem;
	padding: 0 .5rem .5rem 1.3rem;
}
.page-about .c-inbox .list-item .ttl-M:before {
	position: absolute;
	left: .4rem;
	top: .5rem;
	display: block;
	content:"";
	width: .7rem;
	height: .7rem;
	background-color: #552D18;
	border-radius: 50px;
}
.page-about .c-inbox .list-item .note {
	line-height: 1.4;
	padding: 0 .5rem;
}
.page-about .c-inbox .list-item .note .tel-wrap dt {
	font-size: 1.05rem;
}
.page-about .c-inbox .list-item .note .tel-wrap dd {
	font-size: 1.4rem;
	font-weight: 700;
}
.page-about .c-inbox .list-item .note .caution {
	font-size: .8rem;
}
@media (min-width: 768px) {
	.page-about .c-inbox {
		border-radius: 1.5rem;
		padding: 1.8rem 1.8rem;
	}
	.page-about .c-inbox .ttl-L {
		font-size: 1.3rem;
	}
	.page-about .c-inbox .ttl-L:before {
		top: 3px;
	}
	.page-about .c-inbox .list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1rem;
		margin-top: 1rem;
	}
	.page-about .c-inbox .list-item {
		margin-top: 0;
	}
}
@media (min-width: 1024px) {
	.page-about .c-inbox {
		border-radius: 1.5rem;
		padding: 2.5rem 2.5rem;
	}
	.page-about .c-inbox .ttl-L {
		font-size: 1.5rem;
		margin-bottom: .8rem;
		padding-left: 2.2rem;
	}
	.page-about .c-inbox .ttl-L:before {
		top: 3px;
		width: 1.7rem;
		height: 1.7rem;
	}
	.page-about .c-inbox .list {
		gap: 2rem;
		margin-top: 1.5rem;
	}
	.page-about .c-inbox .list-item {
		border-radius: 1rem;
		padding: 1.5rem 1.5rem;
	}
	.page-about .c-inbox .list-item .ttl-M {
		font-size: 1.3rem;
		letter-spacing: 1px;
		margin-bottom: .8rem;
		padding: 0 .5rem .5rem 1.5rem;
	}
	.page-about .c-inbox .list-item .ttl-M:before {
		left: .4rem;
		top: .7rem;
	}
	.page-about .c-inbox .list-item .note {
		line-height: 1.4;
		padding: 0 .8rem;
	}
}



/*=============================
	hours（診療時間）
==============================*/
.page-about .hours-sec {
	padding-bottom: 3rem;
}
@media (min-width: 768px) {
	.page-about .hours-sec {
		padding-bottom: 3rem;
	}
}
@media (min-width: 1024px) {
	.page-about .hours-sec {
		padding-bottom: 3rem;
	}
}


/*=============================
	access（アクセス）
==============================*/
/* section周り
-----------------*/
.page-about .access-sec {
	background: url("../img/common/bg_curv_circle_btm_white.webp")no-repeat top center #FFF8EB;
	background-size: 100%;
	position: relative;
	padding: 3.5rem 0 3rem 0;
	overflow: hidden;
}
.page-about .access-sec .m-inner {
	position: relative;
}
.page-about .access-sec .m-inner:before {
	position: absolute;
	right: -1rem;
	top: -3.5rem;
	display: block;
	content:"";
	width: 150px;
	height: 150px;
	background: url("../img/about/access_illust_dog.webp") no-repeat 0 0;
	background-size: cover;
}
@media (min-width: 768px) {
	.page-about .access-sec {
		padding: 5rem 0 3rem 0;
	}
	.page-about .access-sec .m-inner:before {
		right: -1rem;
		top: -5rem;
		width: 240px;
		height: 240px;
	}
}
@media (min-width: 1024px) {
	.page-about .access-sec {
		padding: 7rem 0 4rem 0;
	}
	.page-about .access-sec .m-inner:before {
		right: -3rem;
		top: -6rem;
		width: 300px;
		height: 300px;
	}
}

/* 写真と病院情報
-----------------*/
.page-about .access-sec .head-box {
	
}
.page-about .access-sec .head-box .photo img {
	width: 100%;
	aspect-ratio: 4/2.4;
	object-fit: cover;
	border-radius: 1.5rem;
}
.page-about .access-sec .head-box .note {
	margin-top: 2rem;
}
.page-about .access-sec .head-box .name {
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.4;
	border-bottom: 1px dashed #8B644F;
	padding: 0 0 .5rem 0;
	margin-bottom: .8rem;
}
.page-about .access-sec .head-box .add {
	display: inline;
	font-size: 1rem;
}
.page-about .access-sec .head-box .btn-map {
	display: inline-block;
	background-color: #FFEDD0;
	border-radius: 8px;
	padding: 6px 5px 6px 16px;
	font-size: .8rem;
	line-height: 1.4;
	position: relative;
	margin-left: .2rem;
}
.page-about .access-sec .head-box .btn-map:hover {
	opacity: .7;
}
.page-about .access-sec .head-box .btn-map:before {
	position: absolute;
	left: 5px;
	top: 50%;
	display: block;
	content:"";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: url("../img/common/icon_arrow_orange.svg") no-repeat center center;
	background-size: contain;
}
.page-about .access-sec .head-box .tel {
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1;
}
.page-about .access-sec .head-box .copy {
	font-size: 1rem;
	line-height: 1.4;
	margin-top: .5rem;
}
@media (min-width: 768px) {
	.page-about .access-sec .head-box {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1.5rem;
		place-items: center;
	}
	.page-about .access-sec .head-box .note {
		margin-top: 0;
		width: 100%;
	}
}
@media (min-width: 1024px) {
	.page-about .access-sec .head-box {
		gap: 3rem;
	}
	.page-about .access-sec .head-box .photo img {
		border-radius: 2rem;
	}
	.page-about .access-sec .head-box .name {
		font-size: 1.6rem;
		padding: 0 1rem .5rem 1rem;
		margin-bottom: .8rem;
	}
	.page-about .access-sec .head-box .text {
		padding: 0 1rem;
	}
	.page-about .access-sec .head-box .btn-map {
		border-radius: 10px;
		padding: 5px 10px 5px 20px;
		font-size: .85rem;
		line-height: 1.4;
		margin-left: .6rem;
	}
	.page-about .access-sec .head-box .btn-map:before {
		left: 5px;
		width: 12px;
		height: 12px;
		margin-top: -6px;
	}
	.page-about .access-sec .head-box .tel {
		font-size: 1.8rem;
	}
	.page-about .access-sec .head-box .copy {
		font-size: 1rem;
		line-height: 1.8;
		margin-top: .5rem;
	}
}

/* map
-----------------*/
.page-about .access-sec .map-box {
	height: 260px;
}
.page-about .access-sec .map-box iframe {
	width: 100%;
	height: 260px;
}
@media (min-width: 768px) {
	.page-about .access-sec .map-box {
		height: 350px;
	}
	.page-about .access-sec .map-box iframe {
		height: 350px;
	}
}
@media (min-width: 1024px) {
	.page-about .access-sec .map-box {
		height: 480px;
	}
	.page-about .access-sec .map-box iframe {
		height: 480px;
	}
}

/* 駐車場について
-----------------*/
.page-about .access-sec .parking-box .figure {
	margin-top: 2rem;
}
.page-about .access-sec .parking-box .figure img {
	border-radius: 1rem;
}
@media (min-width: 768px) {
	.page-about .access-sec .parking-box {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1.5rem;
	}
	.page-about .access-sec .parking-box .figure {
		margin-top: 0;
	}
}
@media (min-width: 1024px) {
	.page-about .access-sec .parking-box {
		gap: 3rem;
	}
	.page-about .access-sec .parking-box .figure img {
		border-radius: 2rem;
	}
}


/****************************************
	treatment 診療内容 一覧・詳細ページ【共通】
*****************************************/
/*=============================
	共通ボックス
==============================*/
.c-treat-box {
	background-color: #fff;
	border-radius: 1rem;
	padding: 1.5rem 1rem;
}
.c-treat-box .head {
	border-bottom: 1px dashed #8B644F;
	padding-bottom: .8rem;
	margin-bottom: 1.5rem;
}
.c-treat-box .head .ttl {
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 1px;
	font-size: 1.35rem;
	position: relative;
	padding-left: 3.2rem;
}
.c-treat-box .head .ttl:before {
	position: absolute;
	left: 0;
	top: -0.5rem;
	display: block;
	content:"";
	width: 2.8rem;
	height: 2.8rem;
}
.c-treat-box .head .ttl.general:before {
	background: url("../img/treatment/icon_general.svg") no-repeat 0 0;
	background-size: contain;
}
.c-treat-box .head .ttl.prevention:before {
	background: url("../img/treatment/icon_prevention.svg") no-repeat 0 0;
	background-size: contain;
}
.c-treat-box .head .ttl.spay:before {
	background: url("../img/treatment/icon_spay.svg") no-repeat 0 0;
	background-size: contain;
}
.c-treat-box .head .ttl.acupuncture:before {
	background: url("../img/treatment/icon_acupuncture.svg") no-repeat 0 0;
	background-size: contain;
}
.c-treat-box .head .ttl.dental:before {
	background: url("../img/treatment/icon_dental.svg") no-repeat 0 0;
	background-size: contain;
}
.c-treat-box .head .ttl.senior:before {
	background: url("../img/treatment/icon_senior.svg") no-repeat 0 0;
	background-size: contain;
}
@media (min-width: 768px) {
	.c-treat-box {
		border-radius: 1.5rem;
		padding: 1.8rem 1.8rem;
	}
	.c-treat-box .head .ttl {
		letter-spacing: 1px;
		font-size: 1.6rem;
		padding-left: 3.8rem;
	}
	.c-treat-box .head .ttl:before {
		top: -0.5rem;
		width: 3.2rem;
		height: 3.2rem;
	}
}
@media (min-width: 1024px) {
	.c-treat-box {
		border-radius: 1.5rem;
		padding: 1.8rem 2.5rem 2rem 2.5rem;
	}
	.c-treat-box .head {
		padding-bottom: 1rem;
		margin-bottom: 1.8rem;
	}
	.c-treat-box .head .ttl {
		letter-spacing: 2px;
		font-size: 1.8rem;
		padding-left: 4.2rem;
	}
	.c-treat-box .head .ttl:before {
		top: -0.7rem;
		width: 3.6rem;
		height: 3.6rem;
	}
}

/****************************************
	treatment 診療内容 一覧ページ
*****************************************/

.page-treatment .arc-sec {
	padding-bottom: 3rem;
}
@media (min-width: 768px) {}
@media (min-width: 1024px) {
	.page-treatment .arc-sec {
		padding-bottom: 4rem;
	}
}

/*=============================
	共通ボックス c-treat-box
	一覧ページでのパーツ
==============================*/
.c-treat-box .cont .intro .photo img {
	border-radius: 1rem;
}
.c-treat-box .cont .intro .note {
	margin-top: 1.5rem;
}
.c-treat-box .cont .intro .disc-list-item {
	position: relative;
	font-weight: 700;
	line-height: 1.4;
	font-size: 1.15rem;
	padding-left: 1.2rem;
	margin-bottom: .8rem;
}
.c-treat-box .cont .intro .disc-list-item:last-child {
	margin-bottom: 0;
}
.c-treat-box .cont .intro .disc-list-item:before {
	position: absolute;
	left: 0;
	top: 0.5rem;
	display: block;
	content:"";
	width: .6rem;
	height: .6rem;
	background-color: #FD9B01;
	border-radius: 50px;
}
.c-treat-box .cont .intro .copy {
	margin-top: 1.5rem;
}
.c-treat-box .cont .intro .btn {
	margin-top: 1rem;
}
.c-treat-box .cont .inbox {
	background-color: #FFF8EB;
	border-radius: 1rem;
	padding: 1rem 1rem;
}
.c-treat-box .cont .inbox .ttl {
	color: #FD9B01;
	font-weight: 700;
	line-height: 1.4;
	font-size: 1.2rem;
	position: relative;
	padding-left: 1rem;
	margin-bottom: 1rem;
}
.c-treat-box .cont .inbox .ttl:before {
	position: absolute;
	left: 0;
	top: 0.6rem;
	display: block;
	content:"";
	width: .6rem;
	height: .6rem;
	background-color: #FD9B01;
	border-radius: 50px;
}
/* 予防：ワクチンについて */
.c-treat-box .cont .inbox.vaccine .list-item  {
	display: inline-block;
	margin-left: .3rem;
	margin-bottom: .5rem;
	background-color: #FCEBB2;
	border-radius: .3rem;
	padding: .5rem .6rem;
	font-weight: 700;
	line-height: 1.3;
}

/* 予防：表共通 */
.c-treat-box .cont .inbox th,
.c-treat-box .cont .inbox td {
	border-bottom: 1px dashed #8B644F;
	background-color: #fff;
	padding: .5rem .3rem;
	line-height: 1.4;
	font-size: .85rem;
}
.c-treat-box .cont .inbox .ttl-head {
	border-top: 1px dashed #8B644F;
	background-color: #fff8e0;
	text-align: center;
	font-weight: 700;
	padding: .3rem .3rem;
}
.c-treat-box .cont .inbox .ttl-sub {
	font-weight: 700;
	text-align: center;
}

/* 予防：予防薬についての表 */
.c-treat-box .cont .inbox.medicine .term {
	text-align: center;
}
.c-treat-box .cont .inbox.medicine .col-1 {
	width: 30%;
}
.c-treat-box .cont .inbox.medicine .col-3 {
	width: 25%;
}
/* 予防：検査についての表 */
.c-treat-box .cont .inbox.inspection .ttl-sub {
	text-align: left;
}
.c-treat-box .cont .inbox.inspection .col-1 {
	width: 38%;
}
/* 予防：検査についてのアイコンリスト */
.c-treat-box .cont .inbox.inspection .list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: .4rem;
}
/* 避妊手術：流れリスト */
.c-treat-box .cont .inbox.surgery .list-item {
	display: grid;
	grid-template-columns: 5rem 1fr;
	position: relative;
	padding-bottom: 1.5rem;
	line-height: 1.4;
}
.c-treat-box .cont .inbox.surgery .list-item:after {
	position: absolute;
	left: .5rem;
	bottom: 0;
	display: block;
	content:"";
	width: 1.5rem;
	height: 1.5rem;
	background: url("../img/treatment/surgery_arrow.svg") no-repeat 0 0;
	background-size: cover;
}
.c-treat-box .cont .inbox.surgery .list-item:last-child {
	padding-bottom: 0;
}
.c-treat-box .cont .inbox.surgery .list-item:last-child:after {
	display: none;
}
.c-treat-box .cont .inbox.surgery .list-item .day {
	background-color: #FCEBB2;
	border-radius: .3rem 0 0 .3rem;
	padding: .5rem;
	font-weight: 700;
}
.c-treat-box .cont .inbox.surgery .list-item .text {
	background-color: #FFF;
	border-radius: 0 .3rem .3rem 0;
	padding: .5rem;
}
@media (min-width: 768px) {
	.c-treat-box .cont .intro {
		display: grid;
		grid-template-columns: 19rem 1fr;
		gap: 1.5rem; 
	}
	.c-treat-box .cont .intro .note {
		margin-top: 0;
	}
	.c-treat-box .cont .intro .disc-list-item {
		font-size: 1.25rem;
	}
	.c-treat-box .cont .intro .disc-list-item:before {
		top: 0.7rem;
	}
	.c-treat-box .cont .intro .btn .m-btn {
		margin-right: 0;
	}
	.c-treat-box .cont .inbox {
		border-radius: 1rem;
		padding: 1.5rem 1.5rem;
	}
	.c-treat-box .cont .inbox .ttl {
		font-size: 1.3rem;
	}
	.c-treat-box .cont .inbox .ttl:before {
		top: 0.7rem;
	}
	
	/* 予防：表共通 */
	.c-treat-box .cont .inbox th,
	.c-treat-box .cont .inbox td {
		padding: .6rem 1rem;
		line-height: 1.4;
		font-size: 1rem;
	}
	.c-treat-box .cont .inbox .ttl-head {
		padding: .4rem 1rem;
	}
	
	/* 予防：予防薬についての表 */
	.c-treat-box .cont .inbox.medicine .col-1 {
		width: 35%;
	}
	.c-treat-box .cont .inbox.medicine .col-3 {
		width: 30%;
	}
	/* 予防：検査についての表 */
	.c-treat-box .cont .inbox.inspection .col-1 {
		width: 25%;
	}
	/* 予防：検査についてのアイコンリスト */
	.c-treat-box .cont .inbox.inspection .list {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: .5rem;
	}
	/* 避妊手術：流れリスト */
	.c-treat-box .cont .inbox.surgery .list-item {
		grid-template-columns: 11rem 1fr;
	}
	.c-treat-box .cont .inbox.surgery .list-item:after {
		left: 1.2rem;
	}
	.c-treat-box .cont .inbox.surgery .list-item .day {
		padding: .7rem 1.5rem;
	}
	.c-treat-box .cont .inbox.surgery .list-item .text {
		padding: .7rem 1.5rem;
	}
}
@media (min-width: 1024px) {
	.c-treat-box .cont .intro {
		grid-template-columns: 26rem 1fr;
		gap: 2.8rem; 
	}
	.c-treat-box .cont .intro .disc-list-item {
		font-size: 1.4rem;
		padding-left: 1.4rem;
		margin-bottom: 1rem;
	}
	.c-treat-box .cont .intro .disc-list-item:before {
		top: 0.7rem;
	}
	.c-treat-box .cont .intro .copy {
		line-height: 2;
	}
	.c-treat-box .cont .inbox {
		border-radius: 1rem;
		padding: 1.8rem 1.8rem;
	}
	.c-treat-box .cont .inbox .ttl {
		font-size: 1.4rem;
		letter-spacing: 2px;
	}
	/* 予防：表共通 */
	.c-treat-box .cont .inbox th,
	.c-treat-box .cont .inbox td {
		padding: .8rem 1.5rem;
		line-height: 1.4;
		font-size: 1rem;
	}
	.c-treat-box .cont .inbox .ttl-head {
		padding: .5rem 1.5rem;
	}

	/* 予防：予防薬についての表 */
	.c-treat-box .cont .inbox.medicine .col-1 {
		width: 35%;
	}
	.c-treat-box .cont .inbox.medicine .col-3 {
		width: 30%;
	}
	/* 予防：検査についての表 */
	.c-treat-box .cont .inbox.inspection th,
	.c-treat-box .cont .inbox.inspection td {
		padding: .8rem 0 .8rem 3rem;
	}
	.c-treat-box .cont .inbox.inspection .ttl-head {
		padding: .5rem 0 .5rem 3rem;
	}
	.c-treat-box .cont .inbox.inspection .col-1 {
		width: 20%;
	}
	/* 予防：検査についてのアイコンリスト */
	.c-treat-box .cont .inbox.inspection .list {
		margin-right: 6rem;
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: 1.2rem;
	}
}

/****************************************
	treatment 診療内容 詳細ページ【共通】
*****************************************/
/*=============================
	intro-sec
==============================*/
.page-treat-child .intro-sec {
	padding-bottom: 3rem;
}
.page-treat-child .intro-sec .note .copy-main {
	color: #FD9B01;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 1px;
	font-size: 1.5rem;
}
.page-treat-child .intro-sec .note .copy-sub {
	margin-top: 1.5rem;
	font-size: 1rem;
}
.page-treat-child .intro-sec .photo {
	margin-top: 1.5rem;
}
.page-treat-child .intro-sec .photo img {
	border-radius: 1rem;
}
@media (min-width: 768px) {
	.page-treat-child .intro-sec .wrap {
		display: grid;
		grid-template-columns: 26rem 1fr;
		gap: 1.5rem;
	}
	.page-treat-child .intro-sec .note .copy-main {
		line-height: 1.8;
		letter-spacing: 1px;
		font-size: 1.7rem;
	}
	.page-treat-child .intro-sec .note .copy-sub {
		margin-top: 1.5rem;
		font-size: 1rem;
	}
	.page-treat-child .intro-sec .photo {
		margin-top: 0;
	}
	.page-treat-child .intro-sec .photo img {
		border-radius: 1rem;
	}
}
@media (min-width: 1024px) {
	.page-treat-child .intro-sec {
		padding-bottom: 4rem;
	}
	.page-treat-child .intro-sec .wrap {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 2rem;
	}
	.page-treat-child .intro-sec .note .copy-main {
		line-height: 1.8;
		letter-spacing: 3px;
		font-size: 2.2rem;
	}
	.page-treat-child .intro-sec .note .copy-sub {
		margin-top: 2rem;
		font-size: 1.05rem;
		line-height: 2.1;
	}
	.page-treat-child .intro-sec .photo img {
		border-radius: 1rem;
	}
}


/*=============================
	共通ボックス c-treat-box
	詳細ページでのパーツ
==============================*/
.c-treat-box.child {
	padding-bottom: 4rem;
}
.c-treat-box.child .head .ttl {
	font-size: 1.15rem;
}
.c-treat-box.child .cond-list-item {
	position: relative;
	font-weight: 700;
	line-height: 1.4;
	font-size: 1.15rem;
	padding-left: 1.2rem;
	margin-bottom: .8rem;
}
.c-treat-box.child .cond-list-item:last-child {
	margin-bottom: 0;
}
.c-treat-box.child .cond-list-item:before {
	position: absolute;
	left: 0;
	top: 0.5rem;
	display: block;
	content:"";
	width: .6rem;
	height: .6rem;
	background-color: #FD9B01;
	border-radius: 50px;
}
@media (min-width: 768px) {
	.c-treat-box.child {
		padding-bottom: 1.8rem;
	}
	.c-treat-box.child .head {
		padding-bottom: 1.2rem;
	}
	.c-treat-box.child .head .ttl {
		font-size: 1.3rem;
	}
	.c-treat-box.child .cond-list-item {
		font-size: 1.4rem;
		margin-bottom: 1rem;
	}
	.c-treat-box.child .cond-list-item:before {
		top: 0.7rem;
	}
}
@media (min-width: 1024px) {
	.c-treat-box.child {
		padding-bottom: 3rem;
	}
	.c-treat-box.child .head {
		padding-bottom: 1.2rem;
	}
	.c-treat-box.child .head .ttl {
		font-size: 1.5rem;
	}
	.c-treat-box.child .cond-list {
		padding-left: 5rem;
	}
	.c-treat-box.child .cond-list-item {
		font-size: 1.6rem;
		padding-left: 1.6rem;
		letter-spacing: 1px;
		margin-bottom: 1.3rem;
	}
	.c-treat-box.child .cond-list-item:before {
		top: 0.8rem;
	}
}

/*=============================
	診療内容 詳細 共通ボックス　c-treat-box-sub
==============================*/
.c-treat-box-sub {
	background-color: #FFF8EB;
	border-radius: 1rem;
	padding: 1.5rem 1rem;
}
.c-treat-box-sub .head {
	border-bottom: 1px dashed #8B644F;
	padding-bottom: .8rem;
	margin-bottom: 1rem;
}
.c-treat-box-sub .head .ttl {
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 1px;
	font-size: 1.15rem;
	position: relative;
	padding-left: 1.2rem;
}
.c-treat-box-sub .head .ttl:before {
	position: absolute;
	left: 0;
	top: 0.5rem;
	display: block;
	content:"";
	width: .6rem;
	height: .6rem;
	background-color: #FD9B01;
	border-radius: 50px;
}
@media (min-width: 768px) {
	.c-treat-box-sub {
		border-radius: 1.5rem;
		padding: 1.8rem 1.8rem;
	}
	.c-treat-box-sub .head .ttl {
		font-size: 1.15rem;
		padding-left: 1.3rem;
	}
}
@media (min-width: 1024px) {
	.c-treat-box-sub {
		border-radius: 1.5rem;
		padding: 1.8rem 2.5rem 2rem 2.5rem;
	}
	.c-treat-box-sub .head {
		padding-bottom: 1rem;
		margin-bottom: 1rem;
	}
	.c-treat-box-sub .head .ttl {
		letter-spacing: 2px;
		font-size: 1.5rem;
		padding-left: 1.4rem;
	}
	.c-treat-box-sub .head .ttl:before {
		top: 0.8rem;
	}
}

/*=============================
	FAQ
==============================*/
.page-treat-child .faq-sec .list-item {
	margin-bottom: 2rem;
}
.page-treat-child .faq-sec .list-item:last-child {
	margin-bottom: 0;
}
.page-treat-child .faq-sec .list-item .que {
	background-color: #FFF8EB;
	border-radius: .5rem;
	font-weight: 700;
	line-height: 1.4;
	font-size: 1.1rem;
}
.page-treat-child .faq-sec.bg-orange .list-item .que 
{
	background-color: #fff;
}
.page-treat-child .faq-sec .list-item .que,
.page-treat-child .faq-sec .list-item .ans {
	position: relative;
	padding: .8rem .8rem .8rem 3.4rem;
}
.page-treat-child .faq-sec .list-item .que:before,
.page-treat-child .faq-sec .list-item .ans:before {
	position: absolute;
	left: .8rem;
	display: block;
	content:"";
	width: 2.2rem;
	height: 2.2rem;
}
.page-treat-child .faq-sec .list-item .que:before {
	top: .5rem;
	background: url("../img/common/faq_icon_q.svg") no-repeat 0 0;
	background-size: cover;
}
.page-treat-child .faq-sec .list-item .ans:before {
	top: .6rem;
	background: url("../img/common/faq_icon_a.svg") no-repeat 0 0;
	background-size: cover;
}
@media (min-width: 768px) {
	.page-treat-child .faq-sec .list {
		padding: 0 2rem;
	}
	.page-treat-child .faq-sec .list-item .que {
		font-size: 1.2rem;
	}
}
@media (min-width: 1024px) {
	.page-treat-child .faq-sec .list {
		padding: 0 9rem;
	}
	.page-treat-child .faq-sec .list-item {
		margin-bottom: 2.5rem;
	}
	.page-treat-child .faq-sec .list-item .que {
		font-size: 1.25rem;
	}
	.page-treat-child .faq-sec .list-item .que,
	.page-treat-child .faq-sec .list-item .ans {
		padding: .9rem .9rem .9rem 5.5rem;
	}
	.page-treat-child .faq-sec .list-item .que:before,
	.page-treat-child .faq-sec .list-item .ans:before {
		left: 2rem;
		width: 2.6rem;
		height: 2.6rem;
	}
	.page-treat-child .faq-sec .list-item .que:before {
		top: .4rem;
	}
	.page-treat-child .faq-sec .list-item .ans:before {
		top: .5rem;
	}
}


/****************************************
	treatment-acu 診療内容【鍼治療】ページ
*****************************************/
/*=============================
	症状ボックス イラスト
==============================*/
.page-treat-acu .intro-sec .c-treat-box {
	position: relative;
}
.page-treat-acu .intro-sec .c-treat-box:before {
	position: absolute;
	right: -1rem;
	bottom: -2.5rem;
	display: block;
	content:"";
	width: 170px;
	height: 170px;
	background: url("../img/treatment_acupuncture/intro_illust_dog.webp") no-repeat 0 0;
	background-size: cover;
}
@media (min-width: 768px) {
	.page-treat-acu .intro-sec .c-treat-box:before {
		right: -1rem;
		bottom: -2rem;
		width: 260px;
		height: 260px;
	}
}
@media (min-width: 1024px) {
	.page-treat-acu .intro-sec .c-treat-box:before {
		right: -1rem;
		bottom: -3rem;
		width: 370px;
		height: 370px;
	}
}

/*=============================
	鍼治療の一例
==============================*/
.page-treat-acu .case-sec .list-item {
	position: relative;
	padding-bottom: 3rem;
}
.page-treat-acu .case-sec .list-item:after {
	position: absolute;
	left: 50%;
	bottom: .5rem;
	margin-left: -1rem;
	display: block;
	content:"";
	width: 2rem;
	height: 2rem;
	background: url("../img/treatment_acupuncture/case_arrow.svg") no-repeat 0 0;
	background-size: cover;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.page-treat-acu .case-sec .list-item:last-child {
	padding-bottom: 0;
}
.page-treat-acu .case-sec .list-item:last-child:after {
	display: none;
}
.page-treat-acu .case-sec .list-item .ttl {
	background-color: #FD9B01;
	border-radius: .8rem .8rem 0 0;
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 1.3rem;
	line-height: 1.4;
	letter-spacing: 1px;
	padding: .5rem 0;
}
.page-treat-acu .case-sec .list-item .youtube-box {
	background-color: #FFEDD0;
	padding: .8rem;
	width: 100%;
	aspect-ratio: 4 / 3.5;
}
.page-treat-acu .case-sec .list-item .youtube-box iframe {
	border-radius: .5rem;
	width: 100%;
	height: 100%;
}
@media (min-width: 768px) {
	.page-treat-acu .case-sec .list {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 1.5rem;
	}
	.page-treat-acu .case-sec .list-item {
		padding-bottom: 0;
	}
	.page-treat-acu .case-sec .list-item:after {
		left: auto;
		right: -1.8rem;
		bottom: 50%;
		margin-left: 0;
		margin-bottom: -1rem;
		width: 2rem;
		height: 2rem;
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.page-treat-acu .case-sec .list-item .ttl {
		font-size: 1rem;
		padding: .5rem 0;
	}
	.page-treat-acu .case-sec .list-item .youtube-box {
		padding: .3rem;
	}
}
@media (min-width: 1024px) {
	.page-treat-acu .case-sec .list {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 2.2rem;
	}
	.page-treat-acu .case-sec .list-item:after {
		left: auto;
		right: -2.3rem;
		bottom: 50%;
		margin-left: 0;
		margin-bottom: -1.25rem;
		width: 2.5rem;
		height: 2.5rem;
	}
	.page-treat-acu .case-sec .list-item .ttl {
		font-size: 1.2rem;
		padding: .8rem 0;
	}
	.page-treat-acu .case-sec .list-item .youtube-box {
		padding: .7rem;
	}
}

/*=============================
	鍼治療の流れ
==============================*/
.page-treat-acu .flow-sec .list {
	padding: 0 4rem;
}
.page-treat-acu .flow-sec .list-item {
	position: relative;
	padding-bottom: 3.5rem;
}
.page-treat-acu .flow-sec .list-item:after {
	position: absolute;
	left: 50%;
	bottom: .5rem;
	margin-left: -1.3rem;
	display: block;
	content:"";
	width: 2.6rem;
	height: 2.6rem;
	background: url("../img/treatment_acupuncture/flow_line.svg") no-repeat 0 0;
	background-size: cover;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.page-treat-acu .flow-sec .list-item:last-child {
	padding-bottom: 0;
}
.page-treat-acu .flow-sec .list-item:last-child:after {
	display: none;
}
.page-treat-acu .flow-sec .list-item .copy-main {
	color: #FD9B01;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 1px;
	text-align: center;
	font-size: 1.3rem;
	margin-top: .5rem;
}
.page-treat-acu .flow-sec .list-item .copy-sub {
	line-height: 1.6;
	margin-top: .3rem;
}
@media (min-width: 768px) {
	.page-treat-acu .flow-sec .list {
		padding: 0;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 2.5rem;
	}
	.page-treat-acu .flow-sec .list-item {
		padding-bottom: 0;
	}
	.page-treat-acu .flow-sec .list-item:after {
		left:  auto;
		right: -2.5rem;
		bottom: 66%;
		margin-left: 0;
		/*margin-bottom: 3.5rem;*/
		width: 2.6rem;
		height: 2.6rem;
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.page-treat-acu .flow-sec .list-item .copy-main {
		font-size: 1.3rem;
		margin-top: .5rem;
	}
	.page-treat-acu .flow-sec .list-item .copy-sub {
		line-height: 1.6;
		margin-top: .3rem;
	}
}
@media (min-width: 1024px) {
	.page-treat-acu .flow-sec .list {
		gap: 5rem;
	}
	.page-treat-acu .flow-sec .list-item {
		padding-bottom: 0;
	}
	.page-treat-acu .flow-sec .list-item:after {
		left:  auto;
		right: -5rem;
		bottom: 55%;
		margin-left: 0;
		width: 5rem;
		height: 5rem;
	}
	.page-treat-acu .flow-sec .list-item .copy-main {
		font-size: 1.42rem;
		margin-top: .7rem;
	}
	.page-treat-acu .flow-sec .list-item .copy-sub {
		line-height: 1.6;
		margin-top: .5rem;
		padding: 0 1.4rem;
	}
}


/****************************************
	treatment-dental 診療内容【歯の治療】ページ
*****************************************/
/*=============================
	症状ボックス イラスト
==============================*/
.page-treat-dental .intro-sec .c-treat-box {
	position: relative;
}
.page-treat-dental .intro-sec .c-treat-box:before {
	position: absolute;
	right: -1rem;
	bottom: -1rem;
	display: block;
	content:"";
	width: 170px;
	height: 170px;
	background: url("../img/treatment_dental/intro_illust.webp") no-repeat 0 0;
	background-size: cover;
}
@media (min-width: 768px) {
	.page-treat-dental .intro-sec .c-treat-box:before {
		right: -1rem;
		bottom: -1.5rem;
		width: 260px;
		height: 260px;
	}
}
@media (min-width: 1024px) {
	.page-treat-dental .intro-sec .c-treat-box:before {
		right: -1rem;
		bottom: -2rem;
		width: 390px;
		height: 390px;
	}
}

/*=============================
	歯の治療例
==============================*/
.page-treat-dental .case-sec .ba-list-item:first-child {
	position: relative;
	padding-bottom: 3rem;
}
.page-treat-dental .case-sec .ba-list-item:first-child:after {
	position: absolute;
	left: 50%;
	bottom: .5rem;
	margin-left: -1rem;
	display: block;
	content:"";
	width: 2rem;
	height: 2rem;
	background: url("../img/treatment_dental/case_arrow.svg") no-repeat 0 0;
	background-size: cover;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
@media (min-width: 768px) {
	.page-treat-dental .case-sec .ba-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 2rem;
	}
	.page-treat-dental .case-sec .ba-list-item:first-child {
		padding-bottom: 0;
	}
	.page-treat-dental .case-sec .ba-list-item:first-child:after {
		left: auto;
		right: -2rem;
		bottom: 50%;
		margin-left: 0;
		margin-bottom: -1rem;
		width: 2rem;
		height: 2rem;
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
@media (min-width: 1024px) {
	.page-treat-dental .case-sec .ba-list {
		gap: 6rem;
	}
	.page-treat-dental .case-sec .ba-list-item:first-child:after {
		left: auto;
		right: -4.5rem;
		bottom: 50%;
		margin-left: 0;
		margin-bottom: -1.5rem;
		width: 3rem;
		height: 3rem;
	}
}

/****************************************
	treatment-senior 診療内容【高齢の】ページ
*****************************************/
/*=============================
	多い病気リスト
==============================*/
.page-treat-senior .intro-sec .c-treat-box.sick {
	padding-bottom: 2rem;
}
.page-treat-senior .intro-sec .sick-list-item {
	margin-bottom: 1.2rem;
}
.page-treat-senior .intro-sec .sick-list-item:last-child {
	margin-bottom: 0;
}
.page-treat-senior .intro-sec .sick-list-item .name {
	background-color: #FFF8EB;
	border-radius: .5rem;
	padding: .5rem .5rem;
	position: relative;
	padding-left: 2rem;
	font-size: 1.15rem;
}
.page-treat-senior .intro-sec .sick-list-item .name:before {
	position: absolute;
	left: 1rem;
	top: 50%;
	margin-top: -.3rem;
	display: block;
	content:"";
	width: .6rem;
	height: .6rem;
	background-color: #FD9B01;
	border-radius: 50px;
}
.page-treat-senior .intro-sec .sick-list-item .copy {
	margin-top: .5rem;
	font-size: .95rem;
	line-height: 1.6;
}
@media (min-width: 768px) {
	.page-treat-senior .intro-sec .c-treat-box.sick {
		padding-bottom: 2rem;
	}
	.page-treat-senior .intro-sec .sick-list {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 1rem;
	}
	.page-treat-senior .intro-sec .sick-list-item {
		margin-bottom: 0;
	}
}
@media (min-width: 1024px) {
	.page-treat-senior .intro-sec .c-treat-box.sick {
		padding-bottom: 2rem;
	}
	.page-treat-senior .intro-sec .sick-list {
		column-gap: 2rem;
	}
	.page-treat-senior .intro-sec .sick-list-item .name {
		font-size: 1.4rem;
	}
}


/*=============================
	症状ボックス イラスト
==============================*/
.page-treat-senior .intro-sec .c-treat-box.cond {
	position: relative;
	padding-bottom: 6rem;
}
.page-treat-senior .intro-sec .c-treat-box.cond:before {
	position: absolute;
	right: -0.5rem;
	bottom: -2rem;
	display: block;
	content:"";
	width: 180px;
	height: 180px;
	background: url("../img/treatment_senior/intro_illust.webp") no-repeat 0 0;
	background-size: cover;
}
@media (min-width: 768px) {
	.page-treat-senior .intro-sec .c-treat-box.cond {
		padding-bottom: 1.8rem;
	}
	.page-treat-senior .intro-sec .c-treat-box.cond:before {
		right: -1rem;
		bottom: 12rem;
		width: 320px;
		height: 320px;
	}
}
@media (min-width: 1024px) {
	.page-treat-senior .intro-sec .c-treat-box.cond {
		padding-bottom: 2rem;
	}
	.page-treat-senior .intro-sec .c-treat-box.cond:before {
		right: -1rem;
		bottom: 13rem;
		width: 450px;
		height: 450px;
	}
}

/*=============================
	当院でできること
==============================*/
.page-treat-senior .sup-sec .m-ttl-L .jp {
	letter-spacing: -1px;
}
.page-treat-senior .sup-sec .c-treat-box-sub .photo {
	margin-top: 1rem;
}
.page-treat-senior .sup-sec .c-treat-box-sub .photo img {
	border-radius: 1rem;
}
@media (min-width: 768px) {
	.page-treat-senior .sup-sec .m-ttl-L .jp {
		letter-spacing: 1px;
	}
	.page-treat-senior .sup-sec .c-treat-box-sub {
		display: grid;
		grid-template-columns: 19rem 1fr;
		gap: 1.5rem; 
	}
	.page-treat-senior .sup-sec .c-treat-box-sub .photo {
		margin-top: 0;
	}
	.page-treat-senior .sup-sec .c-treat-box-sub .photo img {
		border-radius: 1rem;
	}
	.page-treat-senior .sup-sec .c-treat-box-sub .note {
		order: 2;
	}
}
@media (min-width: 1024px) {
	.page-treat-senior .sup-sec .m-ttl-L .jp {
		letter-spacing: 2px;
	}
	.page-treat-senior .sup-sec .c-treat-box-sub {
		display: grid;
		grid-template-columns: 26rem 1fr;
		gap: 2.8rem; 
	}
	.page-treat-senior .sup-sec .c-treat-box-sub .note .cont {
		 line-height: 2;
	}
}


/****************************************
	プライバシーポリシー
*****************************************/
.page-privacy .ttl {
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.3;
	padding: 0 .5rem .5rem 1.5rem;
	border-bottom: 1px dashed #8B644F;
	position: relative;
	margin-top: 2rem;
	margin-bottom: .5rem;
}
.page-privacy .ttl:before {
	position: absolute;
	left: .4rem;
	top: .5rem;
	display: block;
	content:"";
	width: .7rem;
	height: .7rem;
	background-color: #552D18;
	border-radius: 50px;
}
.page-privacy ol li {
	list-style-type: decimal;
	margin-left: 1.5rem;
}
@media (min-width: 768px) {
	.page-privacy .sec .m-inner {
		padding-left: 3rem;
		padding-right: 3rem;
	}
}
@media (min-width: 1024px) {
	.page-privacy .sec .m-inner {
		padding-left: 5rem;
		padding-right: 5rem;
	}
	.page-privacy .ttl {
		font-size: 1.4rem;
		margin-top: 3rem;
		margin-bottom: .7rem;
	}
	.page-privacy .ttl:before {
		left: .4rem;
		top: .6rem;
	}
}