.iScrollVerticalScrollbar{ display: none; }

section{ display: block; width: 100vw; height: 100vh; position: relative; background-color: #fff; z-index: 1; }

header .gnav li a{ position: relative; }
header .gnav li a:after{ content: ''; width: 0; height: 1px; background: #e6e6e6; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); transition: .4s; }
header .gnav li.active.nav-current a:after{ width: 60px; }
header .gnav li.nav07.active a:after,
header.invert .gnav li.nav07 a:after{ width: 60px; background: #000; }

.right-nav{ position: fixed; top: 50%; right: 25px; z-index: 999; transform: translateY(-50%); }
.right-nav small{ -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; display: block; font-size: 11px; margin: 0 0 35px 3px; transition: .3s; }
.right-nav ul li a{ width: 4px; height: 4px; border-radius: 8px; background: #0b0b0d; margin: 14px auto; transition: .6s; display: block; }
.right-nav ul li a.active{ width: 8px; height: 8px; }

header.invert li, header.invert .logo, .right-nav.invert ul li a, .right-nav.invert small{ -webkit-filter: invert(100%); filter: invert(100%); }

.mv{ /*background: url(../images/index/mv01.jpg) no-repeat; background-size: cover; background-position: center;*/ background: transparent; }
/*.mv:after{ content: ''; width: 100%; height: 100%; background-image: radial-gradient(rgba(255,255,255,.2) 16%, transparent 16%), radial-gradient(rgba(255,255,255,.2) 16%, transparent 16%); background-position: 0 0, 4px 4px; background-size: 4px 4px; position: absolute; top: 0; left: 0; z-index: 0; }*/
.mv h2{ font-size: 24px; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); text-align: center; padding-top: 57px; background: url(../images/index/webp/mv-ttl01.webp) no-repeat; background-size: 88px; background-position: top center; z-index: 2; white-space: nowrap; transition: 1s; }
.mv.has-news h2{ bottom: 170px; }
.no-webp .mv h2{ background: url(../images/index/mv-ttl01.png) no-repeat; background-size: 88px; background-position: top center; }
video{ display: block; min-width: 100vw; min-height: 100vh; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 0; }
.mv #news{ opacity: 0; visibility: hidden; transition: opacity 1s, visibility 1s; }
.mv #news.visible{ width: 675px; margin: 0 auto; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); opacity: 1; visibility: visible; }
.mv #news .news-box{ width: 100%; background: rgba(255, 255, 255, 1); padding: 20px 30px; display: flex; }
.mv #news.visible .news-box h3{ font-size: 24px; width: 100px; line-height: 1; }
.mv #news.visible .news-box .news-content{ width: calc(100% - 100px); }
.mv #news.visible .news-box .news-content dl{ display: flex; width: 100%; }
.mv #news.visible .news-box .news-content dl dt{ width: 100px; }
.mv #news.visible .news-box .news-content dl dd{ width: calc(100% - 100px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mv #news.visible .news-box .news-content dl dd a{ width: 100%; }

.mv #ytBnr{ width: 333px; height: 90px; margin: 0 auto; position: absolute; bottom: 50px; left: 50%; margin-left: 370px;}
	.mv #ytBnr img{ width: auto; height: 100%;}

.main-content{ height: auto; }
.main-content .outer{ width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; }
.main-content .inner{ width: /*880px*/940px; position: relative; z-index: 0; }
.main-content .bg-txt{ font-size: 200px; color: #fbfbfb; position: absolute; z-index: -1; letter-spacing: 0; line-height: .8; display: block; }
.main-content .bg-txt:first-letter{ font-size: 260px; }
.main-content h2{ font-size: 30px; line-height: 1.6; margin-bottom: 40px; }
.main-content .left .content{ padding-left: 40px; border-left: solid 1px #e6e6e6; padding-bottom: 40px; }
.main-content .left .content p{ line-height: 2; }
.main-content .left .content p + p{ margin-top: 2em; }
.slick-slide img.sp{ display: none; }

.main-content .concept .left{ width: /*344px*/400px; }
.main-content .concept .bg-txt{ top: -150px; left: -110px; }
.main-content .concept .item01{ width: 500px; position: absolute; top: -119px; right: -70px; }
@media only screen and (min-width: 768px) and (max-height: 780px){
	.main-content .concept .item01{ top: -70px; }
}
@media(min-width: 1500px){
	.main-content .concept .item01{ width: 550px; top: -80px; right: -80px; }
}

.main-content .about .inner.row{ align-items: flex-end; }
.main-content .about .bg-txt{ right: -80px; top: -70px; text-align: right; }
.main-content .about .left{ width: 430px; }
.main-content .about .right{ width: /*340px*/400px; }
.main-content .about h3{ background: #888888; font-size: 11px; color: #fff; width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; margin-bottom: .6em; }
.main-content .about table{ width: 100%; }
.main-content .about table *{ font-family: inherit; }
.main-content .about table th{ width: 1px; white-space: nowrap; font-size: /*10px*/11px; padding: 1em 2em 1em 0; }
.main-content .about table td{ font-size: /*10px*/11px; padding: 1em 0; }
.main-content .about table tr:not(:last-of-type){ border-bottom: solid 1px #e6e6e6; }
.main-content .about table tr.no-border{ border-bottom: none; }
.main-content .about table tr.no-border th,
.main-content .about table tr.no-border td{ padding-top: 0; padding-bottom: 0; }
.main-content .about table tr.no-border.padding-top *{ padding-top: 1em; }
.main-content .about table tr.no-border.padding-bottom *{ padding-bottom: 1em; }
.main-content .about table + h3{ margin-top: 1.8em; }
.main-content .about .item01{ display: block; width: 460px; max-width: none; margin: 40px 0 0 -30px; }

.main-content .desiner .inner{ width: 950px; }
.main-content .desiner .bg-txt{ top: -60px; left: -110px; }
.main-content .desiner .content{ width: 383px; }
.main-content .desiner .content dl{ align-items: flex-end; padding-bottom: 25px; margin-bottom: 25px; border-bottom: solid 1px #f2f2f2; }
.main-content .desiner .content dl dd{ width: 100px; }
.main-content .desiner .content dl dd img{ display: block; width: 100%; }
.main-content .desiner .content dl dt{ width: calc(100% - 120px); font-size: 10px; letter-spacing: .05em; }
.main-content .desiner .content dl dt h3{ font-size: 22px; }
.main-content .desiner a.btn{ position: absolute; bottom: 0; right: 0; }
.main-content .desiner .item01{ width: 510px; position: absolute; top: 0; right: -10px; }

.main-content .recruit .bg-txt{ top: -100px; left: -110px; }
.main-content .recruit .content{ width: 380px; }
.main-content .recruit .content p{ margin-bottom: 35px; }
.main-content .recruit .content a.btn + a.btn{ margin-top: 25px; }
.main-content .recruit .item01{ width: 460px; position: absolute; top: 0; right: -10px; }

.main-content .access .inner{ width: /*913px*/940px; }
.main-content .access .bg-txt{ top: -100px; left: -100px; }
.main-content .access .inner .row{ padding-left: 40px; border-left: solid 1px #e6e6e6; padding-bottom: 50px; }
.main-content .access h3{ font-size: 16px; margin-bottom: .3em; }
.main-content .access p{ font-size: /*11px*/12px; }
.main-content .access p + p{ margin-top: 1.2em; }
.main-content .access .tel{ font-size: 16px; padding-left: 16px; display: table; margin-top: 20px; background: url(../images/common/icon-tel01.png) no-repeat; background-size: 9.3px; background-position: left center; }
.main-content .access .fax{ font-size: 16px; padding-left: 16px; display: table; background: url(../images/common/icon-fax01.png) no-repeat; background-size: 12px; background-position: left center; }
.main-content .access .fax + h3{ margin-top: 25px; padding-top: 20px; border-top: solid 1px #fbfbfb; }
.main-content .access .left{}
.main-content .access .center{ width: 325px; }
.main-content .access .center h3{ color: #b29240; }
.main-content .access .center .map{ display: block; width: 100%; }
.main-content .access .right{ counter-reset: access; }
.main-content .access .right li{ font-size: /*12px*/13px; padding-left: 1.5em; position: relative; }
.main-content .access .right li:before{ counter-increment: access; content: counter(access); font-size: 10px; width: /*12px*/13px; height: /*12px*/13px; border-radius: 12px; background: #b29240; color: #fff; display: flex; justify-content: center; align-items: center; line-height: 1; letter-spacing: 0; position: absolute; left: 0; top: .35em; }
.main-content .access .right li + li{ margin-top: 1em; }

.main-content .contact .inner{ width: auto; }
.main-content .contact .bg-txt{ top: -180px; left: -130px; }
.main-content .contact .row{ justify-content: flex-start; }
.main-content .contact .left{ border-right: solid 1px #e6e6e6; padding-right: 60px; padding-bottom: 50px; padding-top: 50px; }
.main-content .contact .right{ padding-left: 60px; padding-top: 50px; }
.main-content .contact p{ line-height: 2.2; }
.main-content .contact a.btn{ margin-top: 40px; }

.main-content .slick-dots{ display: flex; counter-reset: main; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); }
.main-content .slick-dots li{ width: 40px; border-bottom: solid 1px; margin: 0 7.5px; color: #e6e6e6; cursor: pointer; transition: .8s; }
.main-content .slick-dots li.slick-active{ color: #0b0b0d; }
.main-content .slick-dots li:before{ counter-increment: main; content: counter(main); display: block; text-align: center; }
.main-content .slick-arrow{ width: 50px; height: 50px; background-repeat: no-repeat; background-size: cover; cursor: pointer; position: absolute; bottom: 50px; z-index: 100; transition: .8s; }
.main-content .slick-arrow.slick-prev{ background-image: url(../images/common/arrow02.png); right: 110px; }
.main-content .slick-arrow.slick-next{ background-image: url(../images/common/arrow01.png); right: 50px; }
.main-content .slick-arrow.slick-disabled{ opacity: 0; visibility: hidden; }

.works-ttl{ width: 100vw; height: 100vh; position: relative; background-color: #0b0b0d; }
.works-ttl .slide-wrap01{ position: absolute; top: 0; left: 0; }
.works-ttl .slide-wrap02{ position: absolute; bottom: 0; left: 0; }
.works-ttl .slide-wrap03{ position: absolute; top: 0; right: 1px; }
.works-ttl .ttl-slide01{ width: 50vw; }
.works-ttl .ttl-slide01 li, .works-ttl .ttl-slide02 li{ background-repeat: no-repeat; background-size: cover; background-position: center; width: 50vw; height: 50vh; }
.works-ttl .ttl-slide01 li.slide01{ background-image: url(../images/index/webp/ttl-slide01-01.webp); }
.no-webp .works-ttl .ttl-slide01 li.slide01{ background-image: url(../images/index/ttl-slide01-01.jpg); }
.works-ttl .ttl-slide01 li.slide02{ background-image: url(../images/index/webp/ttl-slide01-02.webp); }
.no-webp .works-ttl .ttl-slide01 li.slide02{ background-image: url(../images/index/ttl-slide01-02.jpg); }
.works-ttl .ttl-slide01 li.slide03{ background-image: url(../images/index/webp/slide-izumo03.webp); }
.no-webp .works-ttl .ttl-slide01 li.slide03{ background-image: url(../images/index/slide-izumo03.jpg); }
.works-ttl .ttl-slide02{ width: 50vw; }
.works-ttl .ttl-slide02 li.slide01{ background-image: url(../images/index/webp/ttl-slide02-01.webp); }
.no-webp .works-ttl .ttl-slide02 li.slide01{ background-image: url(../images/index/ttl-slide02-01.jpg); }
.works-ttl .ttl-slide02 li.slide02{ background-image: url(../images/index/webp/ttl-slide02-02.webp); }
.no-webp .works-ttl .ttl-slide02 li.slide02{ background-image: url(../images/index/ttl-slide02-02.jpg); }
.works-ttl .ttl-slide02 li.slide03{ background-image: url(../images/index/webp/slide-moute01.webp); }
.no-webp .works-ttl .ttl-slide02 li.slide03{ background-image: url(../images/index/slide-moute01.jpg); }
.works-ttl .ttl-slide03{ width: calc(50vw + 1px); }
.works-ttl .ttl-slide03 li{ background-repeat: no-repeat; background-size: cover; background-position: center; width: calc(50vw + 1px); height: 100vh; }
.works-ttl .ttl-slide03 li.slide01{ background-image: url(../images/index/webp/ttl-slide03-01.webp); }
.no-webp .works-ttl .ttl-slide03 li.slide01{ background-image: url(../images/index/ttl-slide03-01.jpg); }
.works-ttl .ttl-slide03 li.slide02{ background-image: url(../images/index/webp/ttl-slide03-02.webp); }
.no-webp .works-ttl .ttl-slide03 li.slide02{ background-image: url(../images/index/ttl-slide03-02.jpg); }

.works-ttl h2{ font-size: 2.67vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; padding-top: 7.5vw; background: url(../images/index/webp/works-ttl01.webp) no-repeat; background-size: 14.67vw; background-position: top center; color: #fff; }
.no-webp .works-ttl h2{ background: url(../images/index/works-ttl01.png) no-repeat; background-size: 14.67vw; background-position: top center; }

.works{ height: auto; }
.works .works-slide{ position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; }
.works .outer{ width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; }
.works .works-slide .inner{ width: 980px; position: relative; }
.works .works-slide .content{ width: 400px; background: rgba(255,255,255,.93); padding: 20px 20px 15px; position: absolute; left: -80px; bottom: -30px; z-index: 40; transition: .8s; transition-delay: .4s; opacity: 0; box-shadow: 2px 2px 16px -7px rgba(0,0,0,0.35); }
.works .works-slide.slick-current .content{ opacity: 1; }
.works .works-slide .photo-slide li{ max-height: 70vh; overflow: hidden; }
.works .works-slide .photo-slide .slick-counter{ position: absolute; top: 0px; right: -30px; color: #fff; }
.works .works-slide .photo-slide .slick-counter span{ display: block; font-size: 12px; text-align: center; }
.works .works-slide .photo-slide .slick-counter .slider-progress{ width: 20px; height: 1px; background: #8f8f8f; position: relative; }
.works .works-slide .photo-slide .slick-counter .slider-progress div{ height: 100%; background: #fff; position: absolute; left: 0; top: 0; }
.works .works-slide .content .cat{ width: 140px; height: 30px; font-size: 12px; color: #fff; background: #888; display: flex; justify-content: center; align-items: center; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight: 500; margin-bottom: 8px; }
.works .works-slide .content h3{ font-size: 20px; /*margin-bottom: 10px;*/ letter-spacing: .08em; line-height: 1.6; }
.works .works-slide .content p{ font-size: 10px; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight: 500; }
.works .works-slide .medial-link, .works .works-slide .dental-link{ width: 341px; height: 50px; display: flex; align-items: center; background: #0b0b0d; position: absolute; top: 20px; right: 20px; padding: 10px 20px; }
.works .works-slide .dental-link{ width: 332px; }
.works .works-slide .medial-link .logo, .works .works-slide .dental-link .logo{ width: 151px; padding-right: 11px; display: block; }
.works .works-slide .dental-link .logo{ width: 141px; }
.works .works-slide .medial-link .logo img, .works .works-slide .dental-link .logo img{ display: block; }
.works .works-slide .medial-link .txt, .works .works-slide .dental-link .txt{ display: block; font-size: 11px; color: #fff; width: calc(100% - 151px); padding-left: 14px; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; line-height: 1.4; border-left: solid 1px #4d4d4d; background: url(../images/common/icon-window01.png) no-repeat; background-size: 19px; background-position: center right }
.works .works-slide .dental-link .txt{ width: calc(100% - 141px); }

.works .intro{ background: url(../images/index/webp/bg-intro01.webp) no-repeat; background-size: cover; background-position: center; position: relative; }
.no-webp .works .intro{ background: url(../images/index/bg-intro01.jpg) no-repeat; background-size: cover; background-position: center; }
.works .intro .inner{ width: 650px; background: #fff; padding: 45px 25px 30px; position: relative; z-index: 1; margin-top: 60px; }
/*.works .intro .inner:before{ content: ''; width: 100%; height: 61px; background: url(../images/index/logo01.png) no-repeat; background-size: contain; position: absolute; top: -44px; left: 0; z-index: -1; }*/
.works .intro .inner h2{ font-size: 22px; text-align: center; margin-bottom: 25px; }
.works .intro .inner p{ line-height: 2.2; margin-bottom: 30px; letter-spacing: .12em; }
.works .intro .cat-list{ display: flex; flex-wrap: wrap; }
.works .intro .cat-list li{ width: 180px; margin-right: 30px; }
.works .intro .cat-list li:nth-of-type(3n){ margin-right: 0; }
.works .intro .cat-list li:nth-of-type(n+4){ margin-top: 20px; }
.works .slick-arrow { width: 50px; height: 50px; background-repeat: no-repeat; background-size: cover; cursor: pointer; position: absolute; bottom: 50px; z-index: 100; transition: .8s; }
.works .slick-arrow.slick-next { background-image: url(../images/common/arrow03.png); right: 50px; }
.works .slick-arrow.slick-prev { background-image: url(../images/common/arrow04.png); right: 110px; }
.works .slick-arrow.slick-disabled { opacity: 0; visibility: hidden; }
.works .slick-dots{ position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); display: flex; align-items: flex-end; }
.works .slick-dots li{ color: #666; margin: 0 7.5px; font-size: 11px; border-bottom: solid 1px; text-align: center; line-height: 1.4; padding-bottom: .2em; cursor: pointer; transition: .8s; }
.works .slick-dots li.slick-active{ color: #fff; }
.works .slick-dots li:nth-of-type(4),
.works .slick-dots li:nth-of-type(6),
.works .slick-dots li:nth-of-type(7),
.works .slick-dots li:nth-of-type(9),
.works .slick-dots li:nth-of-type(10),
.works .slick-dots li:nth-of-type(12),
.works .slick-dots li:nth-of-type(13){ display: none; }
@media only screen and (min-width: 768px) and (max-height: 780px){
	.works .slick-arrow{ bottom: 25px; }
	.works .slick-dots{ bottom: 25px; }
	.works .works-slide .content{ bottom: -40px; }
}

.works .works-slide.oculo{ background-image: url(../images/index/webp/bg-oculo01.webp); }
.no-webp .works .works-slide.oculo{ background-image: url(../images/index/bg-oculo01.jpg); }
.works .works-slide.denen{ background-image: url(../images/index/webp/bg-denen01.webp); }
.no-webp .works .works-slide.denen{ background-image: url(../images/index/bg-denen01.jpg); }
.works .works-slide.tsukiyama{ background-image: url(../images/index/webp/bg-tsukiyama01.webp); }
.no-webp .works .works-slide.tsukiyama{ background-image: url(../images/index/bg-tsukiyama01.jpg); }
.works .works-slide.play{ background-image: url(../images/index/webp/bg-play01.webp); }
.no-webp .works .works-slide.play{ background-image: url(../images/index/bg-play01.jpg); }
.works .works-slide.sunny{ background-image: url(../images/index/webp/bg-sunnycare01.webp); }
.no-webp .works .works-slide.sunny{ background-image: url(../images/index/bg-sunnycare01.jpg); }
.works .works-slide.izumo{ background-image: url(../images/index/webp/bg-izumo01.webp); }
.no-webp .works .works-slide.izumo{ background-image: url(../images/index/bg-izumo01.jpg); }
.works .works-slide.kamatori{ background-image: url(../images/index/webp/bg-kamatori01.webp); }
.no-webp .works .works-slide.kamatori{ background-image: url(../images/index/bg-kamatori01.jpg); }
.works .works-slide.takano{ background-image: url(../images/index/webp/bg-takano01.webp); }
.no-webp .works .works-slide.takano{ background-image: url(../images/index/bg-takano01.jpg); }
.works .works-slide.takano2{ background-image: url(../images/index/webp/bg-takano2_01.webp); }
.no-webp .works .works-slide.takano2{ background-image: url(../images/index/bg-takano2_01.jpg); }
.works .works-slide.erable{ background-image: url(../images/index/webp/bg-erable01.webp); }
.no-webp .works .works-slide.erable{ background-image: url(../images/index/bg-erable01.jpg); }
.works .works-slide.nagoya{ background-image: url(../images/index/webp/bg-nagoya01.webp); }
.no-webp .works .works-slide.nagoya{ background-image: url(../images/index/bg-nagoya01.jpg); }
.works .works-slide.birth{ background-image: url(../images/index/webp/bg-birth01.webp); }
.no-webp .works .works-slide.birth{ background-image: url(../images/index/bg-birth01.jpg); }
.works .works-slide.coreeda{ background-image: url(../images/index/webp/bg-coreeda01.webp); }
.no-webp .works .works-slide.coreeda{ background-image: url(../images/index/bg-coreeda01.jpg); }
.works .works-slide.moute{ background-image: url(../images/index/webp/bg-moute01.webp); }
.no-webp .works .works-slide.moute{ background-image: url(../images/index/bg-moute01.jpg); }

.insta{ background: #e6e6e6; display: flex; justify-content: center; align-items: center; }
.insta .inner{ width: 1000px; margin: 120px auto 0; position: relative; z-index: 0; }
.insta .bg-txt{ font-size: 200px; color: #f1f1f1; z-index: -1; letter-spacing: 0; line-height: .8; display: block; position: absolute; }
.insta .bg-txt:first-letter{ font-size: 260px; }
.insta .bg-txt{ top: -.9em; left: -50px; white-space: nowrap; }
.insta #insta-feed{ width: 800px; height: 400px; }
.insta .insta-link{ font-size: 12px; display: table; margin-left: auto; padding-right: 2em; background: url(../images/common/icon-insta01.png) no-repeat; background-size: 12px; background-position: center right; }

.foot-info{ width: 100vw; height: 100vh; background: #e6e6e6; display: flex; align-items: center; justify-content: center; }

.footerlink{
	margin-top: 5em;

}
.footerlink div{
	width: 40%;
	padding: 10px;
    background: black;
	border: 1px solid #fff;
}

.footerlink div p{
	font-size: 12px;
	text-align: center;
	color: #fff;
}