@charset "utf-8";

.font-g{font-family: 'Zen Kaku Gothic New', sans-serif;}
.seot {
position: absolute;
margin: 0;
top: 2px;
right: 0;
text-align: right;
font-size:10px!important;
color: #878787;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media (max-width: 1100px) {
.seot {
display: none;
}
}
body{
margin:0px;
padding:0px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a:hover img{
opacity:.5;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
a:hover{text-decoration: none!important;}
p{line-height: 2!important;letter-spacing: 0.05em;font-family: 'Noto Sans JP', sans-serif!important;color:#000; } .imgc{display: block; margin:0 auto!important;}
.bor{border-radius: 20px;}
ul.lidisc{padding: 0 0 0 20px;margin: 0;}
ul.lidisc li{list-style: disc;margin: 0 0 10px;font-family: 'Noto Sans JP', sans-serif!important;}
.fontg1{font-family: 'Zen Kaku Gothic New', sans-serif!important;}
.fontn{font-family: 'Noto Sans JP', sans-serif!important;}
.fontc{font-family: 'Edu TAS Beginner', cursive;}
.fonte{font-family: 'Edu TAS Beginner', cursive;}
.txts{text-shadow: #1E1E1E 1px 0 5px;}
.txtsw{text-shadow: #fff 0 0 5px;}
.flbox{
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.flbox2{
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: column;
} .s-back-to-top {
position: fixed;
z-index: 99;
right: 0;
bottom: 0;
display: block;
width: 3rem;
height: 3rem;
background: #fff294;
text-align: center;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.s-back-to-top:before {
display: block;
font-size: 0.75rem;
font-style: normal;
font-family: themify;
font-weight: bold;
color: #804c11!important;
line-height: 3rem;
content: "\e627";
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.s-back-to-top:hover {
background: #B0A154;
}
.s-back-to-top:hover:before {
color: #A28459;
}
.s-back-to-top:focus, .s-back-to-top:hover {
text-decoration: none;
}
@media (max-width: 480px) {
.s-back-to-top {
position: relative;
width: 100%;
right: 0;
height: 100%;
bottom: 0!important;
opacity: 1!important;
}
.s-back-to-top:before {
position: absolute;
display: block;
font-size: 0.75rem;
font-style: normal;
font-family: themify;
color: #fff;
line-height: 0;
content: "\e627";
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
top:50%;
left:50%;
transform: translate(-50%,-50%);
}
} .s-back-to-top.-is-visible {
bottom: 5.125rem;
opacity: .8;
}
.s-back-to-top.-is-visible:hover {
opacity: 1;
} .s-back-to-top.-zoom-out {
opacity: .6;
} .s-btn {
display: inline-block;
text-align: center;
vertical-align: middle;
border: none;
white-space: nowrap;
touch-action: manipulation;
cursor: pointer;
user-select: none;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.s-btn:focus, .s-btn:hover {
text-decoration: none;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.s-btn.focus {
text-decoration: none;
}
.s-btn:active, .s-btn.active {
background-image: none;
outline: 0;
}
.s-btn.disabled, .s-btn:disabled,
fieldset[disabled] .s-btn {
cursor: not-allowed;
opacity: .65;
}
.s-btn__element--left, .s-btn__element--right {
display: table-cell;
vertical-align: middle;
text-align: left;
} .s-btn--xs {
font-size: 0.75rem;
font-weight: 400;
padding: 0.5rem 1.25rem;
}
.s-btn--sm {
font-size: 0.875rem;
font-weight: 400;
padding: 0.75rem 1.25rem;
}
.s-btn--md {
font-size: 0.8125rem;
font-weight: 400;
padding: 1rem 2.5rem;
}
.s-btn-icon--md {
font-size: 1rem;
padding: 0.9375rem 1.5625rem 0.75rem;
} .s-btn--white-brd {
color: #fff;
background: transparent;
border-width: 0.0625rem;
border-style: solid;
border-color: #fff;
}
.s-btn--white-brd:focus, .s-btn--white-brd:hover {
color: #222324;
background: #fff;
border-color: #fff;
}
.s-btn--white-bg {
color: #464646;
background: rgba(255,255,255,0.9);
border: 1px solid #8F8F8F;
}
.s-btn--white-bg:focus, .s-btn--white-bg:hover {
color: #464646;
border: 1px solid #8F8F8F;
opacity: 0.5;
}
.s-btn--insta-bg {
color: #fff;
background: linear-gradient(90deg, #f2c354 0%, #f599b0 100%);
border: 4px solid #f599b0;
border-image: linear-gradient(to right, #f2c354 0%, #f599b0 100%);
border-image-slice: 1;
}
.s-btn--insta-bg:focus, .s-btn--insta-bg:hover {
color: #fff;
opacity: 0.5;
}
.s-btn--gray-bg {
color: #2a2622;
background: rgba(255,255,255,0.9);
border: 1px solid #2a2622;
}
.s-btn--gray-bg:focus, .s-btn--gray-bg:hover {
color: #fff;
background: #2a2622;
border: 1px solid #2a2622;
}
.s-btn--dark-bg {
color: #fff;
background: #222324;
border-width: 0.0625rem;
border-style: solid;
border-color: #222324;
}
.s-btn--dark-bg:focus, .s-btn--dark-bg:hover {
color: #fff;
background: #13b1cd;
border-color: #13b1cd;
}
.s-btn--primary-bg {
color: #fff!important;
background: #538e7a;
border-width: 0.0625rem;
border-style: solid;
border-color: #538e7a;
transition-duration: 300ms;
}
.s-btn--primary-bg:focus, .s-btn--primary-bg:hover {
color: #538e7a!important;
background: #fff;
border-color: #538e7a;
}
.s-btn--yellow-bg {
color: #fff!important;
background: #B0A154;
border-width: 0.0625rem;
border-style: solid;
border-color: #B0A154;
transition-duration: 300ms;
}
.s-btn--yellow-bg:focus, .s-btn--yellow-bg:hover {
color: #B0A154!important;
background: #fff;
border-color: #B0A154;
} #snsb{display: none;}
@media only screen and (max-width: 480px) {
#snsb{ 
position:fixed;
right: 0;
bottom: 80px;
display: block;
width: 50px;
z-index: 9999;}
}
#footel{
position: relative;
padding:12px 0;
margin:0;
width:100%;
font-weight:normal;
background: #92bdab;
z-index: 999999!important;
}
@media screen and (max-width:480px){
#footel {
z-index: 9999;
margin:0;
position: fixed;
bottom:0;
width:100%;
padding:0;
background-color: rgba(0,0,0,0);
}
}
.f_contact {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
text-align: center;
list-style: none;
margin: 0;
padding: 0;
}
.f_contact li {
width: 50%;
box-sizing: border-box;
}
.f_contact li:first-child {
background: #fff294;
}
.f_contact li:last-child {
background: #538e79;
}
header {
margin-bottom: 0;
width: 100%;
position: fixed;
height:80px;
top: 0;
z-index: 999999!important;
font-family: 'Noto Sans JP', sans-serif!important;
font-weight: 400!important;
transition: 1s;
display: none!important;
}
#header.active{
display: block!important;
box-shadow: 0 2px 10px 0 rgba(45,45,45,0.36)!important;	
transition: 1s;
background: #fff;
}
@media screen and (max-width:1024px){
header {
height: 70px;
}
}
@media screen and (max-width:480px){
p{font-size: 15px!important;}
header {
height: 66px!important;
}
} #time{ padding: 6px; font-size: 14px;
}
#time table{
margin: 0 auto;
font-family: 'Noto Sans JP', sans-serif!important;
color:#946134;
color:#fff;
font-weight: bold;
width: 100%;
text-shadow: #1E1E1E 1px 0 5px;
}
#time table th {
padding:10px 4px;
word-break: break-all;
white-space: nowrap;
width: 28%;
text-align: center;
}
#time table td {
padding:10px 4px;
word-break: break-all;
text-align: center;
}
#time table tr {
border-top: solid 1px #D4BFAD;
border-top: solid 1px #fff;
}
.timebnone{border-top: none!important;}
@media screen and (max-width:1223px){
#time{
font-size: 12px;
}
#time table th, #time table td {
padding: 6px 0;
}
}
@media screen and (max-width:480px){
#time{
position: inherit;
padding:0 10px 10px;
width:94%!important;
top:0;
left: inherit;
font-size: 14px;
z-index: 99;
box-shadow: none;
margin: auto;
}
#time table{
margin: 20px auto 0;
}
#time table th {
width: 34%;
}
} .slider {
position: relative;
max-width: 100%;
margin:0 auto;
padding:0;
background: #fff;
}
.slimg{
width: 28%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
z-index: 9999;
}
.slimg li{
list-style: none;
z-index: 2;
width: 100%;
margin: 0 auto 1em;
}
.slimg li:nth-child(2){width: 50%; background: rgba(243,242,75,0.46);}
.slimg li:nth-child(3){width: 50%; background: rgba(0,155,147,0.46);}
@media screen and (max-width:1425px){
.slimg{
left: 10px;
width: 35%;
}
.slimg li{
margin: 0 auto;
}
ul.slimg{padding: 0!important;}
}
@media screen and (max-width:1230px){
.slimg{
width: 30%;
}
}
@media screen and (max-width:959px){
.slimg li:nth-child(4){display: none;}
}
@media screen and (max-width:575px){
ul.slimg{
width: 40%;
text-align: center;
margin: 0 auto;
}
.slimg{
top: 0;
transform: none;
left: 0;
width: 50%;
justify-content: space-around;
}
.slimg li{
list-style: none;
z-index: 2;
width: 100%;
margin: 0 auto .5em;
margin-bottom: 20em;
}
.slimg li:nth-child(2), .slimg li:nth-child(3), .slimg li:nth-child(4){display: none;}
}
.pointh{
display: inline-block;
position: relative;
z-index: 1;
padding: 10px 10px 10px 0;
color: #fff;
}
.pointh::before{
content: "";
position: absolute;
top: 0;
right: 0;
width: 100vw;
height: 100%;
background-color: rgba(227,229,148,0.68);
z-index: -2;
}
.pointh2{
padding: 10px 0 10px 10px;
}
.pointh2::before{
right: inherit;
left: 0;
}
#pic{
position: relative;
clear:both;
margin:0;
padding:0;
width:100%;
}
#pict{
position: absolute;
top:-1px;
left: 0;
right: 0;
margin: auto;
z-index: 1;
clip-path: ellipse(150px 50px at top);
max-width:400px; 
padding:10px 20px;
color: #fff;
}
#pic ul,#pic li {
float:left;
list-style: none;
margin: 0;
padding:0;
}
#pic li img{
max-width: 600px!important;
height: 340px!important;
}
@media screen and (max-width: 480px) {
#pic li img{
max-width: 400px!important;
height: 300px!important;
}
}
.servfont{
font-weight: 500;
font-family: 'Noto Sans JP', sans-serif!important;
color: #a1bfd4;
letter-spacing: .1em;
}
.kamoku2 .servfont{
color: #fff;
}
.kamoku3 .servfont{
color: #fff;
}
@media screen and (max-width: 480px) {
.servfont{
letter-spacing: .1em;
}
}
.time {
width: 100%;
background: #fff;
padding: .8em!important;
}
.time table{
width: 100%;
color: #968366;
font-weight: bold!important;
text-align: center;
word-break: break-all;
}
.time th {
padding:1em .5em .4em;
font-size: 18px!important;
letter-spacing: .2em;
}
.time td {
padding:10px 4px;
font-size: 18px!important;
}
@media screen and (max-width: 480px) {
.time th {
padding:10px 2px;
font-size: 14px!important;
letter-spacing: 0.2;
}
.time td {
padding:10px 2px;
font-size: 14px!important;
}
}
table.com{
margin:0;
padding: 0;
width:100%;
border-collapse:separate;
border-spacing:4px;
empty-cells:show;
font-family: 'Noto Sans JP', sans-serif!important;
}
.com th,.com td{
padding:12px;
font-size: 14px;
vertical-align: middle;
}
.com th{
color: #fff;
text-align: center;
}
@media screen and (max-width: 480px) {
.com td,.com th{
width: 100%;
display: block;
padding: 10px;
}
}
table.con{
margin:0 0 1em;
padding: 0;
width:100%;
border-collapse:separate;
border-spacing:4px;
empty-cells:show;
font-family: 'Noto Sans JP', sans-serif!important;
}
.con th,.con td{
padding:12px;
font-size: 16px;
vertical-align: middle;
}
.con th{
color: #fff;
text-align: center;
}
@media screen and (max-width: 480px) {
.con td,.con th{
width: 100%;
display: block;
padding: 10px;
font-size: 14px;
}
}
table.price{
font-size: 14px;
margin:0;
padding: 4px;
width:100%;
border-collapse:separate;
border-spacing:4px;
empty-cells:show;
font-family: 'Zen Kaku Gothic New', sans-serif;
}
.price th,.price td{
padding:12px;
font-size: 16px;
vertical-align: middle;
}
.price th{
color: #fff;
text-align: center;
}
@media only screen and (max-width: 480px) {
.price td,.price th{
width: 100%;
display: block;
padding: 10px;
}
}
.sst{
position: relative;
text-align: center;
z-index: 1;
display: inline-block;
}
.sst::before{
content: "";
position: absolute;
margin: auto;
left: 50%;
transform: translateX(-50%);
bottom: -1.5em;
width: 310px;
height: 52px;
background: url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/line.png) no-repeat center / contain;
}
@media screen and (max-width: 480px) {
.sst::before{
bottom: -3.8em;
width: 100%;
height: 100%;
}
}
.st{
color: #fff;
text-align: center;
padding: .5em .5em;
letter-spacing: .1em;
line-height: 1.5;
font-weight: 500 !important;
}
.stc1{background:#538e7a;}
.stc2{background:#F49075;}
.stc3{background:#5BBBC7;}
.st2 {
overflow: hidden;
text-align: center;
position: relative;
padding: .5em 0.2em;
color: #C7A44B;
letter-spacing: 0.05em;
font-weight: 500;
}
.st2::before,.st2::after{
position: absolute;
left: 0;
content: '';
width: 100%;
height: 7px;
box-sizing: border-box;
}
.st2::before {
top: 0;
border-top: 3px solid #C7A44B;
border-bottom: 1px solid #C7A44B;
}
.st2::after {
bottom: 0;
border-top: 1px solid #C7A44B;
border-bottom: 3px solid #C7A44B;
}
.st3 {
background:#96cb99;
color: #fff;
text-align: center;
padding: .3em 1em;
letter-spacing: .1em;
margin: 0;
}
.st3-2 {
background:#fff;
color: #7FC1C9;
text-align: center;
padding: .3em 1em;
letter-spacing: .1em;
margin: 0;
}
.st4{
position: relative;
color: #fff;
padding:0.3em 0.5em 0.3em 1.4em;
font-weight: 400;
letter-spacing: .1em;
}
.st4::after {
position: absolute;
top: 50%;
left:0;
transform:translateY(-50%);
content: '';
width: 1.1em;
height:2px;
background-color:#fff;
}
.st4bg1{background: #A8A8A8;}
.st4bg2{background: #74CFC8;}
.st5 {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: #538e7a;
font-weight: 500;
}
.st5::before,
.st5::after {
content: '';
width: 70px;
height: 1px;
background-color: #538e7a;
}
.st5::before {
margin-right: 10px;
}
.st5::after {
margin-left: 10px;
}
@media screen and (max-width: 480px) {
.st5::before,
.st5::after {
width: 40px;
}
}
.st6 {
position: relative;
padding: 0.2em 0.4em 0.2em 2.4em;
border-bottom: 2px solid #646258;
line-height: 1.5!important;
color:#272727;
z-index: 1;
background: rgba(215,214,203,0.50);
}
.st6:after {
position: absolute;
content: attr(data-en);
top: 0;
left: 0;
width: 1.9em;
height: 1.9em;
padding: 0.2em 0.4em 0.2em 0.7em;
color: #fff;
background: #b0a154;
z-index: -1;
}
.st6:before {
position: absolute;
bottom: -2px;
left: 0;
width: 20%;
height: 2px;
content: '';
background: #b0a154;
}
.stf {
position: relative;
padding:0.5em 0.8em;
margin-bottom: 1em;
color: #fff;
background-color: #D9C666;
}
.stf::before,
.stf::after {
position: absolute;
top: 100%;
left:2em;
content: '';
border: 14px solid transparent;
border-top: 12px solid #D9C666;
}
.stf2 {
text-align: center;
position: relative;
padding:0.4em;
margin-bottom: 1em;
background-color: #f6a28b;
font-weight: 500;
color:#FFFFFF;
}
.stf2::before,
.stf2::after {
position: absolute;
top: 100%;
left:50%;
transform:translateX(-50%);
content: '';
border: 14px solid transparent;
border-top: 12px solid #f6a28b;
}
.fc1 {background-color: #67c7c2;}
.fc1::before,.fc1::after {border-top: 12px solid #67c7c2;}
.fc2 {background-color: #96cb99;}
.fc2::before,.fc2::after {border-top: 12px solid #96cb99;}
.gapk{gap: 1.5rem !important;}
@media screen and (max-width:480px){
.gapk{gap: 1rem !important;}
}
.kamoku{
width: 18%;
box-sizing: border-box;
text-align: center;
cursor:pointer;
transition: .5s;
max-width:  240px; padding: 16px; display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; 
position: relative;
background: #fff;
}
.kamoku:hover{
background: #FFF497;
}
.kamoku a{
padding: 1.8em 16px;
width: 100%;
height: 100%;
display: block!important;}
.kamoku a:hover{
opacity: 1;
color: #fff;
}
@media screen and (max-width:768px){
.kamoku{
width: 28%;
}
}
@media screen and (max-width:480px){
.kamoku{
width: 46%;
}
.kamoku img{
width: 60px;
}
}
.kamoku2{background: #ffd52e;}
.kamoku2:hover{background: #FFEC9E;}
.kamoku3{background: #5bb2ac;}
.kamoku3:hover{background: #A5E4E0;}
.List-Item-Content {
position: relative;
margin-left: auto;
margin-right: auto;
align-items: center;
z-index: 0;
}
@media screen and (max-width: 540px) {
.List-Item-Content {
flex-wrap: wrap;
}
}
.List-Item-Content .col-10{
position: relative;
}
.List-Item-Content .col-10::before {
content: "";
position: absolute;
bottom: 20px;
z-index: 0;
width: calc(100% - 20px);
border-bottom: 1px solid #BFBFBF;
}
.List-Item-Content:last-child .col-10::before {
border-bottom:none!important;
}
.List-Item-Content .col-2{
position: relative;
}
.List-Item-Content .col-2::before {
content: "";
position: absolute;
top: 50%!important;
left: calc(50% - 1px);
transform: translate(-50%,-50%);
width: 2px;
height: 100%;
background: #538e7a;
z-index: -1;
}
.List-Item-Content-Number {
top: 0;
left: 0;
right: 0;
margin: auto;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
background: #538e7a;
color: #fff;
font-size: 30px;
}
@media screen and (max-width: 480px) {
.List-Item-Content-Number {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 24px;
}
}
.bg-top{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/doc4.png) no-repeat bottom left /auto,url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/t1.png) no-repeat right top /24%,#F8F0DA;}
@media screen and (max-width:1650px){
.bg-top{
background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/doc4.png) no-repeat bottom left /66%,url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/t1.png) no-repeat right top /20%,#F8F0DA;
}
}
@media screen and (max-width:991px){
.bg-top{
background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/doc4.png) no-repeat bottom left /50%,url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/t1.png) no-repeat right top /24%,#F8F0DA;
}
}
@media screen and (max-width:768px){
.bg-top{
background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/t1.png) no-repeat right top /44%,#F8F0DA;
}
}
@media screen and (max-width:480px){
.bg-top{
background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/t1.png) no-repeat right top /40%,#F8F0DA;
padding-top: 0;
}
}
.bg-medi{background: #a1bfd4;}
.bgfoot{background: #92bdab;}
.bg1{position: relative;overflow: hidden;}
.bg1::before{
content: "";
top: 0;
width: 100%;
height: 100%;
background: url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/bg.jpg) no-repeat center / cover!important;
position: fixed;
z-index: -1;
}
.poinbtn a {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
margin: 0;
padding: 10px;
max-width: 300px;
color: #fff;
text-decoration: none;
font-size: 16px;
border: 1px solid #fff;
transition: 0.3s;
}
.poinbtn a::before {
content: '';
position: absolute;
bottom: -7px;
right: -7px;
width: 100%;
height: 1px;
background-color: #fff;
transition: 0.2s ease 0s;
}
.poinbtn a::after {
content: '';
position: absolute;
top: 7px;
right: -7px;
width: 1px;
height: 100%;
background-color: #fff;
transition: 0.2s ease 0.2s;
}
.poinbtn a:hover::before {
width: 0%;
}
.poinbtn a:hover::after {
height: 0%;
}
.poinbtn a:hover {
text-decoration: none;
background-color: rgba(255,255,255,0.70);
color: #000;
}
#btnc {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
z-index:1!important;
}
.title {
width: 100%;
height: 600px;
position: relative;
}
@media screen and (max-width:768px){
.title {
max-height: 340px;
}
}
.titlein{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
width: 100%;
} .titletxt{
position: relative;
color: #fff;
line-height: 1;
font-weight: normal;
font-family: Playfair Display, serif !important;
letter-spacing: .1em;
font-size: 3em;
text-align: center;
}
.titletxt::after {
position: absolute;
content: attr(data-en);
top: -1.8em;
left: 50%;
transform:  translateX(-50%);
-webkit-transform: translateX(-50%);
color: #fffdba;
z-index: 2;
font-size: .6em;
font-family: 'Zen Kaku Gothic New', sans-serif!important;
}
@media screen and (max-width:768px){
.titletxt{
font-size: 2em;
} }
.titlebg{
position: relative;
}
.titlebg::before{
content: "";
position: absolute;
width: 350px;
height: 370px;
bottom: 0;
left: 0;
} .titlebg::after{
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center top!important;
background-repeat: no-repeat!important;
background-size: cover;
background-blend-mode: multiply;
z-index: -1;
}
.bg-1::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/17.jpg),rgba(106,106,106,1.00);}
.bg-2::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/18.jpg),rgba(106,106,106,1.00);}
.bg-3::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/16.jpg),rgba(106,106,106,1.00);}
.bg-4::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/4.jpg),rgba(106,106,106,1.00);}
.bg-5::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/5.jpg),rgba(106,106,106,1.00);}
.bg-6::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/6.jpg),rgba(106,106,106,1.00);}
.bg-7::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/7.jpg),rgba(106,106,106,1.00);}
.bg-8::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/8.jpg),rgba(106,106,106,1.00);}
.bg-9::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/9.jpg),rgba(106,106,106,1.00);}
.bg-10::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/10.jpg),rgba(106,106,106,1.00);}
.bg-11::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/11.jpg),rgba(106,106,106,1.00);}
.bg-12::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/12.jpg),rgba(106,106,106,1.00);}
.bg-13::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/13.jpg),rgba(106,106,106,1.00);}
.bg-14::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/14.jpg),rgba(106,106,106,1.00);}
.bg-15::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/15.jpg),rgba(106,106,106,1.00);}
.bg-16::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/19.jpg),rgba(106,106,106,1.00);}
@media screen and (max-width:768px){
.titlebg::before{
width: 40%;
}
.titlebg::after{
background-position: center top!important;
background-size: contain!important;
}
.bg-1::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/17sp.jpg),rgba(106,106,106,1.00);}
.bg-2::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/18sp.jpg) no-repeat center / contain,rgba(106,106,106,1.00);}
.bg-3::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/16sp.jpg),rgba(106,106,106,1.00);}
.bg-4::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/4sp.jpg),rgba(106,106,106,1.00);}
.bg-5::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/5sp.jpg),rgba(106,106,106,1.00);}
.bg-6::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/6sp.jpg),rgba(106,106,106,1.00);}
.bg-7::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/7sp.jpg),rgba(106,106,106,1.00);}
.bg-8::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/8sp.jpg),rgba(106,106,106,1.00);}
.bg-9::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/9sp.jpg),rgba(106,106,106,1.00);}
.bg-10::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/10sp.jpg),rgba(106,106,106,1.00);}
.bg-11::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/11sp.jpg),rgba(106,106,106,1.00);}
.bg-12::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/12sp.jpg),rgba(106,106,106,1.00);}
.bg-13::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/13sp.jpg),rgba(106,106,106,1.00);}
.bg-14::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/14sp.jpg),rgba(106,106,106,1.00);}
.bg-15::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/15sp.jpg),rgba(106,106,106,1.00);}
.bg-16::after{background:url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/t/19sp.jpg),rgba(106,106,106,1.00);}
}
.sidenet{
margin:0;
padding:0;
opacity: 0.95;
position: fixed;
z-index: 999999!important;
}
.net1 {
right:0;
position: fixed;
z-index: 9999!important;
top: 180px;
}
.net2 {
right:0;
position: fixed;
z-index: 9999!important;
top: 280px;
}
.net3 {
right:0;
position: fixed;
z-index: 9999!important;
top: 380px;
}
@media screen and (max-width:575px){
.sidenet,.net1,.net2,.net3{display: none;}
}
.mainlink2{
position: relative;
z-index: 1;
padding: 0;
display: block;
background: url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/recruit.jpg) no-repeat center / cover;
transition: .5s;
}
.mainlink2:hover{
opacity: .5;
}
.insta{
position: relative;
z-index: 1;
padding: 0;
display: block;
transition: .5s;
border: 4px solid #f599b0;
border-image: linear-gradient(to right, #f2c354 0%, #f599b0 100%);
border-image-slice: 1;
}
.insta::before{
content: "";
position: absolute;
background: url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/insta.png) no-repeat center top / contain;
top: -28px;
left: 50%;
transform: translateX(-50%);
width: 240px;
height: 56px;
z-index: 1;
} @media screen and (max-width:480px){
.insta::before{
top: -28px;
width: 50%;
height: 20%;
}
}
ul.blog{
list-style: none;
display: flex!important;
flex-wrap: wrap;
justify-content: space-around;
padding: 0;
margin: 0;
}
ul.blog li{
width: 30%!important;
padding-bottom: 2em;
font-family: 'Zen Kaku Gothic New', sans-serif!important;
}
@media screen and (max-width:480px){
ul.blog{
flex-direction: column;
}
ul.blog li{
width: 100%!important;
padding-bottom: 1.5em;
}
}
ul.news{
list-style: none;
display: flex!important;
align-items: center;
padding: 2em;
margin: 0;
border-bottom: 2px solid #E4DB91;
height: auto;
}
ul.news li{
width:auto;
font-family: 'Zen Kaku Gothic New', sans-serif!important;
vertical-align: middle;
}
ul.news li:first-child{
width:20%;
}
@media screen and (max-width:480px){
ul.news{
flex-direction: column;
}
ul.news li{
width: 100%!important;
}
}
.btn-list{
display: flex;
background: #538e7a;
border: 2px solid #538e7a;
align-items: center!important;
border-radius: 40px;
color: #fff;
padding: .2em 2em;
text-align: center;
position: relative;
transition: .5s;
vertical-align: middle;
font-weight: 400;
font-family: 'Zen Kaku Gothic New', sans-serif!important;
}
.btn-list:hover{
background:#fff;
color: #538e7a;
}
@media screen and (max-width: 768px) {
.btn-list{
padding: .2em .8em;
}
}
@media screen and (max-width: 480px) {
.btn-list{
padding: .5em .8em;
}
}
.blc{
background: #e8aa3e;
border: 2px solid #e8aa3e;
}
.blc:hover{
background:#fff;
color: #e8aa3e;
} .pagination {
margin: 0 auto;
}
.nav-links {
display: flex;
justify-content: center;
}
.pagination .page-numbers {
display: inline-block;
margin-right: 10px;
padding: 1px 15px;
color: #538e79;
border-radius: 3px;
background: #fff;
border: 1px solid #538e79;
}
.pagination .current {
background: #538e79;
color: #fff;
}
.pagination .prev,
.pagination .next {
background: transparent;
box-shadow: none;
color: #538e79;
font-family: 'Zen Kaku Gothic New', sans-serif!important;
}
.pagination .dots {
background: transparent;
box-shadow: none;
border: none;
}
@media screen and (max-width: 480px) {
.pagination .page-numbers {
margin-right: 8px;
padding: 1px 6px;
}
} .post__pagination{
margin-bottom:50px;
overflow:hidden;
}
.post__pagination__left,
.post__pagination__right{
width:330px;
}
.post__pagination__left{
float:left;
}
.post__pagination__right{
float:right;
}
.post__pagination__left > a,
.post__pagination__right > a{
display:block;
position:relative;
}
.post__pagination__left__img,
.post__pagination__right__img{
display:block;
background:#000;
}
.post__pagination__left__img > img,
.post__pagination__right__img > img{
width:100%;
height:100px;
object-fit:cover;
opacity:0.3;
}
.post__pagination__left__text,
.post__pagination__right__text{
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
z-index: 999;
color: #fff;
font-size:16px;
font-family: 'Zen Kaku Gothic New', sans-serif!important;
text-align: center;
}
@media screen and (max-width: 480px) {
.post__pagination__left,
.post__pagination__right{
width:45%;
}
} .post-navigation {
margin: 0 auto;
}
.nav-links {
display: flex;
justify-content: center;
}
.nav-links .nav-previous,
.nav-links .nav-next {
background: transparent;
box-shadow: none;
background: #538e79;
color: #fff;
font-family: 'Zen Kaku Gothic New', sans-serif!important;
display: inline-block;
margin-right: 10px;
padding: 1px 15px;
color: #538e79;
border-radius: 3px;
background: #fff;
border: 1px solid #538e79;
}
.infobox{
position: relative;
top:-40px;
z-index: 1;
margin: 0 30px;
border-radius: 20px;
background-color: #fff;
box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.4);
overflow: hidden;
}
#breadcrumb{
margin:0;
padding:0;
text-align:left;
}
.cf {
display: flex;
flex-wrap: wrap;
list-style: none;
}
.cf li{
margin:0 10px 0 0; color: #777; }
.tkbg {
position: relative;
width: 100%;
margin: 0 auto;
z-index: 0!important;
}
.tkbg::before {
content: "";
z-index: -1;
display: block;
position: absolute;
top: 0;
width: 0%;
height: 100%;
transition: width 2s;
transition-delay: 0s;
}
.tkbg1::before {
left: 0;
background: url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/re1.jpg) no-repeat center / auto;
}
.tkbg2::before {
right: 0;
background: url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/re2.jpg) no-repeat center / auto;
}
.tkbg3::before {
left: 0;
background: url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/re6.jpg) no-repeat center / auto;
}
.tkbg4::before {
right: 0;
background: url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/re4.jpg) no-repeat center / auto;
}
.tkbg5::before {
left: 0;
background: url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/re5.jpg) no-repeat center / auto;
}
.tkbg6::before {
right: 0;
background: url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/p6.jpg) no-repeat center / auto;
}
.tkbg1.delay::before,.tkbg2.delay::before,.tkbg3.delay::before,.tkbg4.delay::before,.tkbg5.delay::before,.tkbg6.delay::before{
width: 50%!important;
}
@media screen and (max-width:480px){
.tkbg1::before {
background: url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/re1.jpg) no-repeat center / cover;
}
.tkbg2::before {
background: url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/re2.jpg) no-repeat center / cover;
}
.tkbg3::before {
background: url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/re6.jpg) no-repeat center / cover;
}
.tkbg4::before {
background: url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/re4.jpg) no-repeat center / cover;
}
.tkbg5::before {
background: url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/re5.jpg) no-repeat center / cover;
}
.tkbg6::before {
background: url(//hayashi-dental.biz/hayashi/wp-content/themes/uhdc/img/top/p6.jpg) no-repeat center / cover;
}
.tkbg1.delay::before,.tkbg2.delay::before,.tkbg3.delay::before,.tkbg4.delay::before,.tkbg5.delay::before,.tkbg6.delay::before{
width: 95%!important;
height: 260px;
}
}
.bgd{
background: rgba(48,49,43,1.00);
}
@media screen and (max-width:480px){
.bgd{
background: rgba(48,49,43,1.00);
}
}
#pan{
position: relative;
color: #000;
font-family: 'Shippori Mincho', serif;
display: inline-block;
padding: 10px 20px 5px 10px;
font-size: 14px;
}
#pan::before,#pan::after{
content: "";
position: absolute;
width: 100vw;
}
#pan::before{bottom:0;right: 0;}
#pan::after{bottom:-5px;right: 10px;}
#pan a{
color: #000;
}
@media screen and (max-width:480px){
#pan{
font-size: 12px;
}
}
ul.pagelist {
border-radius: 14px;
padding: 1.5em 1.5em 0!important;
font-family: 'Noto Sans JP', sans-serif!important;
display: flex;
flex-wrap: wrap;
margin: 0;
}
ul.pagelist li {
line-height: 1.5;
padding: 0.5em 0.5em;
list-style-type: none!important;
width: 50%;
position: relative;
font-size: 16px;
}
@media screen and (max-width:480px){
ul.pagelist li {
width: 100%;
font-size: 14px;
}
}
ul.pagelist li:last-of-type {
border-bottom: none;
}
.slide{
position: relative; 
margin:0;
height:100%;
overflow: auto!important;
box-shadow: -9px 6px 16px -6px rgba(0,0,0,0.2);
z-index: 1;
}
.slideh{
height: 100%;
}
.zoom {
width: 100%;
height: 100%;
position: relative;
background-color: #fff;
}
.form-width { width: 100%!important;}  input.wpcf7c-btn-back, 
input.wpcf7-submit,
input.wpcf7-previous {
margin: 0;
padding:15px;
width: 50%;
max-width: 400px;
}
input.wpcf7-previous, 
input.wpcf7-submit {
color: #fff;
transition: .3s;
font-family: 'Noto Sans JP', sans-serif!important;
}
input.wpcf7-submit {
background: #538e79;
}
input.wpcf7-submit:hover{
background: #C1BC6E!important;
}
input.wpcf7-previous {
background: #A6A6A6;
}
input.wpcf7-previous:hover {
background: #C1BC6E;
} .wpcf7 .wpcf7-spinner {
display: none !important
} .grecaptcha-badge { visibility: hidden; }
.eyeimg{
background: #efefef;
}
.eyeimg img{
display: block; margin:0 auto!important;
width: auto!important;
max-height: 240px!important;
}