@charset 'UTF-8';@-webkit-keyframes gNavAnime{0%{color:#fff}100%{color:#f27405}}@keyframes gNavAnime{0%{color:#fff}100%{color:#f27405}}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:YuGothic,'Yu Gothic',sans-serif}a{color:#333;text-decoration:none}ul li{list-style-type:none}body header{position:absolute;top:0;left:0;right:0;z-index:2;-webkit-transition:all .3s;transition:all .3s;letter-spacing:.1em}.description{display:none}body header .header-inner{max-width:1200px;width:100%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:14px;padding-bottom:28px}body header .header-inner .header-left a img{max-width:100%}body header .header-inner .header-left a:hover{opacity:.5;-webkit-transition:.5s all;transition:.5s all}body header .header-inner .header-right #gNav{display:-webkit-box;display:-ms-flexbox;display:flex}body header .header-inner .header-right #gNav .gNav-item{list-style:none;font-size:16px;margin-right:30px;font-weight:700}body header .header-inner .header-right #gNav .gNav-item:last-child{margin-right:0}body header .header-inner .header-right #gNav .gNav-item a{color:#333;text-decoration:none;position:relative}body header .header-inner .header-right #gNav .gNav-item a:hover{-webkit-animation:gNavAnime .5s forwards;animation:gNavAnime .5s forwards}body header .header-inner .header-right #gNav .gNav-item a:hover:after{-webkit-transform:scale(1,1);transform:scale(1,1)}body header .header-inner .header-right #gNav .gNav-item a:after{content:'';position:absolute;bottom:-10px;left:0;width:100%;height:2px;background:#f27405;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:left top;transform-origin:left top}body header .header-inner #mobile-nav{display:none;position:fixed;z-index:-1000;opacity:0;top:0;width:100%;height:100vh;background:#fffef8;-webkit-transition:all .3s;transition:all .3s}body header .header-inner #mobile-nav.panelactive{display:block;opacity:1;z-index:999}body header .header-inner #mobile-nav.panelactive #mobile-nav-list{position:fixed;z-index:999;width:100%;height:100vh;overflow:hidden;overflow:auto;-webkit-overflow-scrolling:touch}body header .header-inner #mobile-nav.panelactive ul{display:block}body header .header-inner #mobile-nav ul{display:none;position:absolute;z-index:999;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body header .header-inner #mobile-nav ul li{list-style:none;text-align:center}body header .header-inner #mobile-nav ul li a{color:#f27405;text-decoration:none;padding:16px;display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:700}body header .header-inner .openbtn{position:fixed;z-index:9999;top:10px;right:10px;cursor:pointer;width:50px;height:50px;display:none}body header .header-inner .openbtn span{display:inline-block;-webkit-transition:all .4s;transition:all .4s;position:absolute;left:14px;height:3px;border-radius:2px;background-color:#f27405;width:45%}body header .header-inner .openbtn span:nth-of-type(1){top:15px}body header .header-inner .openbtn span:nth-of-type(2){top:23px}body header .header-inner .openbtn span:nth-of-type(3){top:31px}body header .header-inner .openbtn.active span:nth-of-type(1){top:18px;left:18px;-webkit-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg);width:30%}body header .header-inner .openbtn.active span:nth-of-type(2){opacity:0}body header .header-inner .openbtn.active span:nth-of-type(3){top:30px;left:18px;-webkit-transform:translateY(-6px) rotate(45deg);transform:translateY(-6px) rotate(45deg);width:30%}.tel-number{display:none}body main .archive-mv{width:100%;height:560px;background:url(//www.odate-dc.jp/wp-content/themes/odate-dental/css/../img/treatment/treatment_bg.png);background-size:cover;background-repeat:no-repeat;position:relative}body main .archive-mv .archive-mv-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}body main .archive-mv .archive-mv-title h2{font-family:"Oswald",sans-serif;color:#f27405;font-size:55px;font-weight:400;text-transform:uppercase;margin-bottom:20px}body main .archive-mv .archive-mv-title p{font-size:30px;font-weight:700}@media (max-width:1023px){body header .header-inner .header-right #gNav .gNav-item{font-size:15px;margin-right:12px}}.slide-right{opacity:0;transform:translate(20px,0);transition:all .5s ease-out}.slide-bottom{opacity:0;transform:translate(0,50px);transition:all .8s ease-out}.sec01{margin:0 auto;max-width:1200px;margin-top:125px;margin-bottom:100px}.sec01 .ttl{text-align:center}.sec01 .ttl h3{font-size:26px;margin-bottom:10px;color:#f28705;display:inline-block;position:relative}.sec01 .ttl h3:after{content:"";background:#f28705;width:80px;height:2px;display:block;position:absolute;left:60px;top:40px}.flow{width:50%;display:inline-block;margin-top:100px}h4{font-size:22px;color:#404040;font-family:"YuGothic"}span{color:#f28705}h4:after{content:"";background:#f28705;max-width:600px;height:2px;display:block;margin-top:6px}.flow-l{margin-bottom:37px}.flow p{font-size:16px;font-family:"YuGothic";color:#404040;margin-top:7px}.img-t{width:40%;display:inline-block}.img-t-01{width:100%;height:100%;max-width:450px;max-height:270px;margin-left:5vw;margin-bottom:60px}.img-t-02{width:100%;height:100%;max-width:450px;max-height:270px;margin-left:10vw}.sec02{background:#fff5dd;width:100%}.sec02 .ttl{padding-top:83px;text-align:center}.sec02 .ttl h3{font-size:26px;margin-bottom:10px;color:#f28705;display:inline-block;position:relative}.sec02 .ttl h3:after{content:"";background:#f28705;width:80px;height:2px;display:block;position:absolute;left:75px;top:40px}.sec02 p{text-align:center;margin-top:50px;margin-bottom:67px;font-weight:700;font-family:"YuGothic","Yu Gothic"}.sec02 p:after{content:"";max-width:360px;height:20px;background:rgba(255,172,60,.25);display:block;margin:0 auto;position:relative;top:-10px}.promise{display:flex;flex-flow:row wrap;justify-content:center;padding-bottom:110px;max-width:1400px;margin:0 auto}.num{width:63px;height:63px;border-radius:50%;background:#f28705;color:#fff;display:inline-block;position:relative;text-align:center;line-height:63px;font-family:"Yu Gothic";font-size:35px;top:-30px;left:16px}.p-box{width:350px;height:250px;background:#fff;margin:40px;box-shadow:0 4px 4px 0 rgba(0,0,0,.2)}.p-box h5{color:#f28705;font-size:35px;font-family:"YuMincho","Yu Mincho";text-align:center;position:relative;top:-20px}.p-box h5:after{content:"";width:80px;height:13px;background:rgba(255,172,60,.25);display:block;margin:0 auto;position:relative;top:-10px}.p-box p{font-size:14px;font-family:"YuGothic","Yu Gothic";text-align:left;font-weight:400;line-height:1.5;margin:22px 35px 35px}.p-box p:after{display:none}.treatment{max-width:1200px;margin:0 auto;margin-top:125px}.treatment{max-width:1200px;margin:0 auto;margin-top:125px}.treatment .ttl{text-align:center}.treatment .ttl h3{color:#f27405;font-size:26px;margin-bottom:10px;color:#f28705;display:inline-block;position:relative}.treatment .ttl h3:after{content:"";background:#f28705;width:80px;height:2px;display:block;position:absolute;left:10px;top:40px}@keyframes just{0%{stroke-dashoffset:50px}100%{stroke-dashoffset:0px}}.treatment-contents{display:flex;flex-wrap:wrap;justify-content:center;max-width:1100px;margin:100px auto 0 auto;position:relative;width:90%}.treatment-box{margin:15px;opacity:1;transform:translateY(10px);transition:all .5s}.treatment-box.show{opacity:1;transform:translateY(0)}.treatment-box.show:nth-of-type(1){transition-delay:0s}.box{width:140px;height:140px;background:#f27405;position:relative;border-radius:20%}.icon{padding-top:35px;width:70px;height:70px;margin:0 auto}.box:hover img{transform:rotateY(360deg)}.icon img{width:70px;height:70px;transition:1s;transform:rotateY(0deg)}.treatment-box p{text-align:center;margin-top:15px;font-weight:700;margin-bottom:30px}.link-btn2{text-align:center;margin-top:60px}.btn{background-color:#fff;padding:15px 60px;color:#333;border:1px solid #8ebf45;font-weight:500;position:relative;text-align:left;text-decoration:none}.btn:after{position:absolute;top:50%;right:.6em;width:.5em;height:.5em;transform:translateY(-50%) rotate(45deg);border-right:2px solid currentColor;border-top:2px solid currentColor;content:""}.btn:hover{color:#fff;background-color:#8ebf45;transition:.5s ease-in-out}@media(max-width:840px) and (min-width:0){.flow{width:100%}.img-t{width:100%}.p-box{margin:40px 10px}.btn{background-color:#fff;padding:15px 60px;color:#333;border:1px solid #8ebf45;font-weight:500;position:relative;text-align:left;text-decoration:none}.btn:after{position:absolute;top:50%;right:.6em;width:.5em;height:.5em;transform:translateY(-50%) rotate(45deg);border-right:2px solid currentColor;border-top:2px solid currentColor;content:""}.btn:hover{color:#fff;background-color:#8ebf45}}footer{margin-top:120px;height:auto;font-weight:700;background-color:#ffe7ba;padding-top:40px;font-size:14px;clear:both;line-height:1.5;letter-spacing:.1em}.footer-flex{display:flex;justify-content:center}.footer-nav-list{display:flex;width:230px;height:200px;flex-flow:column wrap}.f-nav-list-item{padding-bottom:20px;padding-right:4vw}.f-nav-list2{margin-left:3vw}.f-nav-list2 p{padding-bottom:20px}.footer-nav-list2{display:flex;flex-flow:column wrap;width:600px;height:120px;padding-left:40px}.f-nav-list-item2{padding-bottom:14px;padding-right:3vw}.f-nav-list-item2 a{color:#797979}.copyright{font-size:12px;text-align:center}@media (max-width:768px){body header .header-inner .openbtn{display:block !important}body header .header-inner .header-right{display:none}}@media (max-width:1023px){.footer-nav-list2{width:300px;height:260px}.f-nav-list-item2{padding-bottom:20px}.f-nav-list2{margin-left:0}.copyright{margin-top:40px}}@media (max-width:768px){.dental-table{width:100%}.footer-nav-list{width:130px;height:auto}}@media (max-width:500px) and (min-width:0px){.description{background-color:#ffebaa;text-align:center;display:block}.description p{font-size:10px;padding-top:7px;padding-bottom:7px}body header .header-inner{background-color:#fff5dd;justify-content:center;padding-top:5px;padding-bottom:5px}body header .header-inner .header-left a img{width:180px;height:40px}body header .header-inner .openbtn{top:37px;right:15px}.tel-number{display:block;background-color:#ffe1aa;padding-bottom:20px;padding-top:20px}.tel-number img{width:310px;height:60px;display:block;margin:0 auto}body main .archive-mv{width:100%;height:200px;margin-top:185px}body main .archive-mv .archive-mv-title{text-align:center;padding-top:50px}body main .archive-mv .archive-mv-title h2{font-size:30px;margin-bottom:15px}body main .archive-mv .archive-mv-title p{font-size:15px}}@media (max-width:500px) and (min-width:0px){.sec01{max-width:450px;margin-top:25px;margin-bottom:0;padding-left:20px;padding-right:20px}.sec01 .ttl h3{font-size:18px}.sec01 .ttl h3:after{width:50px;height:3px;left:50px;top:40px}.flow{margin-top:40px}.flow .flow-l h4{font-size:16px}.flow .flow-l h4:after{margin-top:10px}.flow .flow-l p{font-size:14px;margin-top:15px}.img-t-01{display:none}.img-t-02{margin-left:0}}@media (max-width:500px) and (min-width:0px){.sec02{margin-top:40px}.sec02 .ttl{padding-top:30px}.sec02 .ttl h3{font-size:18px}.sec02 .ttl h3:after{width:50px;height:2px;left:60px;top:30px}.sec02 p{font-size:17px;text-align:center;margin-bottom:10px}.sec02 .promise{padding-bottom:50px}.sec02 .promise .p-box{width:250px;height:150px;margin-bottom:25px}.sec02 .promise .num{width:50px;height:50px;border-radius:50%;font-size:20px;top:-30px;left:10px}.sec02 .promise .p-box h5{font-size:18px;margin-top:-10px}.sec02 .promise .p-box h5:after{width:25px;height:13px;top:-10px}.sec02 .promise .p-box p{font-size:12px;margin-top:-10px;margin-left:10px;margin-right:10px;margin-bottom:0;text-align:justify}}@media (max-width:500px) and (min-width:0px){.sec03{margin-top:40px}.treatment{margin-top:0;margin:0 auto;max-width:450px}.treatment .ttl h3{font-size:18px}.treatment .ttl h3:after{width:50px;top:30px}.treatment-contents{margin-top:60px;justify-content:space-around}.treatment .treatment-box{margin:0}.treatment .treatment-box .box{width:100px;height:100px}.treatment .treatment-box .box .icon{padding-top:25px}.icon img{width:50px;height:50px;margin:0 auto;display:block}.treatment .treatment-box p{font-size:12px}}@media (min-width:481px) and (max-width:520px){.footer-nav-list2{padding-left:0}.f-nav-list-item2{padding-right:0}}@media (max-width:480px){footer{margin-top:40px}.footer-flex{flex-direction:column}.f-nav-list2{margin:0 auto}.footer-nav-list2{padding-left:0;width:240px}.footer-nav-list{width:280px;height:180px;margin:0 auto;text-align:center}.f-nav-list-item2{font-size:12px}.copyright{font-size:10px}}