/* index 動画 PC▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
header{
height: 100%;
max-height: 72.0rem;
}
main{
background: #fff;
}




/* 見出し テキスト スタイル PC ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
h2 {
  font-size: 3.8rem;
  font-weight: 500;
  line-height: 4.2rem;
  letter-spacing: 0.2rem;
}
h2 div {
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #DBCF92;
}
.column_1 h2 {
  margin: 0;
  padding: 1.6rem 0 3.6rem;
}
.column_1 h2 div {
  margin: 0 0 0 1.0rem;
}
.column_1 h3 {
  margin: 0 0.8rem 0;
}
.column_1 h4 {
  margin: 0 0.6rem 0;
}
ul, ol {
  padding-left: 0.4rem;
}
.column_1 ul, ol {
  padding-left: 2.8rem;
}
li {
  font-size: 1.6rem;
  line-height: 2.2rem;
  padding: 0.2rem 0 0.4rem 1.4rem;
}
p, dd {
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0.8rem 0 1.2rem 0.4rem;
}
.column_1 p {
  width: 100%;
  margin: 0;
  padding: 0.4rem 0 1.8rem 0.8rem;
}
@media (max-width : 519px) {
  h2 {
    margin: 0;
    font-size: 2.6rem;
    font-weight: 500;
    line-height: 3.0rem;
    letter-spacing: 0.2rem;
  }
  h2 div {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
  h3 {
    margin: 0;
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 2.6rem;
    letter-spacing: 0.2rem;
    padding: 1.0rem 0 1.2rem;
  }
  h3 div {
    margin-left: 0.6rem;
    font-size: 1.4rem;
    line-height: 1.4rem;
  }
  h4, figcaption, dt, summary {
    font-weight: 800;
    font-size: 1.6rem;
    line-height: 2.0rem;
    letter-spacing: 0.2rem;
    padding: 0.2rem 0 0.4rem 0.3rem;
  }
  article h2, article h3 {
    margin: 0;
    padding: 1.6rem 0;
  }
  .column_1 h2 div {
    margin: 0;
  }
  .column_1 h2 {
    margin: 0;
    padding: 0;
  }
  .column_1 ul {
    margin: 0;
    padding: 0;
    width: calc(100% / 1 - 0.0rem * 2);
  }
  .column_1 p {
    margin: 0;
    padding: 0.6rem 0 0.4rem;
  }
}


#information {
background: linear-gradient(rgba(255,255,255,1.0), rgba(247,246,243,1.0));
box-shadow: 0 0 0.4rem 0.1rem rgba(102,102, 102,0.1);
}
#departments {
background: linear-gradient(rgba(247,246,243,1.0), rgba(247,246,243,0.4));
}
#schedule {
padding-top: 0;
padding-bottom: 1.6rem;
background: rgba(255,255,255,1.0);
box-shadow: none;
}
#access {
margin-bottom: 0;
background: linear-gradient(rgba(247,246,243,1.0), rgba(247,246,243,0.4));
}
#information h2 div span,
#schedule h2 div span{
background-color: rgba(255,255,255,1.0);
}

#movie_wrap{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 92.0rem;
}
#movie_wrap::before,#movie_wrap::after{
content: "";
position: absolute;
width: 100%;
height:100%;
}
#movie_wrap::before{
background: linear-gradient(to top, rgba(255,255,255,0) 80%, rgba(255,255,255,0.8) 100%);
}
#movie_wrap::after{
background: linear-gradient(to bottom, rgba(255,255,255,0) 30%, rgba(255,255,255,1.0) 100%);
}
#movie_wrap video#movie_pc{
display: block;
}
#movie_wrap video#movie_mobi{
display: none;
width: 0;
height: 0;
}
#movie_wrap video{
position: absolute;
right:0;
bottom:0;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
background-size: contain;
z-index:-9;
}
/* index 動画 スマホ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
@media (max-width:519px){
#movie_wrap{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: inherit;
}
#movie_wrap video#movie_pc{
display: none;
width: 0;
height: 0;
}
#movie_wrap video#movie_mobi{
display: block;
position: absolute;
top: 0;
width:100%;
height: inherit;
margin: 0;
padding: 0;
object-fit: cover;
}
}
/* クリニックからのお知らせ PC▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
#information {
position: relative;
width:100%;
margin: 1.6rem auto;
padding: 4.0rem 2.4rem 6.4rem;
	z-index: 9;
}
#information ul li {
	list-style: none;
}
#information ul {
	margin: 0;
	padding: 0.8rem;
width: calc(100% / 1 - 1.6rem * 2);
}
#information li {
	padding: 2.2rem 0.8rem;
	border-bottom: 0.1rem solid #d5d5d5;
}
#information li:first-child {
	border-top: 0.1rem solid #d5d5d5;
}
#information li .catName {
	display: inline-block;
	margin: 0 1.6rem;
	padding: 0.4rem 1.6rem 0.6rem;
	background-color: #5a5f64;
	color: #f1f0ec;
}
/* クリニックからのお知らせ スマホ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
@media (max-width : 519px) {
#information {
width:100%;
margin: 0;
padding: 4.0rem 0.8rem 6.4rem;
}
#information li .comment{
display: block;
}
}
/* 診療科のご案内 PC▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
#departments {
	
}
#departments section {
	position: relative;
	height: 24.0rem;
	margin: 1.6rem;
	padding: 0 2.0rem;
	text-align: center;
	z-index: 9;
}
#departments section::before {
	content: "";
	position: absolute;
	top: -1.0rem;
	left: 1.6rem;
	width: 100%;
	max-width: 24.0rem;
	height: 100%;
	background: rgba(255,255,255,0.6);
	border: 0.1rem solid #d5d5d5;
	z-index: -1;
}
#departments section::after {
	content: "";
	position: absolute;
	top: 0;
	left: 2.6rem;
	width: 100%;
	max-width: 23.8rem;
	height: 100%;
	border: 0.1rem solid #DBCF92;
	z-index: -1;
}
#departments .fa-tooth, #departments i {
	display: block;
	margin: 2.4rem 0 0.6rem;
	font-size: 7.0rem;
}
#departments .whitening .fa-tooth {
	color: #fff;
	-webkit-text-stroke: 0.3rem rgba(056,062,066,0.8);
}
#departments .fa-angles-right {
	display: inline-block;
	font-size: 1.4rem;
	margin-right: 0.4rem;
}
#departments h3 {
	margin: 0;
	padding: 0;
	font-size: 2.8rem;
	line-height: 3.0rem;
	text-align: center;
}
#departments h3.mouthpiece {
	font-size: 2.4rem;
	line-height: 2.4rem;
}
#departments h3.mouthpiece span{
display: block;
}
#departments a {
	margin: 0.6rem 0;
}
#departments a::after {
	content: "";
	position: absolute;
	bottom: -0.3rem;
	right: 2.3rem;
	width: 0;
	height: 0;
	border-left: 0.8rem solid #caa846;
	border-top: 0.8rem solid transparent;
	border-bottom: 0.8rem solid transparent;
	transform: rotate(45deg);
	z-index: 9;
}
/* 診療科のご案内 スマホ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
@media(max-width:519px) {
#departments section {
position: relative;
	height: 18.0rem;
	margin: 0.6rem 0.8rem 0.2rem;
	padding: 1.6rem 0 0;
}
#departments section::before {
	top: -0.5rem;
	left: 0;
	border: 0.1rem solid #d5d5d5;
}
#departments section::after {
	left: 0.5rem;
	border: 0.1rem solid #caa846;
}
#departments .fa-tooth, #departments i {
	margin: 0.6rem 0 0.6rem;
	font-size: 5.8rem;
}
#departments h2 {
    margin-left: 1.6rem;
    padding: 1.6rem 0;
  }
#departments h3 {
	font-size: 1.8rem;
	line-height: 2.2rem;
}
#departments h3.mouthpiece {
	font-size: 1.8rem;
}
#departments h3.mouthpiece span{
display: none;
}
#departments h3 div {
	margin-left: 0.6rem;
	font-size: 1.2rem;
}
#departments a {
position: absolute;
left: 0;right: 0;
bottom: 1.4rem;
}
#departments a::after {
	bottom: -2.3rem;
	right: -0.4rem;
	border-left: 0.7rem solid #caa846;
	border-top: 0.7rem solid transparent;
	border-bottom: 0.7rem solid transparent;
}
}
/* google マップ・カレンダー PC▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
#access h2 {
    padding: 1.6rem 0 1.6rem;
}
#access .map {
	width: 100%;
	margin: 1.6rem 0;
	padding: 0;
	height: 45.0rem;
}
.calendar {
	width: 100%;
	height: 45.0rem;    
	padding: 1.6rem 0;
}
#access .map iframe,
.calendar iframe{
	border: none;
	width: 100%;
	height: 100%;
	margin: 0;
}
#access .map h3 {
font-size: 1.8rem;
line-height: 2.0rem;
letter-spacing: 0.2rem;
padding: 0 0 0.8rem 0;
font-weight: 500;
}
#access .map button {
	position: absolute;
	bottom: 2.5rem;
	right: 6.0rem;
}
#access .map button a {
	width: 16.0rem;
	background-color: #fff;
	height: 4.0rem;
	line-height: 4.0rem;
	font-size: 1.4rem;
	text-align: center;
	color: #615c61;
	box-shadow: rgba(0, 0, 0, 0.3) 0 0.1rem 0.4rem -0.1rem;
}
/* google マップ・カレンダー スマホ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
@media(max-width:519px) {
#schedule h2{
    margin-left: 1.6rem;
    padding: 1.6rem 0;
  }
#access h2 {
    margin-left: 0.8rem;
    padding: 1.6rem 0;
  }
}