@charset "utf-8";
/* CSS Document */


/* font
-------------------------------------------------- */

html {
	font-size: 16px;
	scroll-behavior: smooth;
}

body {
	font-family: source-han-serif-jp-subset, "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
	font-size: 1rem;
	letter-spacing: 0.04em;
	font-weight: 400;
	font-style: normal;
	line-height: 1.8;
}

.bold{font-weight: 600;}

/* base
-------------------------------------------------- */

body {
	background-color: #f9f8f6;
}

a {  
-webkit-transition: 0.2s ease-in-out;  
-moz-transition: 0.2s ease-in-out;  
-o-transition: 0.2s ease-in-out;  
transition: 0.2s ease-in-out;  
}  
a:hover {opacity: 0.8; filter: alpha(opacity=80);}




/* cover
-------------------------------------------------- */

body#about #cover{height: 380px; background: url("../images/about/photo04.jpg") no-repeat center; background-size: cover;}
body#about #cover .breadcrumbs ul li{background: url("../images/common/slash_b.png") no-repeat right center;
 background-size: 10px auto; padding-right: 18px; margin-right: 10px;}
body#about #cover .breadcrumbs ul li:last-child{background: none; padding-right: 0; margin-right: 0;}

body#concerns.archive #cover{height: 380px; background: url("../images/about/photo03.jpg") no-repeat center; background-size: cover;}
body#concerns.archive #cover .breadcrumbs ul li{background: url("../images/common/slash_b.png") no-repeat right center;
 background-size: 10px auto; padding-right: 18px; margin-right: 10px;}
body#concerns.archive #cover .breadcrumbs ul li:last-child{background: none; padding-right: 0; margin-right: 0;}

body#dentistry.archive #cover{height: 380px; background: url("../images/about/photo02.jpg") no-repeat center; background-size: cover;}
body#dentistry.archive #cover .breadcrumbs ul li{background: url("../images/common/slash_b.png") no-repeat right center;
 background-size: 10px auto; padding-right: 18px; margin-right: 10px;}
body#dentistry.archive #cover .breadcrumbs ul li:last-child{background: none; padding-right: 0; margin-right: 0;}




#cover > .innr {height: 100%;
background: linear-gradient(
	to right,
	rgba(255,255,255,0.4) 0%,
	rgba(255, 255, 255, .2) 30%,
	rgba(255, 255, 255, 0) 55%
);
}

#cover > .innr {
text-shadow:
	0 0 4px #fff,
	0 0 8px #fff,
	0 0 12px #fff,
	0 0 20px #fff;	
	
}




body#top #cover{height: inherit; padding: 0; border: none; 100%;}

body#top　#cover .wrap-slide-cover,
body#top　#cover .slick-list,
body#top　#cover .slick-track {
	width: 100%;
}

body#top　#cover .slide-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}


body#top #cover .wrap-slide-cover {
	width: 100%;
}

body#top #cover .slide-cover {
	height: 680px;
	overflow: hidden;
}

body#top #cover .slide-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

body#top #cover .wrap-slide-cover {
	position: relative;
}

body#top #cover .wrap-slide-cover .slick-dots {
	position: absolute;
	left: 40px;
	bottom: 24px;
	z-index: 5;
	display: flex;
	gap: 10px;
	margin: 0;
	padding: 0;
}

body#top #cover .wrap-slide-cover .slick-dots li {
	width: 30px;
	height: 6px;
	margin: 0;
}

body#top #cover .wrap-slide-cover .slick-dots button {
	display: block;
	width: 100%;
	height: 6px;
	padding: 0;
	border: 0;
	background: #fff;
	font-size: 0;
	cursor: pointer;
}

body#top #cover .wrap-slide-cover .slick-dots .slick-active button {
	background: #a78121;
}

body#top #cover {
	position: relative;
}

/* キャッチコピー */
body#top #cover {
	position: relative;
}

body#top #cover .cover-main {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	height: 680px;
	padding: 80px 0 20px 0;
}

body#top #cover .cover-main .innr-content{display: flex; flex-direction: row; justify-content: space-between;}
body#top #cover .cover-main .innr-content .wrap-schedule{display: flex; align-items: flex-end; height: 100%; padding-bottom: 10px;}
body#top #cover .cover-main .innr-content .wrap-schedule .schedule-box .innr{padding: 20px 40px;}


body#top #cover .catchcopy h2 {
	margin: 0;
	font-size: 2rem;
	line-height: 1.8;
	letter-spacing: .12em;
	writing-mode: vertical-rl;
}

body#top #cover .catchcopy h2 {
	text-shadow:
		0 0 3px #fff,
		0 0 6px #fff,
		0 0 10px #fff,
		0 0 16px rgba(255,255,255,.9);
}

body#top #cover .cover-main::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: linear-gradient(
		to right,
		rgba(255,255,255,.82) 0%,
		rgba(255,255,255,.55) 24%,
		rgba(255,255,255,0) 55%
	);
	pointer-events: none;
}

body#top #cover .cover-main .innr-content {
	position: relative;
	z-index: 1;
}

/* slick
-------------------------------------------------- */

.equipment .slick-prev,
.equipment .slick-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 46px;
	height: 46px;
	border: 0;
	border-radius: 50%;
	background: #391c00;
	font-size: 0;
	cursor: pointer;
	z-index: 10;
}

.equipment .slick-prev {
	left: 20px;
}

.equipment .slick-next {
	right: 20px;
}

.equipment .slick-prev::before,
.equipment .slick-next::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 9px;
	height: 9px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

.equipment .slick-prev::before {
	transform: translate(-35%, -50%) rotate(-135deg);
}

.equipment .slick-next::before {
	transform: translate(-65%, -50%) rotate(45deg);
}

.equipment .slide {
	padding: 0 20px;
}

.equipment .slide .photo {
	height: 420px;
	overflow: hidden;
}

.equipment .slide .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 10px;
}

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

	.equipment .slide .photo {
		height: 260px;
	}
	.equipment .slide {
		padding: 0 10px;
	}
	

}

/* layout
-------------------------------------------------- */

#header {
	position: fixed;
	inset: 0 auto 0 0;
	width: 220px;
	height: 100dvh;
	overflow-y: auto;
	z-index: 100;
	background-color: #f2f2f2;
	border-right: solid 1px #dfdfdf;
}

#header .innr {
	padding: 30px 20px;
	display: flex; justify-content: center; align-items: flex-start; flex-direction:column;
}

#header .small{display: none;}

#header .innr .wrap-tel{margin: 20px auto 5px auto;}
#header .innr .tel{margin-bottom: 15px;}
#header .innr .tel a{background: url("../images/common/icon_tel_b.png") no-repeat left center;
 background-size: 14px; padding-left: 24px; display: block;
font-size: 1.125rem; line-height: 1;
}
#header .innr .note{font-size: 0.8125rem;}

#header .innr ul.social{ display: flex; flex-direction:row; align-items: center; justify-content: center; width: 100%;
 margin-bottom: 20px;}

#header .innr ul.social li{margin-right: 8px;}
#header .innr ul.social li:last-child{margin-right: 0;}
#header .innr ul.social li a{ display: flex; align-items: center; justify-content: center; width: 28px; height: 28px;
 background: #000; border-radius: 99px;}
#header .innr ul.social li.insta a{background:  linear-gradient(
	135deg,
	#7d58a5,
	#bd628e 40%,
	#dc716c 70%,
	#d9a05f);}

#header .innr ul.social li a img{width: 14px; height: auto;}

#header .innr .wrap-button{display: flex; flex-direction: column; margin:0 auto; width: 100%;
font-size: 0.8125rem; /* 13px */ line-height: 1;
}
#header .innr .wrap-button .button{display: flex; flex-direction: column; margin-bottom: 10px;}
#header .innr .wrap-button .button:last-child{margin-bottom:0;}

#header .innr .wrap-button .button a{display: flex; color: #fff; background:#391c00; justify-content: center; align-items: center;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.10);}
#header .innr .wrap-button .button.line a{background:#00b845;}

#header .innr .wrap-button .button a span{display:flex; justify-content: center; align-items: center; height: 32px;
 padding-left: 21px;}

#header .innr .wrap-button .button.contact a span{background: url("../images/common/icon_mail_w.png") no-repeat left center;
 background-size: 16px auto;}
#header .innr .wrap-button .button.line a span{background: url("../images/common/icon_line_w.png") no-repeat left center;
 background-size: 16px auto;}

#header #glnav{font-size: 0.8125rem; line-height: 1; width: 100%; margin-top: 40px;}
#header #glnav ul{display: flex; flex-direction: column; border-top:solid 1px #dfdfdf; width: 100%;}
#header #glnav ul li{}
#header #glnav ul li a{border-bottom:solid 1px #dfdfdf; padding: 15px 0; display:block; width: 100%;}

#main .innr-content{max-width: 980px; width: 96%; margin: 0 auto; text-align: left;}
#footer .innr-content{max-width: 980px; width: 96%; margin: 0 auto; text-align: left;}

#cover{border-bottom:solid 1px #dfdfdf;}

#cover{height: 200px; position: relative;}
#cover .innr-content{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 100%;}
#cover .main{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
#cover .main .page-title{display: flex; flex-direction: column; align-items: flex-start;}

#cover .breadcrumbs{ position: absolute; right:0; bottom:10px; width: 98%; max-width: 980px;
left: 50%;
transform: translateX(-50%);}
#cover .breadcrumbs ul{display: flex; justify-content: flex-end; align-items: center; font-size: 0.75rem;}
#cover .breadcrumbs ul li{background: url("../images/common/slash.png") no-repeat right center;
 background-size: 10px auto; padding-right: 18px; margin-right: 10px;}
#cover .breadcrumbs ul li:last-child{background: none; padding-right: 0; margin-right: 0;}

#cover .main .sub{}
#cover .main h2{font-size: 1.75rem;}

#subnav{border-bottom:solid 1px #dfdfdf;}

#subnav ul{display: flex; justify-content: flex-start; align-items: center; height: 60px;}
#subnav ul li{margin-right: 15px;}
#subnav ul li a{background: url("../images/common/down_b.png") no-repeat right center; background-size: 14px;
 display: block; padding: 5px; padding-right: 24px; }

#main,
#footer {
	margin-left: 220px;
}

/* contents
-------------------------------------------------- */

main#main .title{margin-bottom: 40px;}

main#main .title .sub{color: #a78121;}
main#main .title h3{font-size: 1.75rem;}

main#main section#time .title .sub{color: #fff;}
main#main section#time .title h3{color:  #fff;}

main#main a.arrow{background: url("../images/common/link.png") no-repeat right center; background-size: 24px;
 display:inline-block; padding-right: 34px; min-height: 24px; }

main#main .text ul li{margin-bottom: 10px; padding-top: 10px;}
main#main .text ul li:last-child{margin-bottom: 0;}

#access{padding:80px 0; border-top:solid 1px #dfdfdf;}

body#about #access{display: none!important;}

#access .innr-content{
	display: flex;
	gap: 50px;
}

#access .wrap-main {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

#access .wrap-main address{font-size: 1.125rem; margin-bottom: 20px;}
#access .wrap-main .text p{margin-bottom: 15px;}


#access .wrap-photo {
	width: 400px;
	flex-shrink: 0;
}

#access .map {
	width: 100%;
	aspect-ratio: 4 / 3;
}

#access .map iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

#time .innr-content{
	display: flex;
	gap: 50px;
}

#time .wrap-main {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;	
}

#time .wrap-photo {
	width: 640px;
	flex-shrink: 0;
}

.schedule-box{color: #fff; background: rgba(41,20,6,0.8);}
.schedule-box .innr{padding: 20px;}

section#time{padding:80px 0; background: url("../images/common/background_information.jpg") no-repeat center;
 background-size: cover;}

.clinic-time {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}

.clinic-time th,
.clinic-time td {
	text-align: center;
	padding: 10px;
}

.clinic-time td img{width: 22px; height: auto;}

.clinic-time thead th:first-child {
	width: 180px;
}

.clinic-time tbody th {
	text-align:center;
}

.clinic-time tbody th span {
	display: block;
	font-size: 0.75rem;
}

.clinic-time thead tr,.clinic-time tbody tr{border-bottom:#8e7965 solid 1px;}

.note{font-size: 0.875rem;}

#footer{padding: 80px 0;}
#footer .logo{border-bottom:solid 1px #dfdfdf; padding-bottom:20px;}
#footer .logo img{max-width: 360px;}

#footer .footer-main{padding: 40px 0; border-bottom:solid 1px #dfdfdf;}


#footer .footer-main{
	display: flex;
	gap: 50px;
}

#footer .footer-main .wrap-list{
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

#footer .footer-main .wrap-contact{
	width: 380px;
	flex-shrink: 0;
}



#footer .footer-main .wrap-contact .wrap-tel{margin: 20px auto 5px auto;}
#footer .footer-main .wrap-contact .tel{margin-bottom: 15px;}
#footer .footer-main .wrap-contact .tel a{background: url("../images/common/icon_tel_b.png") no-repeat left center;
 background-size: 14px; padding-left: 24px; display: block;
font-size: 1.5rem; line-height: 1;
}
#footer .footer-main .wrap-contact .note{font-size: 0.8125rem;}

#footer .footer-main .wrap-contact .wrap-button{display: flex; flex-direction: column; margin: 20px auto 40px auto; width: 100%;
}
#footer .footer-main .wrap-contact .button{display: flex; flex-direction: column; margin-bottom: 15px;}
#footer .footer-main .wrap-contact .button:last-child{margin-bottom:0;}

#footer .footer-main .wrap-contact .button a{display: flex; color: #fff; background:#391c00; justify-content: center; align-items: center;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.10);}
#footer .footer-main .wrap-contact .button.line a{background:#00b845;}

#footer .footer-main .wrap-contact .button a span{display:flex; justify-content: center; align-items: center; height:46px;
 padding-left: 21px;}

#footer .footer-main .wrap-contact .button.contact a span{background: url("../images/common/icon_mail_w.png") no-repeat left center;
 background-size: 16px auto;}
#footer .footer-main .wrap-contact .button.line a span{background: url("../images/common/icon_line_w.png") no-repeat left center;
 background-size: 16px auto;}

#footer .wrap-list{font-size: 0.875rem;}

#footer .wrap-list ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px 30px;
	margin-bottom: 20px;
}

#footer .footer-copyright{display: flex; justify-content: space-between; font-size: 0.875rem; padding-top: 20px;}
#footer .footer-copyright ul{display: flex; justify-content: flex-start; gap:20px;}

.menu-button {
	position:absolute;
	top:0;
	right:0;
	width: 60px;
	height: 60px;
	background: #391c00;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	z-index:1001;
}

.menu-button span {
	display: block;
	width: 24px;
	height: 2px;
	background: #fff;
	transition: all 0.3s ease;
}


/* 開いた状態 */

.menu-button.active span:nth-child(1) {
	transform: translateY(8px) rotate(45deg);
}

.menu-button.active span:nth-child(2) {
	opacity: 0;
}

.menu-button.active span:nth-child(3) {
	transform: translateY(-8px) rotate(-45deg);
}



/* メニュー */

#sp-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(167,129,33,.95);
	z-index: 1000;
	transform: translateY(-100%);
	transition: transform .3s ease;
}

#sp-menu.open {
	transform: translateY(0);
}


#sp-menu ul {
	padding: 80px 30px 30px;
}

#sp-menu li {
	border-bottom: solid 1px rgba(255,255,255,.3);
}

#sp-menu a {
	display: block;
	padding: 15px 0;
	color: #fff;
}

#footer .footer-copyright{display: inherit;}
#footer .footer-copyright ul{display: flex; justify-content:center; gap:10px;}	
#footer .footer-copyright .copyright{text-align: center;}

/* scroll panel
-------------------------------------------------- */

.scroll-panel {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: none;
	z-index: 90;
}

.scroll-panel .innr {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 10px;
}

.scroll-panel .wrap-tel {
	padding-left: 2%;
	flex: 1;
}

.scroll-panel .tel {
	margin-bottom: 0;
}

.scroll-panel .tel a {
	background: url("../images/common/icon_tel_b.png") no-repeat left center;
	background-size: 12px;
	padding-left: 17px;
	display: block;
	font-size: 1.125rem;
}


/* buttons */

.scroll-panel .wrap-button {
	display: none;
}

.scroll-panel .wrap-button .button a {
	display: flex;
	color: #fff;
	background: #391c00;
	justify-content: center;
	align-items: center;
	padding: 0 15px;
}

.scroll-panel .wrap-button .button.line a {
	background: #00b845;
}

.scroll-panel .wrap-button .button a span {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	padding-left: 21px;
	font-size: 0.8125rem;
}

.scroll-panel .wrap-button .button.contact a span {
	background: url("../images/common/icon_mail_w.png") no-repeat left center;
	background-size: 16px auto;
}

.scroll-panel .wrap-button .button.line a span {
	background: url("../images/common/icon_line_w.png") no-repeat left center;
	background-size: 16px auto;
}


/* pagetop */

.btn-top a {
	background: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
}

.btn-top a img {
	max-width: 12px;
}	

article#main-content{padding: 80px 0 20px 0;}
article#main-content section{border-bottom:solid 1px #dfdfdf; padding:0 0 80px 0;}
article#main-content section:last-child{border-bottom: none;}

.concerns-list .lead {
	margin-bottom: 60px;
}

.concerns-list .lead p {
	margin-bottom: 20px;
}

.concerns-list ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap:20px  30px;
	max-width: 880px;
	margin: 0 auto;
}

.concerns-list li a {
	display: block;
}

.concerns-list li .photo {
	width: 100%;
	aspect-ratio: 4 / 3;
	display: flex;
	justify-content: center;
	align-items: center;
	background:#f4f1ec;
	box-shadow: 0 4px 20px rgba(0,0,0,.08);
}

.concerns-list li .photo img {
	width: 60%;
	height: auto;
}

.concerns-list li p {
	margin-top: 15px;
	font-size: 0.875rem;
}


.concerns-list ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap:20px ;
	max-width: 880px;
	margin: 0 auto;
}

body#concerns.page .concerns-list li a {
	display: flex;
	justify-content:flex-start;
	align-items: center;
	background:#f4f1ec;
	padding: 10px 2%;
	box-shadow: 0 4px 20px rgba(0,0,0,.08);
	 height: 100%;
}


body#concerns.page .concerns-list{padding: 60px 0;}
body#concerns.page .concerns-list ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap:20px  30px;
	max-width: 880px;
	margin: 0 auto;
}

body#concerns.page .concerns-list li .photo {width:60px;
	aspect-ratio: 4 / 3;
	display: flex;
	justify-content: center;
	align-items: center;
	background:none;
	box-shadow:none;;
}
body#concerns.page .concerns-list li p {margin: 0; flex: 1;}

body#concerns.page .leadtext{border-bottom:solid 1px #dfdfdf; padding-bottom: 60px; margin-bottom: 60px;}
body#concerns.page .leadtext .photo{max-height: 240px; border-radius: 10px; overflow: hidden; display: flex;
 justify-content: center; align-items: center; margin: 0 auto; margin-bottom: 60px;}

body#concerns.page .leadtext p{line-height:2.4;}

body#concerns.page #main-content{max-width: 880px; margin: 0 auto;}

body#concerns.page .leadtext .wrap-title{display: flex; justify-content: flex-start; align-items: center; margin-bottom: 40px;}
body#concerns.page .leadtext .wrap-title .icon{width: 80px; height: 80px; display: flex; justify-content: center; align-items: center;
background:#f4f1ec; border-radius: 10px; margin-right: 20px;}
body#concerns.page .leadtext .wrap-title .title{display: flex; justify-content:center; align-items:flex-start; flex-direction: column;
 margin-bottom: 0; }

body#about.page .leadtext h4{color: #a78121;}
body#about.page .leadtext .title{margin-bottom: 60px;}


body#dentistry.page .leadtext{border-bottom:solid 1px #dfdfdf; padding-bottom: 60px; margin-bottom: 60px;}
body#dentistry.page .leadtext .photo{max-height: 240px; border-radius: 10px; overflow: hidden; display: flex;
 justify-content: center; align-items: center; margin: 0 auto; margin-bottom: 60px;}

body#dentistry.page .leadtext p{line-height:2.4;}

body#dentistry.page #main-content{max-width: 880px; margin: 0 auto;}

body#dentistry.page .leadtext .wrap-title{display: flex; justify-content: flex-start; align-items: center; margin-bottom: 40px;}
body#dentistry.page .leadtext .wrap-title .icon{width: 80px; height: 80px; display: flex; justify-content: center; align-items: center;
background:#f4f1ec; border-radius: 10px; margin-right: 20px;}
body#dentistry.page .leadtext .wrap-title .title{display: flex; justify-content:center; align-items:flex-start; flex-direction: column;
 margin-bottom: 0; }

body#dentistry.page .wrap-detail .button.back{padding-top: 40px;}
body#news.page .wrap-detail .button.back{padding-top: 40px;}

body#dentistry.page .concerns-list{padding-top: 80px;}


body#news.page .box .photo{border-radius: 10px; overflow: hidden; display: flex;
 justify-content: center; align-items: center; margin: 0 auto; margin-bottom: 60px;}

#main-content h4{margin-bottom: 30px; font-size: 1.125rem; color: #391c00;}

#main-content h5{margin-bottom: 20px; font-size: 1rem;}
.wrap-detail{}
.wrap-detail .box{margin-bottom: 40px;}

.wrap-detail .box.abandoned{margin-bottom: 60px; border-bottom:solid 1px #dfdfdf; border-top:solid 1px #dfdfdf;
 padding: 40px 0;}

.wrap-detail .box.abandoned ul li{background: url("../images/common/list_b.png") no-repeat left center; background-size: 8px; padding-left: 18px;
 margin-bottom: 8px;}

#main-content .treatment{background: #fff; border-radius: 10px; margin-bottom: 60px; padding: 30px 2% 10px 2%;}
#main-content .treatment p{margin-bottom: 20px;}
#main-content .treatment ul{padding-bottom: 12px; padding-top: 10px;}
#main-content .treatment ul li{background: url("../images/common/list_b.png") no-repeat left center; background-size: 8px; padding-left: 18px;
 margin-bottom: 8px;}

#main-content .treatment ul li.arrow{background:none; padding: 0; margin-bottom: 20px;}

#main-content .treatment ul li.arrow a{
 display:inline-block; padding-right: 26px; min-height: 24px;
	display: flex;
	justify-content:center;
	align-items: center;
	background:#f4f1ec;
	padding: 10px 2%;
	box-shadow: 0 4px 20px rgba(0,0,0,.08);
	 height: 100%;
	border-radius: 10px;
}

#main-content .rulenote{background: #fff; border-radius: 10px; margin-bottom: 40px; margin-top: 60px; padding: 30px 2% 10px 2%;}
#main-content .rulenote p{margin-bottom: 20px; font-size: .9375rem;}
#main-content .rulenote ul{padding-bottom: 12px;}
#main-content .rulenote ul li{background: url("../images/common/list_b.png") no-repeat left center; background-size: 8px; padding-left: 18px;
 margin-bottom: 8px;}

#main-content .rulenote .minibutton{text-align: left; margin-bottom: 40px; margin-top: 40px;}
#main-content .rulenote .minibutton a{border: #391c00 solid 1px; display: flex; justify-content: center;
 align-items: center; height: 40px; max-width: 420px; border-radius: 10px; margin: 0 auto; background-position: right 10px center;}

#main-content .button.back{}
#main-content .button.back a{color: #391c00; border: #391c00 solid 1px; display: flex; justify-content: center;
 align-items: center; height: 40px; max-width: 360px; border-radius: 10px; margin: 0 auto;}

body#dentistry #main-content .leadtext h4{margin-bottom: 20px; font-size: 1.75rem;}
body#dentistry #main-content .wrap-detail .box ul{padding-bottom: 12px;}
body#dentistry #main-content .wrap-detail .box ul li{background: url("../images/common/list_b.png") no-repeat left center; background-size: 8px;
	padding: 0; padding-left: 18px; margin-bottom: 8px;}


.wrap-point {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px 38px;
}

.wrap-point h4 {
	grid-column: 1 / -1;
}

.wrap-point dl {
	margin: 0;
	padding: 20px 24px;
	background: #fff;
	border-radius: 12px;
}

.wrap-point dt {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-bottom: 24px;
}

.wrap-point dt .num {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	color: #fff;
	background: #391c00;
	border-radius: 5px;
	font-size: 1.125rem;
}

.wrap-point dt p {
	margin: 0;
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1.5;
}

.wrap-point dd {
	margin: 0;
	font-size: .9375rem;
	line-height: 2;
}

body#about.page .leadtext{border-bottom:solid 1px #dfdfdf; padding-bottom: 80px;}
body#about.page .equipment{border-bottom:solid 1px #dfdfdf; padding: 80px 0;}


.wrap-slide .slide .photo{margin-bottom: 20px;}
.wrap-slide .slide .text h5{font-size: 1.125rem;}

.director{padding-top: 80px;}

.wrap-director{	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;}
.wrap-director .photo{ max-width: 300px;}
.wrap-director .photo img{border-radius: 10px;}
.wrap-director .text{ flex: 1;}

.wrap-director .text p{margin-bottom: 20px;}
.wrap-director .text p:last-child{margin-bottom: 0;}

#main-content .wrap-director h4{font-size: 1.6rem;}

.about{padding: 80px 0; border-bottom:solid 1px #dfdfdf;}
.concerns{padding: 80px 0; border-bottom:solid 1px #dfdfdf;}
.eamination{padding: 80px 0; border-bottom:solid 1px #dfdfdf;}

body#top .concerns-list ul li:nth-child(3),
body#top .concerns-list ul li:nth-child(4),
body#top .concerns-list ul li:nth-child(5),
body#top .concerns-list ul li:nth-child(8),
body#top .concerns-list ul li:nth-child(9),
body#top .concerns-list ul li:nth-child(10),
body#top .concerns-list ul li:nth-child(11),
body#top .concerns-list ul li:nth-child(16)

{
	display: none!important;
}


.wrap-eamination {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.wrap-detail .wrap-eamination .box {

	grid-template-columns: 150px 1fr;
	gap: 30px;
	align-items: start;
	margin-bottom: 20px;
}

/* 左側タイトル */
.wrap-eamination .box .title{margin-bottom: 0!important;}
.wrap-eamination .box .title h4 {
	margin-bottom: 20px;
	font-size: 1rem;
}

.wrap-eamination .box .title h4::before {
	content: "";
	display: block;
	width: 28px;
	height: 1px;
	margin-bottom: 10px;
	background: #a78121;
}



/* 右側の診療カード */
.wrap-eamination .box > ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px 18px;
	margin: 0;
	padding: 0;
}

.wrap-eamination .box > ul > li {
	list-style: none;
}

.wrap-eamination .box > ul > li > a {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 54px;
	padding: 10px 15px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, .10);
	font-size: .8125rem;
	font-weight: bold;
	text-align: center;
}

body#top .equipment .wrap-slide{margin-top: 60px;}

body#top article#main-content{padding-top: 0;}

.wrap-news {
	padding: 60px 0;
	border-bottom:solid 1px #dfdfdf;
}

.wrap-news .innr-content {
	display: grid;
	grid-template-columns: 1fr 280px;
	gap: 40px;
	align-items: start;
}

/* 左＋中央 */
.wrap-news .news {
	display: grid;
	grid-template-columns: 130px 1fr;
	gap: 40px;
	align-items: start;
}


/* ニュース一覧 */
.wrap-news .news > ul {
	margin: 0;
	padding: 0;
}

.wrap-news .news > ul li {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.wrap-news .news > ul time {
	font-size: .8125rem;
	padding-right: 20px;
}

/* ニュース一覧 */
body#news .news-list ul {
	width: 880px;
	margin: 0 auto;
	padding: 0;
}

body#news .news-list ul li {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

body#news .news-list ul time {
	font-size: .8125rem;
	padding-right: 20px;
}

body#news.page .news-list ul {
	width:inherit;
	margin: 0 auto;
	padding: 0;
	padding-top: 20px;
}


/* 右バナー */
.wrap-news .wrap-bnr ul {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.wrap-news .wrap-bnr li a {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border: 1px solid #ddd;
	width: 280px;
	height: 60px;
	padding:10px 20px;
}

.wrap-news .wrap-bnr img {
	max-width: 100%;
	max-height: 40px; max-width: 240px;
	height: auto;
}

.Lchange-full{}
.Lchange-msize{display: none;}

.concerns-main .schedule-box{width: 96%; max-width: 600px; margin:  auto; margin-top: 60px;}


.price-list {
	padding-bottom: 80px;
}

.price-list .lead {
	margin-bottom: 60px;
}

.price-box {
	padding: 60px 0;
	border-bottom: solid 1px #dfdfdf;
}

.price-box:first-of-type {
	padding-top: 0;
}

.price-box h3 {
	margin-bottom: 30px;
	font-size: 1.5rem;
}

.price-detail {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px 40px;
}

.price-detail .box {
	padding: 25px 30px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 18px rgba(0,0,0,.08);
}

.price-detail .box h4 {
	margin-bottom: 20px;
}

.price-detail dl {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 20px;
	padding: 12px 0;
	border-bottom: solid 1px #eee;
}

.price-detail dl:last-of-type {
	border-bottom: none;
}

.price-detail dd {
	white-space: nowrap;
	font-weight: 600;
}

.price-detail ul {
	margin-top: 15px;
}

.price-detail ul li {
	margin-bottom: 8px;
}

.price-box:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.record{background: #fff; border-radius: 10px; padding: 20px 2%; margin-top: 40px!important;}
.record h4{font-size: 1.125rem!important; margin-bottom: 10px!important; padding: 0;}

.desc{font-size: 0.9em; margin-top: 30px;}
.desc ul li{background: url("../images/common/list.png") no-repeat left center; background-size: 8px; padding-left: 18px;}


/* layout Change
-------------------------------------------------- */
@media screen and (max-width: 900px){
	
.Lchange-full{display: none!important;}
.Lchange-msize{display:inherit!important;}
	

	#header {
		position: relative;
		width: 100%;
		height: auto;
		inset: auto;
	}

	#main,
	#footer {
		margin-left: 0;
	}
	
	#header .small{display: inherit;}
	#header .full,#header #glnav{display: none;}
	#header .innr .wrap-tel{display: none;}
	#header .innr ul.social{display: none;}
	#header .innr .wrap-button{display: none;}	
	
#header .innr {
	padding:inherit;
	width: 96%; padding: 0 2%;
	height: 60px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;

	}
	
#header .innr h1 a span.small{display: flex; justify-content: flex-start; align-items: center;}
#header .innr h1 a span.small img{max-height: 46px;}

#access .innr-content{gap:0; display: inherit;}
#access .wrap-main {
	display:inherit;
	margin-bottom: 40px;
}

#access .wrap-photo {
	width:100%;
	
}

#time .innr-content{
	display:inherit;
	gap:0;
}

#time .wrap-photo {
	width:100%;
}
	
#footer .footer-main{
	display:inherit;
	gap:0;
}

#footer .footer-main .wrap-contact{
	width:100%;
	flex-shrink: 0;
	margin-top: 40px;
}

#footer .footer-copyright{display: inherit;}
#footer .footer-copyright ul{display: flex; justify-content:center; gap:10px; margin-bottom:20px;}	
#footer .footer-copyright .copyright{text-align: center;}

	.scroll-panel {
		background: rgba(255,255,255,0.8);
	}

	.scroll-panel .innr {
		padding: 0;
	}

	.scroll-panel .wrap-button {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}


	.btn-top a {
		width: 50px;
		height: 50px;
	}
	
body#top #cover .cover-main .innr-content{flex-direction: column;}


body#top #cover .catchcopy h2 {
	writing-mode:initial;
}
	
	body#top #cover .cover-main .innr-content {
		flex-direction: column;
		justify-content: space-between;
	}

	body#top #cover .cover-main .innr-content .wrap-schedule {
		width: 100%;
		height: auto;
		padding-bottom: 0;
		transform: translateY(70px);
	}

	body#top #cover .schedule-box {
		width: 100%;
		max-width: 560px;
	}	
	
	
}

#access-full{padding: 80px 0!important;}
#access-full .wrap-main{padding-bottom: 60px;}


#access-full .map {
	width: 100%;
	max-width: 680px;
	margin:0 auto;
	aspect-ratio: 4 / 3;
}

#access-full .map iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

#access-full .access-detail{padding-top:60px;}
#access-full .access-detail .box{border-bottom:solid 1px #dfdfdf; padding-bottom:40px;}
#access-full .access-detail h5{font-size: 1.125rem;}

#access-full .access-detail{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
}


/* tablet / sp
-------------------------------------------------- */

@media screen and (max-width: 767px) {
	
	.pc-only{display: none;}

	#header {
		position: relative;
		width: 100%;
		height: auto;
	}

	#main,
	#footer {
		margin-left: 0;
	}
	
	.concerns-list ul {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.wrap-point {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.wrap-point dt {
		gap: 16px;
	}
	
	.wrap-director{	display:inherit;}	
	.wrap-director .text{margin-bottom: 60px;}
	.wrap-director .photo{max-width: 380px; height: 480px; overflow: hidden; border-radius: 10px; margin: 0 auto;}
	.wrap-director .photo img{}
	
	.wrap-eamination .box {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.wrap-eamination .box > ul {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.wrap-news .news .wrap-title{margin-bottom:0;}
	#main .wrap-news .news .wrap-title .title{margin-bottom:20px;}	
	
	.wrap-news .innr-content {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.wrap-news .news {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.wrap-news .news > ul li {
		align-items: flex-start;
	}

	.wrap-news .wrap-bnr ul {
		flex-direction:column;
		align-items: center;
	}
	.wrap-news .wrap-bnr ul li{width: 100%; max-width: 280px;}
	.wrap-news .wrap-bnr ul li a{width: 100%;}
	
#access-full .access-detail{
	display:inherit;
	padding-top: 20px;
}	
	#access-full .access-detail .box{padding-top: 40px;}
	
	

	.price-detail {
		grid-template-columns: 1fr;
	}

	.price-detail .box {
		padding: 20px;
	}

	.price-detail dl {
		grid-template-columns: 1fr;
		gap: 4px;
	}

	.price-detail dd {
		text-align: right;
	}
	
	
	#subnav {
		overflow: hidden;
	}

	#subnav ul {
		width: 100%;
		height: 54px;
		overflow-x: auto;
		overflow-y: hidden;
		flex-wrap: nowrap;
		justify-content: flex-start;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	#subnav ul::-webkit-scrollbar {
		display: none;
	}

	#subnav ul li {
		flex-shrink: 0;
		margin-right: 18px;
	}

	#subnav ul li a {
		white-space: nowrap;
	}	
	
}

@media screen and (max-width: 440px) {
	
	
body#top #cover .catchcopy h2 {
	font-size: 1.6rem;
}	
	
	#subnav ul{font-size: 0.875rem;}	
	
	.scroll-panel .tel a {
		font-size: 0.875rem;
	}

	.scroll-panel .wrap-button .button a {
		padding: 0 8px;
	}

	.scroll-panel .wrap-button .button a span {
		height: 36px;
	}

	.btn-top a {
		width: 36px;
		height: 36px;
	}
	
body#top #cover .slide-cover {
	height: 440px;
}
body#top #cover .cover-main {
	height: 440px;
}

.concerns-main .schedule-box{width: 100%; margin-top:-10px;}
	

.wrap-detail .wrap-eamination .box {
	grid-template-columns:auto;
	margin-bottom:20px;
}
.wrap-detail .wrap-eamination .box:last-child{margin-bottom: 0;}
	
}