@charset "utf-8";


.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { *zoom: 1; }

.dn-pc { display:none !important; }
.dn-pc2 { display:none !important; }
.dn-sp { display:block !important; }
.dn-sp2 { display:inline-block !important; }

@media screen and (max-width:768px){
.dn-pc { display:block !important; }
.dn-pc2 { display:inline-block !important; }
.dn-sp { display:none !important; }
.dn-sp2 { display:none !important; }
}

*, *::before, *::after { box-sizing:border-box; }



/* ----------------------------------------------
 ! normalize
 ---------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	background-color: #fff;
	color: #000;
	font-size: 1em;
	line-height: 1;
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
}

/* html5 format */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

b,
strong {
	font-weight: bold;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
	vertical-align:middle;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}



/* ----------------------------------------------
 ! Base
 ---------------------------------------------- */

body { width:100%; overflow-x:hidden; }
#content {}
.font-m { font-family:"Noto Serif JP", sans-serif; font-optical-sizing:auto; font-weight:400; font-style: normal; }

@media screen and (min-width:1380px){
body { min-width:1380px; }
#content {}
}

@media screen and (max-width:768px){
body { min-width:280px; }
#content {}
}




/* ----------------------------------------------
 ! Animation
 ---------------------------------------------- */

.ani-y {
	opacity: 0;
	transition: all 0.5s;
	transform: translateY(30px);
	transition-duration: ease-in;
}
.ani-y.on {
	opacity: 1;
	transform: translateY(0vw);
}
.ani-x {
	opacity: 0;
	transition: all 0.5s;
	transform: translateX(-5vw);
	transition-duration: ease-in;
}
.ani-x.on {
	opacity: 1;
	transform: translateX(0vw);
}

.fade {
  opacity: 0;
}
.fade_in {
  -webkit-animation: fadeIn 1.5s forwards !important;
          animation: fadeIn 1.5s forwards !important;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}




/* ----------------------------------------------
 ! Slider
 ---------------------------------------------- */

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}




/* ----------------------------------------------
 ! header
 ---------------------------------------------- */

header { position:relative; }
#header-wrap { position:absolute; position:fixed; width:100%; height:21vw; background:rgba(234,234,234,1); z-index:9998; }
#header-logo { width:47vw; padding:5.33vw 0 0 4.26vw; }
#header-logo a { display:block; }
#header-logo img { width:100%; height:auto; }
@media screen and (min-width:769px){
header { margin:0 auto; }
#header-wrap { position:static; height:9.05vw; background:#fff; margin:0 auto; }
#header-logo { position:absolute; top:2.54vw; left:50%; width:18.84vw; padding:0; margin:0 0 0 -46.01vw; }
#header-logo a:hover { opacity:0.7; transition:1s ease; }
}
@media screen and (min-width:1381px){
header {}
#header-wrap { height:125px; }
#header-logo { top:35px; width:260px; margin:0 0 0 -635px; }
}



/* ----------------------------------------------
 ! scroll-top
 ---------------------------------------------- */

#scroll-top { position:absolute; position:fixed; bottom:20.3vw; right:2.66vw; width:12vw; }
#scroll-top a { display:block; }
#scroll-top img { width:100%; height:auto; }
@media screen and (min-width:769px){
#scroll-top { bottom:1.33vw; right:1.33vw; width:3.67vw; }
#scroll-top a {}
#scroll-top a:hover { opacity:0.7; transition: all 1s; }
}
@media screen and (min-width:1381px){
#scroll-top { bottom:20px; right:20px; width:55px; }
#scroll-top a {}
}




/* ----------------------------------------------
 ! bottom-nav
 ---------------------------------------------- */

#bottom-nav { position:absolute; position:fixed; bottom:0; left:0; width:100%; z-index:99999; }
#bottom-nav > ul { display:flex; flex-flow:row nowrap; border-top:1px #353535 solid; }
#bottom-nav > ul > li { width:calc( 100% / 3 ); list-style:none; position:relative; border-right:1px #353535 solid; }
#bottom-nav > ul > li:last-child { border-right:none; }
#bottom-nav > ul > li > a, 
#bottom-nav > ul > li > span { display:block; height:16vw; text-align:center; padding:9.6vw 0 0; font-size:3.2vw; color:#fff; text-decoration:none; }
#bottom-info a { background:#191919 url(../img/english/f_icon04.webp) center 3.2vw/4.8vw auto no-repeat; }
#bottom-mail a { background:#191919 url(../img/english/f_icon01.webp) center 3.2vw/4.8vw auto no-repeat; }
#bottom-tel span { background:#191919 url(../img/english/f_icon02.webp) center 3.2vw/4.8vw auto no-repeat; }
#bottom-reserve span { background:#191919 url(../img/english/f_icon03.webp) center 3.2vw/4.8vw auto no-repeat; }
@media screen and (min-width:769px){
#bottom-nav { left:50%; width:36.23vw; margin:0 0 0 -18.115vw; }
#bottom-nav > ul {}
#bottom-nav > ul > li { width:calc( 100% / 2 ); }
#bottom-nav > ul > li > a, 
#bottom-nav > ul > li > span { height:5.21vw; padding:3.04vw 0 0; font-size:0.87vw; }
#bottom-info a { background:#191919 url(../img/english/f_icon04.webp) center 1.01vw/1.74vw auto no-repeat; }
#bottom-mail a { background:#191919 url(../img/english/f_icon01.webp) center 1.01vw/1.74vw auto no-repeat; }
#bottom-tel span { background:#191919 url(../img/english/f_icon02.webp) center 1.01vw/1.74vw auto no-repeat; }
#bottom-reserve span { background:#191919 url(../img/english/f_icon03.webp) center 1.01vw/1.74vw auto no-repeat; }
#bottom-nav > ul > li > a:hover, 
#bottom-nav > ul > li > span:hover { background-color:#666; transition: all 1s; cursor:pointer; }
}
@media screen and (min-width:1381px){
#bottom-nav { width:500px; margin:0 0 0 -250px; }
#bottom-nav > ul {}
#bottom-nav > ul > li {}
#bottom-nav > ul > li > a, 
#bottom-nav > ul > li > span { height:72px; padding:42px 0 0; font-size:12px; }
#bottom-info a { background:#191919 url(../img/english/f_icon04.webp) center 14px/24px auto no-repeat; }
#bottom-mail a { background:#191919 url(../img/english/f_icon01.webp) center 14px/24px auto no-repeat; }
#bottom-tel span { background:#191919 url(../img/english/f_icon02.webp) center 14px/24px auto no-repeat; }
#bottom-reserve span { background:#191919 url(../img/english/f_icon03.webp) center 14px/24px auto no-repeat; }
}



.bottom-nav-sub { display:none; position:absolute; bottom:calc( 16vw + 1px ); left:0; width:100%; }
.bottom-nav-sub li { background:#f4f4f4; border-bottom:1px #ccc solid; list-style:none; }
.bottom-nav-sub li:last-child { border-bottom:none; }
.bottom-nav-sub li a { display:block; line-height:1.4; padding:4.26vw 2.13vw; font-size:3.46vw; color:#333; text-decoration:none; }
.bottom-nav-sub li a:before { content:">"; display:inline-block; margin:0 1.09vw 0 0; color:#b11b4f; }
@media screen and (min-width:769px){
.bottom-nav-sub { bottom:5.29vw; }
.bottom-nav-sub li {}
.bottom-nav-sub li:last-child {}
.bottom-nav-sub li a { padding:1.16vw 0.58vw; font-size:0.94vw; }
.bottom-nav-sub li a:before { margin:0 0.29vw 0 0; }
.bottom-nav-sub li a:hover { opacity:0.7; }
}
@media screen and (min-width:1381px){
.bottom-nav-sub { bottom:73px; }
.bottom-nav-sub li {}
.bottom-nav-sub li:last-child {}
.bottom-nav-sub li a { padding:16px 8px; font-size:13px; }
.bottom-nav-sub li a:before { margin:0 4px 0 0; }
.bottom-nav-sub li a:hover {}
}




/* ----------------------------------------------
 ! sub-mainview-en
 ---------------------------------------------- */

#sub-mainview-en { margin:0 0 10.66vw; padding:21vw 0 0; }
#sub-mainview-en dl { position:relative; }
#sub-mainview-en dt {}
#sub-mainview-en dt img { width:100%; height:auto; }
#sub-mainview-en dd { position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:center; width:100%; height:53.33vw; }
#sub-mainview-en dd h1 { display:flex; justify-content:center; align-items:center; width:91.46vw; height:27.46vw; background:rgba(255,255,255,0.85); font-size:7.2vw; font-weight:normal; }
@media screen and (min-width:769px){
#sub-mainview-en { margin:0 0 3.62vw; padding:0; }
#sub-mainview-en dl {}
#sub-mainview-en dt {}
#sub-mainview-en dt img {}
#sub-mainview-en dd { height:20.65vw; }
#sub-mainview-en dd h1 { display:table; vertical-align:middle; width:auto; min-width:26.52vw; height:auto; padding:2.17vw 8.7vw; font-size:1.96vw; }
}
@media screen and (min-width:1381px){
#sub-mainview-en { width:1380px; margin:0 auto 50px; }
#sub-mainview-en dl {}
#sub-mainview-en dt {}
#sub-mainview-en dt img {}
#sub-mainview-en dd { height:285px; }
#sub-mainview-en dd h1 { min-width:366px; padding:30px 120px; font-size:27px; }
}




/* ----------------------------------------------
 ! breadcrumbs-en
 ---------------------------------------------- */

#breadcrumbs-en { padding:0 4.26vw 16vw; }
#breadcrumbs-en li { display:inline-block; line-height:1.6; font-size:3.73vw; list-style:none; position:relative; }
#breadcrumbs-en li:after { content:">"; display:inline-block; margin:0 2.13vw; font-size:3.73vw; }
#breadcrumbs-en li:last-child::after { display:none; }
#breadcrumbs-en li a { font-size:3.73vw; }
@media screen and (min-width:769px){
#breadcrumbs-en { width:79.71vw; margin:0 auto; padding:0 0 4.71vw; }
#breadcrumbs-en li { font-size:1.01vw; }
#breadcrumbs-en li:after { margin:0 0.58vw; font-size:1.01vw; }
#breadcrumbs-en li:last-child::after {}
#breadcrumbs-en li a { font-size:1.01vw; }
#breadcrumbs-en li a:hover { text-decoration:none; }
}
@media screen and (min-width:1381px){
#breadcrumbs-en { width:1100px; padding:0 0 65px; }
#breadcrumbs-en li { font-size:14px; }
#breadcrumbs-en li:after { margin:0 8px; font-size:14px; }
#breadcrumbs-en li:last-child::after {}
#breadcrumbs-en li a { font-size:14px; }
}




/* ----------------------------------------------
 ! en-main-txt
 ---------------------------------------------- */

#en-main-txt { padding:0 4.26vw 16vw; }
#en-main-txt dt { line-height:1.4; border-bottom:1px #707070 solid; margin:0 0 4.26vw; padding:0 0 5.33vw; font-size:5.33vw; }
#en-main-txt dd { line-height:1.6; font-size:4.26vw; }
@media screen and (min-width:769px){
#en-main-txt { width:54.34vw; margin:0 auto; padding:0 0 4.35vw; }
#en-main-txt dt { margin:0 0 1.45vw; padding:0 0 1.16vw; font-size:1.45vw; }
#en-main-txt dd { font-size:1.16vw; }
}
@media screen and (min-width:1381px){
#en-main-txt { width:750px; padding:0 0 60px; }
#en-main-txt dt { margin:0 0 20px; padding:0 0 16px; font-size:20px; }
#en-main-txt dd { font-size:16px; }
}




/* ----------------------------------------------
 ! sub-main-nav
 ---------------------------------------------- */

#sub-main-nav { margin:0 0 16vw; padding:0 4.26vw; }
#sub-main-nav dt { display:table; background:#4D4D4D; padding:2.13vw 3.2vw; font-size:3.2vw; color:#fff; }
#sub-main-nav dd { border-top:1px #707070 solid; border-bottom:1px #707070 solid; padding:8vw 0 2.13vw; }
#sub-main-nav ul { margin:0 0 0 6.4vw; }
#sub-main-nav li { line-height:1.5; padding:0 0 5.87vw; }
#sub-main-nav li a { font-size:4.26vw; color:#000; }
@media screen and (min-width:769px){
#sub-main-nav { width:54.34vw; margin:0 auto 4.35vw; padding:0; }
#sub-main-nav dt { padding:0.58vw 0.87vw; font-size:0.87vw; }
#sub-main-nav dd { padding:0; }
#sub-main-nav ul { display:flex; flex-flow:row wrap; margin:0; }
#sub-main-nav li { width:50%; border-bottom:1px #A0A0A0 dashed; padding:0; list-style:none; }
#sub-main-nav li:nth-child(odd) { border-right:1px #A0A0A0 solid; }
#sub-main-nav li:last-child  { border-bottom:none; }
#sub-main-nav li a { display:block; padding:1.45vw 2.9vw; font-size:1.16vw; position:relative; }
#sub-main-nav li a:before { content:"・"; position:absolute; top:1.45vw; left:1.16vw; }
#sub-main-nav li a:hover { text-decoration:none; }
}
@media screen and (min-width:1381px){
#sub-main-nav { width:750px; }
#sub-main-nav dt { padding:8px 12px; font-size:12px; }
#sub-main-nav dd {}
#sub-main-nav ul {}
#sub-main-nav li {}
#sub-main-nav li:nth-child(odd) {}
#sub-main-nav li:last-child  {}
#sub-main-nav li a { padding:20px 40px; font-size:16px; }
#sub-main-nav li a:before { top:20px; left:16px; }
#sub-main-nav li a:hover {}
}




/* ----------------------------------------------
 ! Common
 ---------------------------------------------- */

.heading-h2-en { line-height:1.4; text-align:center; padding:0 0 10.66vw; font-size:6.93vw; font-weight:400; position:relative; }
.heading-h2-en:after { content:""; position:absolute; bottom:5.33vw; left:50%; width:6.66vw; height:1px; background:#4D4D4D; margin:0 0 0 -3.33vw; }
.en-sec-basic {}
.en-sec-basic dl { padding:0 4.26vw 16vw; }
.en-sec-basic dt { padding:0 0 6.4vw; }
.en-sec-basic dt img { width:100%; height:auto; }
.en-sec-basic dd {}
.en-sec-basic dd h3 { line-height:1.5; padding:0 0 2.13vw; font-size:4.26vw; font-weight:500; }
.en-sec-basic dd p { line-height:1.8; font-size:4.26vw; }
@media screen and (min-width:769px){
.heading-h2-en { padding:0 0 3.26vw; font-size:1.88vw; }
.heading-h2-en:after { bottom:1.45vw; width:1.88vw; margin:0 0 0 -0.94vw; }
.en-sec-basic { }
.en-sec-basic dl { display:flex; flex-flow:row-reverse nowrap; justify-content:space-between; align-items:center; width:54.34vw; margin:0 auto; padding:0 0 4.35vw; }
.en-sec-basic dt { width:24.85vw; padding:0; }
.en-sec-basic dt img {}
.en-sec-basic dd { width:24.85vw; }
.en-sec-basic dd h3 { padding:0 0 0.58vw; font-size:1.16vw; }
.en-sec-basic dd p { font-size:1.16vw; }
}
@media screen and (min-width:1381px){
.heading-h2-en { padding:0 0 45px; font-size:26px; }
.heading-h2-en:after { bottom:20px; width:26px; margin:0 0 0 -13px; }
.en-sec-basic { }
.en-sec-basic dl { width:750px; padding:0 0 60px; }
.en-sec-basic dt { width:343px; padding:0; }
.en-sec-basic dt img {}
.en-sec-basic dd { width:343px; }
.en-sec-basic dd h3 { padding:0 0 8px; font-size:16px; }
.en-sec-basic dd p { font-size:16px; }
}




/* ----------------------------------------------
 ! en-art-concept
 ---------------------------------------------- */

#en-art-concept .en-sec-basic dd { display:flex; flex-flow:row nowrap; }
#en-art-concept .en-sec-basic dd h3 { margin:0 1.09vw 0 0; }
@media screen and (min-width:769px){
#en-art-concept .en-sec-basic dd h3 { margin:0 0.58vw 0 0; }
}
@media screen and (min-width:1381px){
#en-art-concept .en-sec-basic dd h3 { margin:0 8px 0 0; }
}




/* ----------------------------------------------
 ! en-art-first-visit
 ---------------------------------------------- */

#en-art-first-visit { background:#BDAC8B; padding:17.33vw 0 0; }
@media screen and (min-width:769px){
#en-art-first-visit { padding:4.71vw 0 0; }
}
@media screen and (min-width:1381px){
#en-art-first-visit { padding:65px 0 0; }
}




/* ----------------------------------------------
 ! en-art-menu
 ---------------------------------------------- */

#en-art-menu { padding:17.33vw 4.26vw 13.33vw; }
#en-art-menu h2 { line-height:1.4; border-bottom:1px #65596A solid; margin:0 0 5.33vw; padding:0 0 4.26vw; font-size:5.33vw; }
#en-art-menu p { line-height:1.6; padding:0 0 8vw; font-size:4.26vw; }
#en-art-menu ul {}
#en-art-menu li { margin:0 0 2.66vw; list-style:none; }
#en-art-menu li a { pointer-events:none; display:flex; flex-flow:row nowrap; text-decoration:none; }
#en-art-menu li figure { width:17.33vw; }
#en-art-menu li figure img { width:100%; height:auto; }
#en-art-menu li h3 { display:flex; align-items:center; width:calc( 100% - 17.33vw ); background:#A79061; padding:0 5.33vw; font-size:4.26vw; color:#fff; font-weight:400; }
@media screen and (min-width:769px){
#en-art-menu { width:54.34vw; margin:0 auto; padding:4.71vw 0 3.62vw; }
#en-art-menu h2 { margin:0 0 1.45vw; padding:0 0 1.16vw; font-size:1.45vw; }
#en-art-menu p { padding:0 0 2.17vw; font-size:1.16vw; }
#en-art-menu ul { display:flex; flex-flow:row wrap; justify-content:space-between; }
#en-art-menu li { width:24.85vw; margin:0 0 0.72vw; }
#en-art-menu li a {}
#en-art-menu li figure { width:4.71vw; }
#en-art-menu li figure img {}
#en-art-menu li h3 { width:calc( 100% - 4.71vw ); padding:0 1.45vw; font-size:1.16vw; }
}
@media screen and (min-width:1381px){
#en-art-menu { width:750px; padding:65px 0 50px; }
#en-art-menu h2 { margin:0 0 20px; padding:0 0 16px; font-size:20px; }
#en-art-menu p { padding:0 0 30px; font-size:16px; }
#en-art-menu ul {}
#en-art-menu li { width:343px; margin:0 0 10px; }
#en-art-menu li a {}
#en-art-menu li figure { width:65px; }
#en-art-menu li figure img {}
#en-art-menu li h3 { width:calc( 100% - 65px ); padding:0 20px; font-size:16px; }
}




/* ----------------------------------------------
 ! en-art-dentist
 ---------------------------------------------- */

#en-art-dentist { background:url(../img/english/bg_dentist.webp) center top/cover no-repeat; padding:18.66vw 4.26vw 16vw; }
#en-art-dentist .heading-h2-en { color:#fff; }
#en-art-dentist .heading-h2-en:after { background:#fff; }
#en-dentist-wrap { background:#fff; padding:16vw 8vw 0; }
#en-dentist-dr { padding:0 0 12vw; }
#en-dentist-dr dt { width:45.33vw; margin:0 auto 4.26vw; }
#en-dentist-dr dt img { width:100%; height:auto; }
#en-dentist-dr dd { text-align:center; font-size:5.33vw; }
@media screen and (min-width:769px){
#en-art-dentist { background:url(../img/english/bg_dentist_pc.webp) center top/cover no-repeat; padding:5.07vw 0 4.35vw; }
#en-art-dentist .heading-h2-en {}
#en-art-dentist .heading-h2-en:after {}
#en-dentist-wrap { width:54.34vw; margin:0 auto; padding:4.35vw 0 0; }
#en-dentist-dr { padding:0 0 3.26vw; }
#en-dentist-dr dt { width:12.31vw; margin:0 auto 1.16vw; }
#en-dentist-dr dt img {}
#en-dentist-dr dd { font-size:1.45vw; }
}
@media screen and (min-width:1381px){
#en-art-dentist { padding:70px 0 60px; }
#en-art-dentist .heading-h2-en {}
#en-art-dentist .heading-h2-en:after {}
#en-dentist-wrap { width:750px; padding:60px 0 0; }
#en-dentist-dr { padding:0 0 45px; }
#en-dentist-dr dt { width:170px; margin:0 auto 16px; }
#en-dentist-dr dt img {}
#en-dentist-dr dd { line-height:1.6; font-size:20px; }
}



.en-dentist-sec { padding:0 0 7.97vw; }
.en-dentist-sec h3 { display:table; background:#4D4D4D; margin:0 0 5.33vw; padding:2.13vw 4.26vw; font-size:3.2vw; color:#fff; font-weight:500; position:relative; }
.en-dentist-sec h3:after { content:""; position:absolute; bottom:0; left:0; width:75.46vw; height:1px; background:#707070; }
.dentist-bio { line-height:1.6; border-bottom:1px #E6E6E6 solid; margin:0 0 5.33vw; padding:0 0 5.33vw; }
.dentist-bio h4 { padding:0 0 2.13vw; font-size:4.26vw; }
.dentist-bio p { font-size:4.26vw; }
#aca-society-ul { margin:0 0 0 5.33vw; padding:0 0 5.33vw; }
#aca-society-ul li { line-height:1.6; padding:0 0 2.13vw; font-size:4.26vw; }
@media screen and (min-width:769px){
.en-dentist-sec { width:36.23vw; margin:0 auto; padding:0 0 2.17vw; }
.en-dentist-sec h3 { margin:0 0 1.45vw; padding:0.58vw 1.16vw; font-size:0.87vw; }
.en-dentist-sec h3:after { width:36.23vw; }
.dentist-bio { margin:0 0 1.16vw; padding:0 0 1.16vw; }
.dentist-bio h4 { padding:0 0 0.58vw; font-size:1.16vw; }
.dentist-bio p { font-size:1.16vw; }
#aca-society-ul { margin:0 0 0 1.45vw; padding:0 0 1.45vw; }
#aca-society-ul li { padding:0 0 0.58vw; font-size:1.16vw; }
}
@media screen and (min-width:1381px){
.en-dentist-sec { width:500px; padding:0 0 30px; }
.en-dentist-sec h3 { margin:0 0 20px; padding:8px 16px; font-size:12px; }
.en-dentist-sec h3:after { width:500px; }
.dentist-bio { margin:0 0 16px; padding:0 0 16px; }
.dentist-bio h4 { padding:0 0 8px; font-size:16px; }
.dentist-bio p { font-size:16px; }
#aca-society-ul { margin:0 0 0 20px; padding:0 0 20px; }
#aca-society-ul li { padding:0 0 8px; font-size:16px; }
}




/* ----------------------------------------------
 ! en-art-gallery
 ---------------------------------------------- */

#en-art-gallery { padding:18.66vw 4.26vw 16vw; }
#en-gallery-wrap {}
.slide-top-mv { margin:0 0 2.66vw; }
.slide-top-mv figure {}
.slide-top-mv figure img { width:100%; height:auto; }
.slider-nav {}
.slider-nav figure { margin:0 1.09vw; }
.slider-nav figure img { width:100%; height:auto; }
.slider-nav .slick-current { background:#000; }
.slider-nav .slick-current img { opacity:0.7; }
@media screen and (min-width:769px){
#en-art-gallery { padding:5.07vw 0 4.35vw; }

}
@media screen and (min-width:1381px){
#en-art-gallery { padding:70px 0 60px; }
#en-gallery-wrap {}
.slide-top-mv { width:750px; margin:0 auto 20px; }
.slide-top-mv figure {}
.slide-top-mv figure img {}
.slider-nav { width:1034px; margin:0 auto;  }
.slider-nav figure { margin:0 6px; }
.slider-nav figure img {}
}




/* ----------------------------------------------
 ! en-art-friendly
 ---------------------------------------------- */

#en-art-friendly { background:#3F3E3D; padding:18.66vw 0 0; }
#en-art-friendly .heading-h2-en { color:#fff; }
#en-art-friendly .heading-h2-en:after { background:#fff; }
#en-art-friendly .en-sec-basic p { color:#fff; }
@media screen and (min-width:769px){
#en-art-friendly { padding:5.07vw 0 0; }
#en-art-friendly .heading-h2-en {}
#en-art-friendly .heading-h2-en:after {}
#en-art-friendly .en-sec-basic p {}
}
@media screen and (min-width:1381px){
#en-art-friendly { padding:70px 0 0; }
#en-art-friendly .heading-h2-en {}
#en-art-friendly .heading-h2-en:after {}
#en-art-friendly .en-sec-basic p {}
}




/* ----------------------------------------------
 ! en-art-easy-access
 ---------------------------------------------- */

#en-art-easy-access { background:#BDAC8B; padding:18.66vw 0 0; }
@media screen and (min-width:769px){
#en-art-easy-access { padding:5.07vw 0 0; }
}
@media screen and (min-width:1381px){
#en-art-easy-access { padding:70px 0 0; }
}




/* ----------------------------------------------
 ! en-art-treatment
 ---------------------------------------------- */

#en-art-treatment { padding:18.66vw 0 0; }
@media screen and (min-width:769px){
#en-art-treatment { padding:5.07vw 0 0; }
}
@media screen and (min-width:1381px){
#en-art-treatment { padding:70px 0 0; }
}




/* ----------------------------------------------
 ! en-art-clinic-info
 ---------------------------------------------- */

#en-art-clinic-info { background:#3F3E3D; padding:18.66vw 4.26vw 32vw; }
#en-art-clinic-info .heading-h2-en { color:#fff; }
#en-art-clinic-info .heading-h2-en:after { background:#fff; }
#en-art-clinic-info .en-sec-basic p { color:#fff; }
#en-clinic-mainview {}
#en-clinic-mainview img { width:100%; height:auto; }
#en-clinic-wrap { background:#fff; padding:10.66vw 2.66vw 2.66vw; }
@media screen and (min-width:769px){
#en-art-clinic-info { padding:5.07vw 0 8.7vw; }
#en-clinic-mainview { width:54.34vw; margin:0 auto; }
#en-clinic-mainview img {}
#en-clinic-wrap { width:54.34vw; margin:0 auto; padding:4.35vw 0 1.09vw; }
}
@media screen and (min-width:1381px){
#en-art-clinic-info { padding:70px 0 120px; }
#en-clinic-mainview { width:750px; }
#en-clinic-mainview img {}
#en-clinic-wrap { width:750px; padding:60px 0 15px; }
}



.en-clinic-sec { border-bottom:1px #B8B8B8 solid; margin:0 0 5.33vw; padding:0 0 5.33vw; position:relative; }
.en-clinic-sec:last-child { border-bottom:none; }
.en-clinic-sec dl { display:flex; flex-flow:row-reverse nowrap; justify-content:space-between; padding:0 0 2.66vw; }
.en-clinic-sec dt { width:26.66vw; }
.en-clinic-sec dt img { width:100%; height:auto; }
.en-clinic-sec dd { width:60vw; }
.en-clinic-sec dd h3 { line-height:1.4; padding:0 0 4.26vw; font-size:4.53vw; font-weight:500; letter-spacing:0.14vw; }
#en-opsia-sec h3 { color:#EE7427; }
#en-amu-sec h3 { color:#B0154A; }
#en-luxe-sec h3 { color:#B6A26B; }
.en-clinic-txt { line-height:1.5; padding:0 0 3.33vw; font-size:2.93vw; }
.en-clinic-tel {}
.en-clinic-tel a { font-size:3.46vw; color:#000; letter-spacing:0.29vw; text-decoration:none; }
.open-sun { position:absolute; top:18.8vw; right:28.26vw; line-height:1.2; background:#414141; padding:1.06vw 1.33vw; font-size:2.66vw; color:#fff; font-weight:400; }
@media screen and (min-width:769px){
.en-clinic-sec { width:36.23vw; margin:0 auto 2.17vw; padding:0 0 2.17vw; }
.en-clinic-sec dl { padding:0 0 1.01vw; }
.en-clinic-sec dt { width:10.94vw; }
.en-clinic-sec dt img {}
.en-clinic-sec dd { width:24.27vw; }
.en-clinic-sec dd h3 { padding:0 0 1.74vw; font-size:1.81vw; letter-spacing:1px; }
#en-opsia-sec h3 {}
#en-amu-sec h3 {}
#en-luxe-sec h3 {}
.en-clinic-txt { padding:0 0 1.74vw; font-size:1.16vw; }
.en-clinic-tel {}
.en-clinic-tel a { font-size:1.37vw; letter-spacing:0.14vw; }
.open-sun { top:7.82vw; right:11.73vw; padding:0.36vw 0.58vw; font-size:1.09vw; }
}
@media screen and (min-width:1381px){
.en-clinic-sec { width:500px; margin:0 auto 30px; padding:0 0 30px; }
.en-clinic-sec dl { padding:0 0 14px; }
.en-clinic-sec dt { width:151px; }
.en-clinic-sec dt img {}
.en-clinic-sec dd { width:335px; }
.en-clinic-sec dd h3 { padding:0 0 24px; font-size:25px; letter-spacing:1px; }
#en-opsia-sec h3 {}
#en-amu-sec h3 {}
#en-luxe-sec h3 {}
.en-clinic-txt { padding:0 0 24px; font-size:16px; }
.en-clinic-tel {}
.en-clinic-tel a { font-size:19px; letter-spacing:2px; }
.open-sun { top:108px; right:162px; padding:5px 8px; font-size:15px; }
}



.en-clinic-sec table { width:100%; line-height:1.5; border-collapse:collapse; margin:0 0 2.13vw; }
.en-clinic-sec thead th { vertical-align:middle; text-align:center; border-bottom:1px #CBCBCB solid; border-left:1px #CBCBCB solid; padding:1.33vw 0; font-size:2.66vw; font-weight:400; }
.en-clinic-sec thead th:first-child { border-left:none; }
.en-clinic-sec tbody th { vertical-align:middle; text-align:center; padding:2.13vw 0; font-size:2.66vw; font-weight:400; }
.en-clinic-sec tbody td { vertical-align:middle; text-align:center; border-left:1px #CBCBCB solid; padding:2.13vw 0; font-size:3.2vw; font-weight:400; }
#en-opsia-sec tbody td { color:#EE7427; }
#en-amu-sec tbody td { color:#B0154A; }
#en-luxe-sec tbody td { color:#B6A26B; }
.en-clinic-close { text-align:right; font-size:2.93vw; }
@media screen and (min-width:769px){
.en-clinic-sec table { margin:0 0 0.87vw; }
.en-clinic-sec thead th { padding:0.58vw 0; font-size:1.09vw; }
.en-clinic-sec thead th:first-child {}
.en-clinic-sec tbody th { padding:1.01vw 0; font-size:1.09vw; }
.en-clinic-sec tbody td { padding:1.01vw 0; font-size:1.3vw; }
#en-opsia-sec tbody td {}
#en-amu-sec tbody td {}
#en-luxe-sec tbody td {}
.en-clinic-close { font-size:1.16vw; }
}
@media screen and (min-width:1381px){
.en-clinic-sec table { margin:0 0 12px; }
.en-clinic-sec thead th { padding:8px 0; font-size:15px; }
.en-clinic-sec thead th:first-child {}
.en-clinic-sec tbody th { padding:14px 0; font-size:15px; }
.en-clinic-sec tbody td { padding:14px 0; font-size:18px; }
#en-opsia-sec tbody td {}
#en-amu-sec tbody td {}
#en-luxe-sec tbody td {}
.en-clinic-close { font-size:16px; }
}




