@media only screen and (max-width:768px){.blurFixSP{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}:root{--main-color:#509aca;--clr1:#333;--ttl_size:26px;--pd:10px;--header_height:60px}}body:not(.ovh) .menu_toggle .inside {pointer-events:none}.menu_toggle{background-color:#fff;position:fixed;top:var(--header_height);bottom:0;left:0;width:100%;height:calc(100vh - var(--header_height));padding:0 0 0;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s linear}.menu_toggle.active{opacity:1;visibility:visible}.menu_toggle ul li{position:relative;overflow:hidden}.menu_toggle p{margin-bottom:0}.menu_toggle .inside{-webkit-overflow-scrolling:touch;transition:all .5s ease;height:100%;overflow:auto}.menu_toggle .inside .ft_link{padding:50px 10px}.menu_toggle .inside .ft_link a{color:#000}.menu_toggle .lv2 ul{background-color:rgba(107,158,178,.8)}.menu_toggle .lv2 li{padding:0 10px}.menu_toggle .lv2 li a,.menu_toggle .lv2 li p.title{display:block;position:relative;color:#fff;font-size:13px;padding:10px 10px 10px 25px;border-bottom:1px dotted rgba(255,255,255,.7)}.menu_toggle .lv2 li a::after{content:"›";display:block;position:absolute;top:47%;left:10px;transform:translateY(-50%);font-size:12px;font-weight:normal}#nav-icon{width:45px;height:27px;position:relative;margin:0 auto 0;cursor:pointer;transition:.5s ease-in-out}#nav-icon span{background-color:var(--clr1);display:block;position:absolute;height:2px;width:100%;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}#nav-icon span:nth-child(1) {top:3px}#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {top:12px}#nav-icon span:nth-child(4) {top:21px}#nav-icon.open span:nth-child(1) {top:11px;width:0%;left:50%}#nav-icon.open span:nth-child(2) {transform:rotate(45deg)}#nav-icon.open span:nth-child(3) {transform:rotate(-45deg)}#nav-icon.open span:nth-child(4) {top:11px;width:0%;left:50%}.hamburger-btn{width:60px;height:60px;position:fixed;top:0;right:0;z-index:10;cursor:pointer;transition:all .3s}.hamburger-btn:hover #nav-icon span{background-color:var(--main-color)}.hamburger-btn .button-toggle{position:relative;width:100%;padding:20px 0 0;height:100%;margin:0 auto;text-align:center;color:inherit}@media only screen and (max-width:768px){body{font-size:87.5%}figure{text-align:center}img{max-width:100%}.TabContainer .TabPager li{width:33%}.totop{bottom:55px;right:5px}.totop .icon{width:50px;height:50px}iframe{height:56vw}.under .ud_map iframe{height:100%}.fblock{display:block}.fblock.true{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}.under .topic_path{padding-bottom:10px}.txt_l,.txt_r{float:none;width:auto}.image_l,.image_r{float:none;width:auto;margin:0 0 20px;text-align:center;max-width:none}.btn-group.t_center.flex{justify-content:center;flex-direction:row}.btn-group.flex .btn.style01{margin:10px 10px 0}.btn-group .btn.style01{max-width:280px;margin-left:auto;margin-right:auto}.btn-group .btn.style01 a{padding:7px 10px;font-size:15px}.btn-group .btn.style01.md{min-width:100px}.btn-group .btn.style01.md a{min-height:45px;font-size:14px}p{margin-bottom:13px;line-height:2}a .tel_click:hover{opacity:1;color:inherit}.slick-prev{left:0}.slick-next{right:0}.slick-arrow{z-index:1;top:15vw}.wrapper{padding-top:60px;min-width:inherit}.header_top{width:100%;align-items:center;height:60px;padding:0}.header_top p{margin-bottom:0}.header_top .logo{max-width:calc(100% - 100px);width:auto;margin-left:10px;transform:none}.header_top .logo img{max-height:40px}.bnr .flex{justify-content:center}.bnr .top p,.bnr .bot p{max-width:412px;width:100%;margin:10px auto 0}.bnr .bot{margin-top:0}.bnr .bot a{width:100%;max-width:640px;height:auto;padding:5px 30px;min-height:25vw}.bnr .bot a img{width:95%}.bnr .bot a::after{width:18px;right:3%}#nav-icon{width:33px}#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {top:10px}#nav-icon span:nth-child(4) {top:17px}.hamburger-btn .button-toggle{padding-top:20px}.menu_toggle .inside{padding-bottom:50px}.menu_toggle .inside .ft_link{width:100%;padding:0 10px 60px;margin-bottom:60px}.menu_toggle .inside .ft_link .menu01,.menu_toggle .inside .ft_link .menu02{margin-top:30px;width:100%}.menu_toggle .inside .ft_link .ttl{margin-bottom:20px;font-size: calc(var(--ttl_size) + 0px)}.menu_toggle .inside .ft_link li{font-size:14px}.tel_click{display:block}footer{background-image:url(https://hatani-cl.jp/wp-content/themes/grits_theme/images/xft_bg_sp.jpg.pagespeed.ic.-owwWfy2Wx.jpg);padding:60px 0 30px}footer .ft_info{width:auto;margin:0 auto;text-align:center;max-width:545px}footer .ft_info .tel_click{display:table;margin-left:auto;margin-right:auto}footer .ft_info .ft_logo{margin:0 auto;width:90%;max-width:400px}footer .ft_link{width:auto}.fixed_banner{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;position:fixed;top:auto;bottom:0;left:0;right:auto;width:100%;height:50px;transform:translateY(100%);transition:transform .3s ease-in-out}.fixed_banner.active{transform:translateY(0%)}.fixed_banner p{font-weight:normal}.fixed_banner p::before{margin-bottom:5px}.fixed_banner .tel,.fixed_banner .web,.fixed_banner .mail{position:relative}.fixed_banner .tel p,.fixed_banner .web p,.fixed_banner .mail p{font-size:16px;line-height:1}.fixed_banner .tel p::before,.fixed_banner .web p::before,.fixed_banner .mail p::before{height:16px;margin-bottom:0}.fixed_banner .tel{width:50%}.fixed_banner .tel p span{font-size:18px}.fixed_banner .web{width:50%}.fixed_banner .web p{display:flex;align-items:center}.fixed_banner .web p::before{width:16px;margin-right:11px;background-image:url(https://hatani-cl.jp/wp-content/themes/grits_theme/images/xshared_fixed_bnr_icon02x2.png.pagespeed.ic.7yiQ4TZznL.png)}.fixed_banner .mail{width:30%}.copyright{display:block;padding-top:30px;padding-bottom:80px}.copyright .flex{max-width:600px;margin:auto}.copyright .grits{text-align:center;margin-left:auto;margin-right:auto}.copyright .grits img{margin:auto;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:10px;max-width:140px}.copyright .textwidget{margin-top:10px;border:none;margin-left:auto;margin-right:auto;padding:0 10px;text-align:center}.copyright .textwidget span{display:inline-block}}@media only screen and (max-width:425px){.time_sheet table{font-size:3.5vw}}@media only screen and (max-width:375px){.copyright .textwidget{padding:0}.copyright .textwidget span{display:block}}@media only screen and (max-width:768px){.home_page .key{height:calc(100vh - 80px);max-height:145vw;min-height:280px;z-index:3}.home_page .key .key_text .item{padding:10px;height:calc(100vh - 80px);max-height:145vw;min-height:280px}.home_page .key .key_text .inner{padding:10px 5%}.home_page .key .scroll{width:50px;left:calc(50% - 25px);bottom:-25px}.home_page .key h2{font-size:30px}.home_page .key p{font-size:20px}}@media only screen and (max-width:640px){.home_page .key h2{font-size:6vmin}.home_page .key p{font-size:4vmin}}@media only screen and (max-width:768px) and (orientation:portrait){.key .s1{background-image:url(https://hatani-cl.jp/wp-content/themes/grits_theme/images/idx_mv01_sp.jpg)}.key .s2{background-image:url(https://hatani-cl.jp/wp-content/themes/grits_theme/images/idx_mv02_sp.jpg)}.key .s3{background-image:url(https://hatani-cl.jp/wp-content/themes/grits_theme/images/idx_mv03_sp.jpg)}}@media only screen and (max-width:768px){.home_page h3{margin-bottom:30px;font-size:calc(var(--ttl_size) - 2px);text-align:center}.home_page h3.st2{font-size:var(--ttl_size)}.home_page h3 .en{font-size:2em}.home_page h4{font-size:calc(var(--ttl_size) - 4px)}.home_page .key .bnr_corona{font-size:14px}.home_page .key .bnr_corona.active{right:65px;bottom:55px}.index01 h3{padding-right:0}.index01 .box_left{width:90%;max-width:525px;margin:0 auto}.index01 .box_right{margin:-30px auto 0;width:100%;padding:60px 10px 30px}.index01 .box_right>p,.index01 .box_right>h4{width:100%}.index02{padding:100px 0 50px;background-image:url(https://hatani-cl.jp/wp-content/themes/grits_theme/images/idx02_bg_sp.jpg);background-position:top center}.index02::before{top:-1px;background-size:768px auto;height:60px}.index02 .flex{justify-content:center}.index02 .flex .box{margin:10px 10px;max-width:150px;width:calc(50% - 20px)}.index02 h3 span{display:inline-block}.index03{padding:60px 0}.index03 .idx_row{justify-content:center;font-size:8.5px;margin-left:-10px;margin-right:-10px}.index03 .idx_row .box{width:calc(50% - 20px);margin:10px;padding:10px;max-width:36.5em}.index03 .idx_row .box .btn.style01{margin-left:auto;margin-right:auto}.index03 .idx_row .b1{background-image:url(https://hatani-cl.jp/wp-content/themes/grits_theme/images/idx03_img01_sp.jpg)}.index03 .idx_row.st3 .box{margin-top:20px;max-width:100%;height:300px;max-height:43vw;max-width:640px;align-items:flex-start;padding-left:5%;padding-bottom:8%;font-size:9px}.index03 .idx_row.st3 .box a::after{right:3%}.index03 .idx_row.st3 .box h4{width:100%}.index03 .idx_row.st3 .box h4 span{display:block}.index03 .idx_row.st3 .box::before{height:120%;width:75%;border-radius:0 0 10px 0;background-size:100% auto}.index04{padding:60px 0}.index04 .flex{justify-content:center}.index04 .box{width:100%;margin-bottom:40px;max-width:620px}.index05{padding:60px 0 40px}.index05::before,.index05::after{height:60px;background-size:768px auto}.index05::after{bottom:-60px}.index05 .flex{max-width:628px;margin:auto}.index05 .flex .box{max-width:309px;width:calc(50% - 10px)}.index05 h4{font-size:calc(var(--ttl_size))}.index06{margin-top:80px;padding:100px 0 60px}.index06 .idx06_row{margin-top:var(--ttl_size);flex-direction:column-reverse}.index06 .box_left,.index06 .box_right{width:100%;max-width:545px;z-index:0;margin-right:auto;margin-left:auto}.index06 .box_left{z-index:1;padding-top:60px;max-width:100%}.index06 h3{position:absolute;top:0;left:0;width:100%;opacity:1!important;animation:none!important;visibility:visible!important}.index07{padding:60px 0;background-image:url(https://hatani-cl.jp/wp-content/themes/grits_theme/images/idx07_bg_sp.jpg)}.index07 .flex{justify-content:center}.index07 .flex .box_left{width:100%;margin:0 auto 40px}.index07 .flex .box_right{width:100%}.index07 .flex .box_right ul{margin-bottom:40px}.index07 .flex .box_right ul li .txt{max-width:280px}.index07 .flex .box_right ul li .txt br{display:none}.index07 .btn-group{margin-top:30px}.time_sheet{text-align:left}.time_sheet table thead{background-color:#fff}.time_sheet table thead th{border-color:#fff;border-width:0}.time_sheet .note{font-size:13px}@supports (-webkit-touch-callout: none) {
    .time_sheet tr:nth-child(1) td {
      border-bottom-width: 0.9px !important;
    }
  }.index08{padding:60px 0 50px}.index08 .content{justify-content:center}.index08 .content::before{display:none}.index08 .content h3{text-align:left}.index08 .content h3 .en{font-size:.87em}.index08 .content h3 .jp{font-size:1.5em}.index08 .content li a{padding-bottom:30px}.index08 .content .box{width:100%;padding:0}.index08 .content .box:first-child{margin-bottom:30px;border-bottom:1px solid #a4a4a4}.index08 .content .btn-group{max-width:100px}.index08 .content .btn-group .btn a{font-size:15px}.index08 .content .btn-group .btn a::after{top:calc(50% - 4px)}}@media only screen and (max-width:768px) and (orientation:landscape){.home_page .key .bnr_corona{font-size:3vmin;bottom:10%}.home_page .key h2{font-size:5.5vmin}.home_page .key p{font-size:3.7vmin}.home_page .key .s1{background-image:url(https://hatani-cl.jp/wp-content/themes/grits_theme/images/idx_mv01.jpg)}.home_page .key .s2{background-image:url(https://hatani-cl.jp/wp-content/themes/grits_theme/images/idx_mv02.jpg)}.home_page .key .s3{background-image:url(https://hatani-cl.jp/wp-content/themes/grits_theme/images/idx_mv03.jpg)}}@media only screen and (max-width:639px){.index06 .box_left{padding-top: calc(10px + 10vw)}.index03 .idx_row{justify-content:center}.index03 .idx_row .box{width:100%}.index03 .idx_row.st3 h4{font-size:3.2vw}.index03 .idx_row.st3 a:after{max-width:3em}.index05 .flex{justify-content:center}.index05 .flex .box{width:calc(100% - 0px)}.index03 .idx_row.st3 .box{font-size:1.5vw}}@media only screen and (max-width:580px){.index01 .box_right{background-size:50% auto}.index04 .box_text{margin-top:-20vw}.index04 .box_img .point{font-size:6vw}.index04 h4{font-size:4vw}.index04 h4 span{padding:1px .5em}.index06 .box_right .name{font-size:4.3vw}}@media only screen and (max-width:425px){:root{--ttl_size:24px}.home_page .key .scroll{width:40px;left:calc(50% - 20px);bottom:-20px}.home_page .key .bnr_corona{font-size:12px}.home_page .key .bnr_corona a{padding-right:6%}.home_page h3{font-size:calc(var(--ttl_size) - 4px)}.index04 h4{margin-right:-.5em;font-size:5vw}.index04 h4 span{white-space:nowrap}.index04 .box.b1 h4{font-size:4.4vw}}@media only screen and (max-width:375px){:root{--ttl_size:21px}.index03 .idx_row{font-size:8px}.index06 .box_right .name{font-size:4.9vw;right:10%}}@media only screen and (max-width:768px){.idx_gallery ul li .img{width:225px;height:200px}}@media only screen and (max-width:375px){.home_page .key .bnr_corona{font-size:11px}.home_page .key .bnr_corona a{font-size:1.1em}}@media only screen and (max-width:768px){.index01{padding:60px 0 35px}.index01 .box_left::before{width:364px;max-width:50%;left:-10%;top:-40px;mask-position:top center;-webkit-mask-position:top center}.index01 .content{flex-direction:column;align-items:center}.index01 .content .box{margin-bottom:5px;width:100%;padding:40px 5%;max-width:680px}.index01 .content .btn-group{max-width:150px;width:44%}.index01 .content li{max-width:100%}.index01 .content li a{padding:20px 0}.index01 .content li a .date{width:7em}.index01 .content li a .title{width:calc(100% - 7em)}.under #toc_container{padding:20px 15px 30px;margin-top:40px}.under .toc_tl{font-size:18px}.under .toc_list li{width:100%}.under .toc_list li a{font-size:16px;margin-bottom:10px}.under #mainContent{padding-bottom:50px}.under .key{margin-top:0;height:250px}.under .key .key_text{padding:20px}.under .key h2{font-size:var(--ttl_size)}.under h3{margin-bottom:25px;font-size:calc(var(--ttl_size) - 2px)}.under h4{margin-bottom:20px;font-size:calc(var(--ttl_size) - 4px)}.under h5{margin-bottom:15px;font-size:calc(var(--ttl_size) - 6px)}.under h6{margin-bottom:10px;font-size:calc(var(--ttl_size) - 7px)}.under section:first-child h3{margin-top:35px}.under .txt_h3{margin-top:35px}.under section{padding-top:1px}.under section h3{margin-top:60px}.under .secH4{padding-top:40px}.under .secH5{padding-top:30px}.under .ud_reason{padding:0 10px}.under .ud_reason .box{padding:40px 5% 30px;margin-bottom:70px}.under .ud_reason.arrow .box::after{bottom:-45px;border-left:30px solid transparent;border-right:30px solid transparent;border-top:15px solid var(--main-color)}.under .ud_reason .point{font-size:calc(var(--ttl_size) - 6px);top:-63px;left:-10px}.under .imgBox.rowImg .image_l,.under .imgBox.rowImg .image_r{float:none;width:auto;margin:0 0 20px;text-align:center;max-width:none}.under .imgBox.rowImg .image_l:nth-child(n), .under .imgBox.rowImg .image_r:nth-child(n) {max-width:none}.under .imgBox.rowImg .txt_l,.under .imgBox.rowImg .txt_r{float:none;width:auto}.under .imgBox.rowImg.large .image_l,.under .imgBox.rowImg.large .image_r{max-width:none}.under .imgBox.rowImg.large .txt_l,.under .imgBox.rowImg.large .txt_r{width:auto}.under .imgBox.colImg .item:not(:last-of-type) {margin-bottom:30px}.under .imgBox.colImg figure{margin-bottom:15px}.under .imgBox.colImg .text{font-size:14px}.under .imgBox.colImg2 .item,.under .imgBox.colImg3 .item{width:100%}.under .imgBox.colImg2 img,.under .imgBox.colImg3 img{max-height:100%}.under .acf_block h3{margin-bottom:0}.under .acf_block .text_h3{margin:25px 0 0}.under .acf_block .text_h4{margin:20px 0 0}.under .acf_block .text_h5{margin:15px 0 0}.under table.rollTable{width:768px}.under table.clinic_tbl01 th{min-width:100px}.under table.clinic_tbl02 th:first-child{width:200px}.under table.resTable{display:block}.under table.resTable tbody,.under table.resTable tr,.under table.resTable th,.under table.resTable td{display:block}.under table.resTable td:not(:last-child) {border-bottom:0}.under table.resTable.tbl_style01.colHead tr th{border-bottom:none}.under table.resTable.tbl_style01.colHead tr:not(:first-child) th {border-top:none}.under table.resTable.tbl_style02.colHead th{border-bottom:none}.under table.resTable.tbl_style02.colHead tr:not(:last-child) td {border-bottom:none}.under .tbl_note{display:block}.under ul.list01 li{font-size:14px;line-height:2}.under ul.list01.mcol-2 li{width:100%;padding-bottom:9px;padding-right:0}.under .doctor_box{padding:0}.under .doctor_box .doctor_name{bottom:5vw;right:3.5vw;font-size:4vw;padding:3vw 2vw}}@media only screen and (max-width:480px){.min_480{display:none}.under .ud_reason .point{top:-53px}.under .ud_reason .content{padding-left:0}}@media only screen and (max-width:375px){.under{--ttl_size:24px}.under .imgBox.colImg2 .item,.under .imgBox.colImg3 .item{width:100%}}@media only screen and (max-width:768px){.under .clinic_tbl01 th{width:auto;text-align:left}.under .teeth_box .secH4{width:100%}}@media only screen and (max-width:425px){.under .access_box_img01 .block:nth-child(even) .big, .under .access_box_img02 .block:nth-child(even) .big {order:0}.under .access_box_img01 .block .big,.under .access_box_img01 .block .small,.under .access_box_img02 .block .big,.under .access_box_img02 .block .small{width:100%}}@media only screen and (max-width:768px){.under.page-interview{background-position:center}.under.page-interview,.under.page-heart-interview{counter-reset:count}.under.page-interview .key,.under.page-heart-interview .key{height:450px;background-position:left 70% center}.under.page-interview .key h2,.under.page-heart-interview .key h2{text-align:center;margin-left:auto;margin-right:auto}.under.page-interview .key .key_text,.under.page-heart-interview .key .key_text{justify-content:center;text-align:center;padding-top:0;padding:30px 3%;align-items:flex-end}.under.page-interview .key .catch,.under.page-heart-interview .key .catch{font-size:24px;margin-bottom:0}.under.page-interview .key .catch .en,.under.page-heart-interview .key .catch .en{margin-bottom:.1em}.under.page-interview .key .name,.under.page-heart-interview .key .name{margin-left:auto;margin-top:.5em;font-size:1.2em}.under.page-interview .key .name .tt,.under.page-heart-interview .key .name .tt{margin-bottom:0;padding-bottom:0;justify-content:center}.under.page-interview .key .name .tt::before,.under.page-heart-interview .key .name .tt::before{left:calc(50% - 7em)}.under.page-interview .key .name .tt .sm,.under.page-heart-interview .key .name .tt .sm{font-size:14px}.interview_catch{margin-top:0;margin-bottom:50px}.interview_catch p{font-size:20px;line-height:1.4}.interview_catch.fz20{margin-top:40px}.interview_catch.fz20 p{font-size:17px;line-height:1.6}.interview_sec{margin-top:50px}.interview_content,.interview_img{width:100%;margin-left:auto;margin-right:auto;max-width:545px}.interview_content{margin:30px auto 0}.interview_img{margin-bottom:0;box-shadow:0 20px 18.7px 2.3px rgba(54,112,152,.1)}.interview_img:before{left:20px;font-size:70px}.interview_box{margin-bottom:50px}.interview_box.box_left .interview_content{margin-left:auto}.interview_box.box_right .interview_content{margin-right:auto}}@media only screen and (max-width:480px){.under.page-interview .key .catch,.under.page-heart-interview .key .catch{font-size:5vmin}.under.page-interview .key h2 .en{font-size:11vw}}