@charset "utf-8";
.slider_flow-box{margin-bottom:76px}
.slider_flow-box .slick-slide img{width:217px}
.slider_flow-box .imgFit-box{margin-bottom:0;padding-bottom:77%}
@media screen and (min-width:1025px) {
.slider_flow-box{margin-bottom:94px}
#top .header__main_area,#top .header_lead{max-width:none}
#top .header__main_area{position:absolute;top:20px;left:15px;z-index:20;width:275px;background:#fff}
}
@media screen and (min-width:768px) {
.main-area{padding-top:0}
}
.top-ttl{color:#0C4291;font-family:Yu Mincho,"YuMincho","Hiragino Mincho ProN","","MS PMincho",serif;font-weight:bolder;font-size:24px;text-align:center}
.top-ttl small{display:block;font-weight:700;font-size:12px}
.top-ttl.title_white{color:#fff}
.btn_white .btn_link{border-color:#fff;background:#fff;color:#0C4291}
.btn_white.btn.arrow_btn>.btn_link::after{border-color:#0C4291}
.main_visual-sect{position:relative;z-index:10;padding:0 26px}
.mv_copu-box{position:absolute;bottom:3px;left:21px;z-index:10}
.mv_copu-box img{width:265px}
@media screen and (min-width:768px) and (max-width: 1024px) {
.main_visual-sect{padding:0 30px}
.mv_copu-box{bottom:20px;left:29px}
}
@media screen and (min-width:768px) {
.mv_copu-box{bottom:36px;left:93px}
.mv_copu-box img{width:402px}
}
.main_visual-list img{width:100%}
.top-art{margin:45px 0 92px;line-height:1.5}
.top-art a{color:#333;text-decoration:none;line-height:1}
.top-art a:hover,.top-art a:focus{color:#333}
.ttl_type-border{position:relative;z-index:10;margin-bottom:28px;padding:0 15px 28px;color:#0C4291;font-family:Yu Mincho,"YuMincho","Hiragino Mincho ProN","","MS PMincho",serif;font-size:21px;text-align:center}
.ttl_type-border::before{position:absolute;bottom:0;left:0;right:0;width:50px;height:1px;margin:auto;border-bottom:1px solid #0C4291;content:""}
.bnr_invisalign {
    max-width: 940px;
    margin: 0 auto 50px;
    text-align: center;
}
@media screen and (min-width: 768px) {
.ttl_type-border{font-size:24px}
}
@media screen and (max-width: 767px) {
    .bnr_invisalign {
        padding: 0 15px;
        margin-bottom: 30px;
        max-width: 90%;
    }
}
.top_lead-com{max-width:940px;margin:0 auto 50px;padding:0 15px;font-size:16px;text-align:center}
.top_lead-com span{display:inline-block;text-align:left}
.top_lead-com.lead_white{color:#fff}
.hospital_detail-box{margin-bottom:50px}
.hospital_detail-sect{padding:0 15px}
.hospital_detail-sect:nth-child(n+2){margin-top:50px}
.hoipital_detail_img-box{margin-bottom:30px}
.hoipital_detail_img-box img{width:100%;height:auto}
.hd_img-left{margin-bottom:15px}
.asiyahonin{flex-basis:309px;max-width:309px;margin-bottom:5px}
.asiyaekimae{flex-basis:326px;max-width:326px;margin-bottom:5px}
.hd_img_right-box{display:flex}
.hd_img_right-box img{width:calc(50% - 7.5px);margin-right:7.5px}
.hd_img_right-box img:last-child{margin-left:7.5px;margin-right:0}
@media screen and (max-width: 767px) {
.hd_img_right-box.tab{display:none}
}
.hospital_detail-define dt{margin-bottom:15px;padding-left:15px;border-left:5px solid #0C4291;font-family:Yu Mincho,"YuMincho","Hiragino Mincho ProN","","MS PMincho",serif;color:#0C4291;font-weight:700;font-size:40px;margin-top:0}
.hospital_detail-define dt small{display:block;font-size:18px}
@media screen and (min-width: 768px) and (max-width:1023px) {
.hospital_detail-box{margin-bottom:58px}
.hospital_detail-define{display:flex}
.hospital_detail-define dt{flex-shrink:0;width:280px;margin-right:78px}
.hd_img_right-box.pc{display:none}
.hospital_detail-sect{padding:0 30px}
.hoipital_detail_img-box{display:flex;margin-bottom:30px}
.hd_img-left{width:70%;margin-bottom:0;padding-right:30px}
.hd_img_right-box{width:100%;justify-content:space-between;flex-direction:column}
.hd_img_right-box span{display:block;height:calc(50% - 15px)}
.hd_img_right-box span:last-child{margin-bottom:0}
.hd_img_right-box img{display:block;max-width:234px;width:100%;margin:0 0 10px!important}
.hd_img_right-box img:last-child{margin-bottom:0!important}
}
@media screen and (min-width: 1024px) {
.hd_img_right-box.tab{display:none}
.hospital_detail-box{display:flex;justify-content:space-between;max-width:1170px;margin:0 auto 62px}
.hospital_detail-sect{width:49%;margin:0!important;padding:0}
}
.top_com-sect{margin-top:66px;padding-bottom:58px;background:#F0F4F8}
.top_com_bg-box{margin-bottom:-87px}
.equipment-sect.top_com-sect{margin-top:0}
.equipment-sect .imgFit-box{display:block;width:100%;height:250px;margin-top:0}
.equipment-sect .top_com_bg-box img:first-child{display:block}
.equipment-sect .top_com_bg-box{margin-bottom:0}
.equipment-sect .top_com-define dt{font-size:24px}
.equipment-sect .top_com-define{padding-left:20px;padding-right:20px;padding-bottom:32px}
.equipment-sect .top_com-define dd span{display:block;margin-bottom:25px}
.top_com-define{position:relative;z-index:10;max-width:345px;margin:0 auto;padding:46px 15px;background:#fff}
.top_com-define dt{margin-bottom:34px;font-family:Yu Mincho,"YuMincho","Hiragino Mincho ProN","","MS PMincho",serif;color:#0C4291;font-weight:bolder;font-size:22px;text-align:center}
.top_com-define dt small{display:block;margin-bottom:12px;font-family:Yu Mincho,"YuMincho","Hiragino Mincho ProN","","MS PMincho",serif;font-weight:bolder;font-size:14px}
@media screen and (min-width:1025px) {
.top_com-sect{overflow:hidden;position:relative;z-index:10;margin-top:90px;padding-bottom:0;max-height:440px}
.top_com_bg-box{width:50%;height:525px;margin-bottom:0;margin-left:auto;background:url(../img/top/concept/concept_img.jpg) center right no-repeat #F0F4F8;background-size:cover}
.equipment-sect .top_com_bg-box{height:440px;margin-left:0;background:url(../img/top/equipment/equipment-pc.jpg) left top no-repeat;background-size:cover}
.top_com_bg-box img{display:none}
.top_com-define{position:absolute;top:60px;right:46.5%;max-width:none;width:650px;margin:auto;padding:45px 80px}
.top_com-define dd{max-width:464px;margin:0 auto;text-align:justify}
.equipment-sect .top_com-define{top:70px;right:auto;left:46.5%;max-width:660px}
}
@media screen and (min-width:768px) and (max-width: 1024px) {
.top_com_bg-box{height:350px;background:url(../img/top/concept/concept_img.jpg) left top no-repeat;background-size:cover}
.equipment-sect .top_com_bg-box{height:350px;background:url(../img/top/equipment/equipment-pc.jpg) left top no-repeat;background-size:cover}
.equipment-sect .imgFit-box{display:none}
.equipment-sect .top_com_bg-box{margin-bottom:-64px}
.top_com_bg-box img{display:none}
.top_com-define{max-width:540px}
.top_com-define dd{max-width:294px;margin:0 auto}
.top_com-define dd span{display:block;margin-bottom:27px}
}
@media screen and (max-width:767px) {
.top_com_bg-box img:last-child{display:none}
}
@media screen and (min-width: 1025px) {
.equipment-sect .imgFit-box{display:none}
}
.medical-sect{overflow:hidden;padding:70px 0;background:#0C4291}
.medical-sect .top-ttl{margin-bottom:74px}
@media screen and (min-width:768px) and (max-width: 1024px) {
.medical-sect .top-ttl{margin-bottom:47px}
}
.medical-sect .top-ttl small{margin-bottom:13px}
.medical_outer-box{position:relative;z-index:10;margin-bottom:42px;padding:28px 15px 0}
.medical_outer-box::before{position:absolute;top:15px;right:-12vw;z-index:-1;width:100%;height:100%;background:#DCF0F8;content:""}
.medical_outer-box::after{position:absolute;top:7%;left:1vw;z-index:-2;width:90%;height:95%;background:#F0F4F8;content:""}
@media screen and (min-width:768px) and (max-width: 1024px) {
.medical_outer-box{margin-bottom:30px;padding:28px 23px 27px;background:#F0F4F8}
.medical_outer-box::before{top:-20px;height:395px}
.medical_outer-box::after{content:none}
}
@media screen and (min-width: 1025px) {
.medical-sect .top-ttl{margin-bottom:46px}
.medical_outer-box::before{top:-20px;height:465px}
.medical_outer-box::after{right:110px}
}
.medical_detail-box{margin-bottom:40px}
.medical_detail-box img{margin-bottom:20px}
.md_define dt{margin-bottom:11px;color:#0C4291;font-family:Yu Mincho,"YuMincho","Hiragino Mincho ProN","","MS PMincho",serif;font-weight:700;font-size:18px;text-align:center}
@media screen and (min-width:768px) {
.medical_outer-box_pc{display:flex;justify-content:space-between;margin:0 -13px}
.medical_detail-box{max-width:364px;width:100%;height:auto;margin:0;padding-bottom:12px}
.medical_detail-box img{width:100%;height:auto;margin-bottom:8px}
.md_define dt{margin-bottom:6px}
}
@media screen and (min-width:1025px) {
.medical_outer-box_pc{max-width:1170px;margin:0 auto}
.medical_outer-box{padding-bottom:13px}
.medical-sect .btn_link{border-color:#fff}
.btn_white .btn_link:hover{background:#0C4291!important;color:#fff!important}
.btn_white .btn.arrow_btn>.btn_link:hover::after{border-color:#fff}
}
.orthodontics-sect{margin-bottom:80px}
.orthodontics-sect img{display:block;margin:0 auto 45px}
.orthodontics-sect .top-ttl{margin-bottom:19px}
.orthodontics-sect .top-ttl small{margin-bottom:9px}
.orthodontics-sect .top_lead-com{margin-bottom:24px;text-align:left}
.orthodontics-box{padding:0 46px}
.orthodontics-sect .arrow_btn+.arrow_btn{margin-top:20px}
@media screen and (max-width:767px) {
.orthodontics-sect .btn_link::after{content:none!important}
.orthodontics-sect img:nth-child(2){display:none}
}
@media screen and (min-width:768px) {
.orthodontics-sect img:first-child{display:none}
.orthodontics-sect{margin-bottom:72px;padding:0 24px}
.orthodontics_outer-box{position:relative;z-index:10;max-width:682px;margin:0 auto;padding:26px 0 10px}
.orthodontics_outer-box::before{position:absolute;top:14px;right:-23px;z-index:-1;width:100%;height:100%;background:#F0F4F8;content:""}
.orthodontics-sect img{position:absolute;top:-12px;left:4%;z-index:-1}
.orthodontics-box{max-width:345px;margin-left:auto;padding:50px 22px;background:#fff}
.orthodontics-box .btn.arrow_btn{max-width:none}
}
@media screen and (min-width:1025px) {
.orthodontics_outer-box{max-width:1170px;background:none}
.orthodontics_outer-box::before{position:absolute;top:14px;right:-56px;z-index:-1;width:100%;height:490px;background:#F0F4F8;content:""}
.orthodontics-sect img{transform:translate(-5%,0)}
.orthodontics-box{max-width:583px;top:44px}
.orthodontics-box .btn.arrow_btn{max-width:300px}
}
.treatment_menu-sect{padding:67px 20px 65px;background:url(../img/top/menu/menu_bg.jpg) left top no-repeat;background-size:cover}
.treatment_menu-sect .top-ttl{margin-bottom:44px}
.treatment_menu-sect .top-ttl small{margin-bottom:8px}
.treatment_menu-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:50px}
.treatment_menu-list li{width:calc(50% - 10px);background:#fff}
@media screen and (max-width:767px) {
.treatment_menu-list li:nth-child(n+3){margin-top:20px}
}
.treatment_menu-list li a{display:block;position:relative;z-index:10;min-height:185px;padding:104px 5px 10px}
.tm-fig{text-align:center}
.tm-fig svg{position:absolute;top:23px;left:0;right:0;height:70px;margin:auto;max-width:95px}
.tm_invisalign-img{top:30px!important;height:45px!important}
.tm-figcap{line-height:1.5}
.tm-figcap span{display:block;margin-bottom:5px;font-family:Yu Mincho,"YuMincho","Hiragino Mincho ProN","","MS PMincho",serif;color:#0C4291;font-size:12px}
@media screen and (min-width:768px) {
.treatment_menu-sect{background-image:url(../img/top/menu/menu_bg_pc.jpg)}
.treatment_menu-list{max-width:1170px;margin:0 auto 50px}
.treatment_menu-list li{width:calc(100% / 4 - 17px);height:100%;background:#fff}
.treatment_menu-list li a:hover{opacity:1;background:#0C4291;color:#fff}
.treatment_menu-list li a:hover .tm-figcap span{color:#fff}
.treatment_menu-list li a:hover .cls-1{fill:#fff;stroke:none}
.treatment_menu-list li:nth-child(n+5){margin-top:20px}
.treatment_menu-list li:nth-child(7) a{padding-top:99px}
.treatment_menu-list li:nth-child(7) svg{top:30px;height:50px}
}
@media screen and (min-width:768px) and (max-width: 1024px) {
.treatment_menu-sect{background-image:url(../img/top/menu/menu_bg_tab.jpg)}
}
.dentists_staff-sect{padding:125px 0 74px;background:url(../img/top/dentists/bg_doctor-sp.jpg) left top no-repeat;background-size:cover}
.dentists_staff-sect .top-ttl{margin-bottom:40px}
.dentists_staff-sect .top-ttl small{margin-bottom:9px;font-size:14px}
.dentists_staff-sect .top_lead-com{max-width:360px;margin-bottom:74px;padding:0}
@media screen and (max-width:767px) {
.btn.arrow_btn.tab{display:none}
}
@media screen and (min-width:768px) {
.btn.arrow_btn.pc{display:none}
}
@media screen and (min-width: 1025px) {
.dentists_staff-sect .top-ttl{margin-bottom:21px}
.dentists_staff-sect .top_lead-com{max-width:none}
}
@media screen and (min-width:768px) and (max-width: 1024px) {
.dentists_staff-sect{padding:59px 0;background:url(../img/top/dentists/bg_doctor-tab.jpg) left top no-repeat;background-size:cover}
.dentists_staff-sect .top-ttl{margin-bottom:30px}
.dentists_staff-sect .top_lead-com{width:100%;margin-bottom:29px}
}
@media screen and (min-width:1025px) {
.dentists_staff-sect{padding:90px 0 78px;background:url(../img/top/dentists/bg_doctor-pc.jpg) left top no-repeat;background-size:cover}
}

@media screen and (max-width:1024px) {
    .main_visual-sect{max-height: 90vh;}
    }

.greeting-sect{margin-top:54px;padding:70px 15px;background:url(../img/top/greeting/bg_greeting.jpg) left top no-repeat;background-size:cover}
.greeting_detail-box{padding:60px 18px;background:#fff}
.greeting_detail-box .top-ttl{margin-bottom:60px}
.greeting_detail-box .top-ttl small{margin-bottom:21px;font-size:14px}
.gd-fig{margin-bottom:-5px}
.gd-fig img{margin:0 auto 20px}
.gd-fig figcaption{line-height:1.5;text-align:center;margin-bottom:20px}
.greeting_detail-box .top_lead-com{margin-bottom:0;padding-bottom:0;padding-right:0;padding-left:30px;line-height:1.5;font-size:16px;text-align:justify}
@media screen and (max-width:768px) {
.greeting_detail-box .top_lead-com{padding-left:0}
}
@media screen and (min-width:768px) {
.greeting_detail-box{padding-left:23px;padding-right:23px}
.greeting_detail_outer-box{display:flex}
.gd-fig{flex-shrink:0;width:130px;margin-right:30px}
}
@media screen and (min-width:1025px) {
.greeting-sect{margin-top:90px}
.greeting_detail-box{max-width:1170px;margin:0 auto;padding-right:60px;padding-left:60px}
.gd-fig{flex-shrink:0;width:190px}
}
#sliderArea{position:relative;z-index:10}
#sliderArea .caption-wrap{display:none}
.main_visual-list .copy-img{display:block!important;position:absolute!important;top:67%!important;left:0!important;z-index:10!important;max-width:100%!important;width:70%!important}
@media screen and (min-width:1025px) {
.main_visual-list .copy-img{top:78%!important;left:40px!important;width:50vh!important;height:auto!important}
}
.top_medical-com{max-width:940px;font-size:16px;text-align:justify}
.top_medical-com span{display:inline-block;text-align:left}
.top_medical-com.lead_white{color:#fff}
@media screen and (max-width:767px) {
.ta_sp_left{text-align:left!important}
}
#top img{max-width:100%;height:auto}
#top .img01{width:300px;height:27px}
#top .img02{width:300px;height:26px}
#top .img03{width:212px;height:150px}