#main_visual{width:100%;height:calc(100dvh - 12.4rem);min-height:calc(900px - 12.4rem);position:relative;background:url(../images/common/icon_teeth.svg) left 13.6rem top 5.8rem/66.4rem auto no-repeat}@media screen and (max-width: 768px){#main_visual{height:35rem;min-height:350px;min-height:auto;background:rgba(0,0,0,0)}}#main_visual .visual{overflow:hidden}#main_visual .visual img{width:100%;height:100%;object-fit:cover}#main_visual .mv01{width:75%;height:60.8rem;border-radius:3rem 0 0 3rem;margin:0 0 0 auto;position:relative;z-index:2;clip-path:polygon(120% 0, 100% 0, 180% 100%, 100% 100%)}@media screen and (max-width: 768px){#main_visual .mv01{width:80%;height:auto;aspect-ratio:300/169;border-radius:1.5rem 0 0 1.5rem}}#main_visual .mv01 img{width:100%;height:100%;object-fit:cover;transform:scale(0.9);transition:.8s cubic-bezier(0.16, 1, 0.3, 1) .5s;transform-origin:right center}#main_visual .mv02{width:30%;height:57.6rem;border-radius:0 3rem 3rem 0;position:absolute;bottom:-5.4rem;left:0;z-index:1;clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)}@media screen and (max-width: 768px){#main_visual .mv02{width:40%;height:auto;aspect-ratio:150/200;border-radius:0 1.5rem 1.5rem 0;position:static;margin-top:-2rem}}#main_visual .mv02 img{width:100%;height:100%;object-fit:cover;transform:rotate(-10deg);transition:.8s cubic-bezier(0.16, 1, 0.3, 1) .2s}#main_visual .scroll{display:flex;flex-direction:column;align-items:center;gap:1rem;position:absolute;right:3.25rem;bottom:3rem;z-index:5}@media screen and (max-width: 768px){#main_visual .scroll{display:none}}#main_visual .scroll .label{font-size:1rem;color:#3a2208;letter-spacing:40%;writing-mode:vertical-rl}#main_visual .scroll::after{content:"";display:block;width:1.5rem;height:1.5rem;flex-shrink:0;background:url(../images/common/icon_updown.svg) center center/100% 100% no-repeat}#main_visual .catch{color:#b2c141;font-size:3rem;letter-spacing:20%;position:absolute;bottom:7rem;right:45rem;z-index:5;opacity:0;filter:blur(3rem);transition:1.6s cubic-bezier(0.25, 1, 0.5, 1) .8s}@media screen and (max-width: 768px){#main_visual .catch{font-size:2rem;right:1.8rem;bottom:6.5rem;line-height:1.5}}#main_visual.init .mv01{animation:clip-right-to-left 1s cubic-bezier(0.16, 1, 0.3, 1) .6s forwards}#main_visual.init .mv01 img{transform:scale(1.02)}#main_visual.init .mv02{animation:clip-left-to-right 1s cubic-bezier(0.16, 1, 0.3, 1) .4s forwards}#main_visual.init .mv02 img{transform:rotate(0)}#main_visual.init .catch{opacity:1;filter:blur(0)}#main_visual+*{margin-top:15rem}@media screen and (max-width: 768px){#main_visual+*{margin-top:6rem}}#splash{display:flex;align-items:center;justify-content:space-between;width:100%;height:100dvh;position:fixed;top:0;left:0;z-index:20000;background:#b2c141;padding:0 10%;filter:blur(0);transition:2s;opacity:1;visibility:visible}@media screen and (max-width: 768px){#splash{flex-direction:column;justify-content:center;padding:20% 0;gap:3rem}}#splash .logo{width:28.6rem}@media screen and (max-width: 768px){#splash .logo{width:20.02rem}}#splash .catch{font-size:3rem;font-weight:500;color:#fff}@media screen and (max-width: 768px){#splash .catch{font-size:1.8rem}}#splash.hide{opacity:0;visibility:hidden;filter:blur(3rem)}#splash.no_anim{transition:none}#info{margin-top:14rem;display:flex}@media screen and (max-width: 768px){#info{flex-direction:column;margin-top:7.2rem}}#info .head{display:flex;flex-direction:column;justify-content:center;width:25%}@media screen and (max-width: 768px){#info .head{width:100%;flex-direction:row;justify-content:space-between;align-items:center}}#info .head h2{color:#b2c141;font-size:3.6rem}@media screen and (max-width: 768px){#info .head h2{font-size:2.4rem}}#info .head .btn{margin-top:4.8rem}@media screen and (max-width: 768px){#info .head .btn{margin-top:0}}#info .contents_body{width:75%}@media screen and (max-width: 768px){#info .contents_body{width:100%;margin-top:2.4rem}}#info .contents_body ul{border-top:1px dashed #e2d3c2}#info .contents_body ul>li{border-bottom:1px dashed #e2d3c2}#info .contents_body ul>li a{display:flex;padding:1.8rem 3rem;align-items:center;text-decoration:none;transition-duration:.3s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);backface-visibility:hidden}@media screen and (max-width: 768px){#info .contents_body ul>li a{flex-direction:column;align-items:flex-start;padding:1.2rem}}#info .contents_body ul>li a time{width:15rem;font-size:1.7rem;font-weight:700;color:#b2c141}#info .contents_body ul>li a:hover{background:rgba(178,193,65,.1)}#value{margin-top:14rem;display:flex;align-items:center;padding-left:calc((100% - 108rem)/2);gap:9.6rem;position:relative}@media screen and (max-width: 768px){#value{flex-direction:column;margin-top:7.2rem;gap:3rem}}@media screen and (max-width: 768px){#value .box{width:calc(100% - 3.6rem)}}#value h2{font-size:2.9rem;font-weight:700;color:#b2c141}@media screen and (max-width: 768px){#value h2{font-size:2.4rem}}#value .contents_body{margin-top:6rem}@media screen and (max-width: 768px){#value .contents_body{margin-top:2.4rem}}#value .pic{width:calc(50% - 4.8rem);flex-shrink:0;clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%);transition:.6s cubic-bezier(0.16, 1, 0.3, 1)}@media screen and (max-width: 768px){#value .pic{width:calc(100% - 1.8rem);margin:0 0 0 auto}}#value::before{content:"What We Value";display:block;color:rgba(58,34,8,.1);font-family:"Cormorant Infant",serif;font-size:12rem;position:absolute;left:0;bottom:-7.2rem}@media screen and (max-width: 768px){#value::before{font-size:5rem;white-space:nowrap;bottom:-3rem}}#value.on .pic{clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)}#about{margin-top:39rem;display:flex;align-items:flex-start;gap:7.2rem;position:relative}@media screen and (max-width: 768px){#about{flex-direction:column;margin-top:7.2rem;gap:2.4rem}}#about .pic.pic01{width:30%;transform:translateY(-14.2rem)}@media screen and (max-width: 768px){#about .pic.pic01{width:60%;order:2;transform:translateY(0)}}#about .pic.pic02{width:20%;transform:translateY(11rem);margin-inline:auto 7.2rem}@media screen and (max-width: 768px){#about .pic.pic02{width:40%;order:2;margin-inline:auto 1.2rem;margin-top:-20rem;transform:translateY(0)}}#about .box{width:30%}@media screen and (max-width: 768px){#about .box{width:calc(100% - 3.6rem);margin-inline:auto;order:1}}#about h2{font-size:2.9rem;font-weight:700;color:#b2c141}@media screen and (max-width: 768px){#about h2{font-size:2.4rem}}#about .contents_body{margin-top:4.8rem}@media screen and (max-width: 768px){#about .contents_body{margin-top:2.4rem}}#about .contents_body .btn{margin-top:4.8rem}@media screen and (max-width: 768px){#about .contents_body .btn{margin-top:2.4rem}}#department{margin:14rem auto 0;display:grid;grid-template-columns:repeat(3, 1fr);gap:3.6rem;padding:0 3.6rem;max-width:144rem}@media screen and (max-width: 768px){#department{margin-top:7.2rem;grid-template-columns:100%;padding:0 1.8rem;gap:1.8rem}}#department .box.medical{background:#eae0d6;padding:3rem;border-radius:3rem;display:flex;flex-direction:column}@media screen and (max-width: 768px){#department .box.medical{padding:1.2rem;border-radius:1.5rem;order:2}}#department .box.medical .visual{height:18.2rem;border-radius:1.8rem;overflow:hidden;object-fit:cover}@media screen and (max-width: 768px){#department .box.medical .visual{border-radius:1rem}}#department .box.medical .visual img{width:100%;height:100%;object-fit:cover}#department .box.medical h3{color:#b2c141;font-size:2rem;margin-top:1.8rem;text-align:center}@media screen and (max-width: 768px){#department .box.medical h3{font-size:1.8rem}}#department .box.medical h3+*{margin-top:1.8rem}#department .box.medical .contents_body{padding-bottom:3rem}@media screen and (max-width: 768px){#department .box.medical .contents_body{padding-bottom:0}}#department .box.medical .btn{margin:auto auto 0;align-self:flex-end}@media screen and (max-width: 768px){#department .box.medical .btn{margin-top:1.2rem}}#department .box.contents{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width: 768px){#department .box.contents{order:1}}#department .box.contents .orn{width:4.4rem}#department .box.contents h2{color:#b2c141;text-align:center;font-size:3rem;font-weight:500;letter-spacing:20%;line-height:1.5}@media screen and (max-width: 768px){#department .box.contents h2{font-size:2.4rem}}#department .box.contents h2+*{margin-top:3.6rem}@media screen and (max-width: 768px){#department .box.contents h2+*{margin-top:2.4rem}}#department .box.contents .contents_body{text-align:center}#department .box.contents .btn{margin:6rem auto 0}@media screen and (max-width: 768px){#department .box.contents .btn{margin-top:1.2rem}}#department .box.inview .visual{opacity:0;transition:.4s;transform:scale(1.1) translateY(-1rem);transform-origin:center bottom}#department .box.inview.on .visual{opacity:1;transform:scale(1) translateY(0)}
