.about-nav{display:flex;padding:0;align-items:center;width:70%;margin:50px auto;list-style:none}.about-nav-item{display:flex;align-items:flex-end;margin-right:40px}.about-nav-item i{background-color:#3b3d6a;color:#fff;padding:3px 5px;border-radius:100px 100px}.greeting-block{width:70%;padding:0 0 50px;margin:0 auto}.greeting-layout{display:flex;justify-content:space-between;align-items:flex-end}.greeting-block.greeting-director .greeting-layout{align-items:flex-start;margin:50px auto}.greeting-message{width:60%}.greeting-subtitle{font-size:30px;margin:10px 0 20px;font-weight:normal;line-height:60px;width:fit-content}.greeting-body{line-height:34px}.greeting-profile{width:35%;font-size:13px;line-height:25px}.greeting-profile span{font-size:25px}.greeting-image{width:35%;height:300px;object-fit:cover}.greeting-image img{border-radius:40px}.flip-image-container{position:relative;width:100%;height:350px;perspective:1000px}.flip-image{position:absolute;width:100%;height:100%;backface-visibility:hidden;transition:transform .6s}.flip-image-back{transform:rotateY(180deg)}.flip-image-container:hover .flip-image-front{transform:rotateY(180deg)}.flip-image-container:hover .flip-image-back{transform:rotateY(0deg)}@media (max-width:1024px){.section-title{font-size:28px}.section-title:before{width:80px}.about-nav{width:90%;margin:30px auto}.about-nav-item{margin-right:20px}.greeting-block{width:90%;padding:60px 0}.greeting-message{width:65%}.greeting-profile{width:35%;font-size:12px}.greeting-subtitle{font-size:26px;line-height:50px}.greeting-image{width:35%;height:250px}.flip-image-container{height:300px}}@media (max-width:768px){.section-title{margin:0 0 0}.section-title:before{margin:0 20px 0 0;width:30px}.about-nav{width:90%;margin:20px auto 0}.about-nav-item{margin:10px 10px;border:1px solid #161666;padding:10px}.greeting-block{width:90%;padding:40px 0}.greeting-chairman .greeting-layout{align-items:center;flex-direction:column}.greeting-director .greeting-layout{flex-direction:column;align-items:center}.greeting-message,.greeting-profile,.greeting-image{width:100%;margin:10px auto}.flip-image{object-fit:cover;object-position:top;display:block}.greeting-subtitle{font-size:18px;background-color:#161666;color:#fff;padding:5px 10px;line-height:40px}.flip-image-container{height:250px}}.services-section{width:100%;margin:100px auto}.section-title{font-weight:normal;font-size:33px;margin-bottom:20px;text-align:center}.section-text{line-height:40px;margin-bottom:30px}.medical-section{width:70%;margin:50px auto}.medical-section .section-text{margin:30px auto 50px}.medical-list{margin:50px 0;display:flex;justify-content:space-between;list-style:none;padding:0}.medical-list .medical-item{width:48%;margin:10px 0;position:relative;padding:250px 0 0;background-size:cover;background-position:center;border-radius:40px;border:.5px solid #333;overflow:hidden}.medical-item h4{background-color:#fff;margin:0;font-weight:normal;padding:10px 0;letter-spacing:2px;border-radius:0;width:100%;text-align:center}.medical-item h4:hover{background-color:#3b3d6a;color:#fff}.medical-item p{background-color:#fff;font-size:13px;width:fit-content;padding:2px 10px}.service-orthopedics{background-image:url(https://hoc.or.jp/wp-content/themes/Hiroo-theme/assets/img/page/medical_information/medical_01.JPG)}.service-rehabilitation{background-image:url(https://hoc.or.jp/wp-content/themes/Hiroo-theme/assets/img/page/medical_information/medical_02.JPG)}.advisor-btn{border:.5px solid #333;border-radius:20px;padding:20px 3%;font-size:30px;text-align:center;display:flex;align-items:center;justify-content:space-between;width:100%;height:fit-content;margin:0 auto 100px}.medical-section a{width:100%}.medical-section .advisor-btn:hover{color:#fff;background-color:#3b3d6a}@media (max-width:1024px){.medical-section{width:90%;margin:50px auto}.services-section{width:95%;margin:80px auto}.section-title{font-size:28px}.section-text{font-size:16px;line-height:36px}.services-list{margin:30px 0}.service-item{padding:0}.advisor-btn{padding:30px 20px;font-size:26px}}@media (max-width:768px){.services-section{width:95%;margin:60px auto}.section-title{font-size:24px}.section-text{font-size:14px;line-height:32px}.orthopedic_content .intro-layout .intro-image{border-radius:10px;margin:20px auto}.medical-list{margin:50px 0;display:block;justify-content:space-between;list-style:none;padding:0}.medical-list .medical-item{width:100%;padding:150px 0 0;border-radius:20px;border:.5px solid #333;overflow:hidden;margin:20px auto}.medical-list .medical-item h4{padding:10px 0}.orthopedic_content .intro-layout .intro-text{width:100%}.orthopedic_content .intro-layout .intro-image{width:100%}.orthopedic_content .services-section{width:97%;margin:30px auto}.orthopedic_content .services-list{margin:0;flex-wrap:wrap;width:100%}.services-list .service-item{width:48%;margin:10px 0;position:relative;padding:20px 0 10px;background-size:cover;background-position:center;border-radius:20px;overflow:hidden}.services-list .service-item h4{padding:3px 10px;border-radius:0}.services-list .service-item p{font-size:10px}.service-item{width:100%;padding:150px 0 0;border-radius:10px}.service-item h4{padding:15px 0;border-radius:0 0 10px 10px}.advisor-btn{padding:15px 10px;font-size:22px}.services-section .service-item{border-radius:10px;height:230px}}.access-section{width:70%;margin:50px auto}.access-nav{display:flex;justify-content:center;gap:40px;list-style:none;padding:0;margin-bottom:40px}.access-nav-item a{text-decoration:none;color:inherit;font-size:18px;display:flex;align-items:center;gap:8px}.access-nav-item a i{background-color:#a3a3a3;border-radius:100%;padding:5px 7px}.section-title{font-weight:normal;font-size:33px;margin:50px 0 20px;text-align:center}.hours-info{padding-top:30px;margin:0 auto 100px}.hours-info table{background-color:#a3a3a3;width:100%;margin-bottom:10px;border-collapse:collapse;font-size:20px}.hours-info th,.hours-info td{border:1px solid #000;padding:10px 30px;text-align:center}.hours-info td{background-color:#fff;padding:20px 30px}.hours-info thead{background-color:#626370;font-size:20px;color:#fff}.hours-info .hours-note{font-size:15px;line-height:30px}.map-info{text-align:center;padding-top:10px}.address-info{font-size:16px;display:block;margin-bottom:30px}.address-info a{text-decoration:underline;color:#00f}.map-details{display:flex;align-items:center;justify-content:center;gap:20px;margin:20px auto 50px}.map-image{flex-shrink:0}.map-image img{max-width:100%;border-radius:10px}.map-text{text-align:left;font-size:16px;line-height:1.5}.access-title{font-size:20px;margin-bottom:10px}.map-iframe{width:100%;display:block;margin:0 auto 20px;border:0}@media (max-width:1024px){.access-section{width:90%;margin:40px auto}.section-title{font-size:28px}.access-nav{gap:20px;margin-bottom:30px}.hours-info th,.hours-info td{padding:8px 20px}.hours-info{padding-top:40px}.map-details{flex-direction:column;gap:20px}.map-text{text-align:center}}@media (max-width:768px){.access-section{width:95%;margin:20px auto}.section-title{font-size:24px}.access-nav{margin:0;justify-content:left}.access-nav-item a{border:1px solid #333;padding:10px 20px;font-size:16px}.hours-info{padding:0;text-align:left}.hours-info th,.hours-info td{padding:3px 2px;font-size:14px}.hours-note{font-size:12px}.map-details{flex-direction:column}.map-text{font-size:14px;text-align:center}.map-iframe{height:200px}}.topics-section{width:70%;margin:50px auto 100px}.alert-box{border:3px dashed #c22e2e;border-radius:20px;padding:20px 40px;margin-bottom:40px}.alert-box h4{font-size:36px;font-weight:normal;margin:20px 0}.alert-box span{display:flex;align-items:center;width:fit-content;color:#fff;background-color:#c22e2e;padding:10px 15px;border-radius:5px;margin-bottom:20px}.topics-flex{display:flex;justify-content:space-between}.news-list{flex:1}.news-list h4{font-size:25px;margin:20px 0}.news-list__items{border-top:1px solid #a3a3a3;width:95%;padding:0;list-style:none}.news-list__item{line-height:30px;border-bottom:1px solid #a3a3a3;padding:20px 0}.news-list__date{font-size:13px}.news-list__headline{font-weight:600;font-size:20px;margin:10px 0}.news-list__excerpt{color:#a3a3a3}.sidebar{width:fit-content;margin:0 0 0 50px}.sidebar__section{margin-bottom:30px}.sidebar__title{color:#161666;font-size:20px;margin:0}.sidebar__content{font-size:13px;line-height:30px;text-decoration:underline}@media (max-width:1024px){.topics-section{width:90%;margin:40px auto 80px}.topics-flex{flex-direction:column;gap:20px}.sidebar{margin:30px 0 0;width:100%}}@media (max-width:768px){.topics-section{width:95%;margin:20px auto 60px}.alert-box h4{font-size:28px}.alert-box span{font-size:14px;padding:8px 12px;margin-bottom:15px}.topics-flex{flex-direction:column}.news-list h4{font-size:20px;margin:15px 0}.news-list__items{width:100%}.news-list__item{padding:15px 0;font-size:12px}.news-list__headline{font-size:16px;margin:8px 0}.news-list__date{font-size:11px}.news-list__excerpt{font-size:12px}.sidebar{margin:30px 0 0;width:100%}.sidebar__title{font-size:18px}.sidebar__content{font-size:11px;line-height:22px}}.facility-section{width:70%;margin:50px auto}.section-title{font-weight:normal;font-size:33px;margin:50px 0 20px;text-align:center}.facility-list{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;padding:0}.facility-item{width:47%;margin-bottom:50px;position:relative;text-align:center}.facility-item img{width:100%;height:300px;object-fit:cover;border-radius:10px;display:block}.facility-caption{display:block;margin-top:10px;font-size:16px;line-height:1.4}@media (max-width:1024px){.facility-section{width:90%;margin:40px auto}.section-title{font-size:28px}.facility-item{width:48%;margin-bottom:40px}.facility-item img{height:250px}}@media (max-width:768px){.facility-section{width:95%;margin:20px auto}.facility-list{flex-direction:column;gap:20px}.facility-item{width:100%;margin-bottom:20px}.facility-item img{height:auto}.section-title{font-size:24px}.facility-caption{font-size:14px}}.connection-section{width:70%;margin:50px auto}.section-text{line-height:40px;margin-bottom:100px}@media (max-width:1024px){.connection-section{width:90%;margin:40px auto}.section-title{font-size:28px;margin-bottom:20px}.section-text{font-size:16px;line-height:36px;margin-bottom:80px}}@media (max-width:768px){.connection-section{width:95%;margin:20px auto}.section-title{font-size:24px}.section-text{font-size:14px;line-height:32px;margin-bottom:60px}}.advisor-section{width:70%;margin:50px auto}.advisor{margin-bottom:100px}.advisor-flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.advisor-image{width:48%;height:360px;border-radius:40px;overflow:hidden}.advisor-image .image-container{position:relative;width:100%;height:100%}.advisor-image .image{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .6s}.advisor-image .image.back{transform:rotateY(180deg)}.advisor-image .image-container:hover .image.front{transform:rotateY(180deg)}.advisor-image .image-container:hover .image.back{transform:rotateY(0)}.advisor-content{width:48%}.advisor-content h4{font-size:20px;margin-bottom:10px}.advisor-text{font-size:14px;line-height:1.5}.advisor-profiles{display:flex;gap:20px;flex-wrap:wrap}.advisor-profile{width:500px;font-size:13px;line-height:30px}.advisor-profile span{font-size:25px}.advisor-book{width:fit-content;height:fit-content;border:.5px solid #000;padding:10px}.advisor-book h2{margin:0;background-color:#000;color:#fff;padding:5px 10px;font-weight:normal}.advisor-book ul{padding:20px;margin:0;font-size:13px;line-height:30px}.advisor-book ul li{width:350px;margin:0}@media (max-width:1024px){.advisor-section{width:90%;margin:40px auto}.advisor-flex{flex-direction:column;gap:20px}.advisor-image,.advisor-content{width:100%}.advisor-image{margin-bottom:20px;height:60vh}.advisor-profile,.advisor-book{width:100%}.advisor-book ul li{width:100%}}@media (max-width:768px){.advisor-section{width:95%;margin:20px auto}.advisor-flex{flex-direction:column}.advisor-image,.advisor-content{width:100%}.advisor-image{height:40vh;margin-bottom:0}.advisor-content h4{font-size:18px}.advisor-text{font-size:12px;line-height:1.4}.advisor-profile{width:100%;font-size:13px;line-height:24px}.advisor-profile span{font-size:20px}.advisor-book{width:100%}.advisor-book h2{font-size:16px}.advisor-book ul{font-size:12px;line-height:20px}.advisor-book ul li{width:100%}}.orthopedic_content{width:70%;margin:50px auto}.section-title{font-weight:normal;font-size:33px;margin:50px 0 20px;text-align:center}.intro-text,.st_text{width:48%;line-height:30px;margin-bottom:30px}.rehab_section .intro-text{width:100%}.flex,.intro-layout{display:flex;align-items:center;justify-content:space-between;margin:50px 0}.img,.intro-image{width:48%;height:260px;border-radius:40px;overflow:hidden}.img img,.intro-image img{width:100%;height:100%;object-fit:cover}.rehab_section .flex .rh_img{width:47%}.rehab_section .flex .rh_text{width:47%}.services-section{padding:0}.services-section ul{width:100%;display:flex;flex-wrap:wrap;padding:0;list-style:none}.rehab_section .service-item{width:100%;height:100px;margin:10px 0;padding:100px 0 0 0;font-size:13px;position:relative;text-align:center}.rehab_section .service-item:last-child{display:none}.rehab_section .service-item h4{position:relative;top:20px;font-size:20px;padding:0 10px;line-height:40px;background-color:#fff;width:fit-content;color:#161666;border-radius:0}.rehab_section .services-section p{background-color:#fff;width:fit-content;margin:30px 0 0}#Sports-link,#Thrilling-link,#Insole-link,#clinic-hours,#map-info{scroll-margin-top:110px}.staff-section{margin-top:50px}.subsection-title{padding:0 10px;border-left:4px solid #3b3d6a;color:#000;font-size:20px;line-height:1.2;margin:30px 0 30px}.staff-group{display:flex;flex-wrap:wrap;justify-content:space-between}.staff-item{width:300px;margin-bottom:50px}.staff-image{width:300px;height:200px;margin-bottom:20px;overflow:hidden}.staff-image img{width:100%;height:100%;object-fit:cover}.staff-info{width:300px;font-size:15px;line-height:30px}.staff-name{color:#161666;font-size:20px;margin-bottom:15px;font-weight:normal}.staff-name span{font-size:14px}.staff-comment{font-size:13px;line-height:30px;margin:10px 0}.staff-graff{margin:50px auto;text-align:center}.staff-graff img{width:100%;display:block;margin:0 auto}@media (max-width:1024px){.orthopedic_content{width:90%;margin:40px auto}.section-title{font-size:28px;margin-bottom:20px}.flex,.intro-layout{gap:20px}.img,.intro-image{width:100%;height:200px}.rh_img,.service-image,.rh_text,.service-info{width:100%}.staff-group{flex-wrap:wrap}.staff-item{width:48%}.staff-image{width:100%}}@media (max-width:768px){.orthopedic_content{width:95%;margin:20px auto}.section-title{font-size:24px}.st_text,.intro-text{font-size:14px;line-height:26px}.intro-layout{display:block}.orthopedic_content .flex{display:block}.orthopedic_content .flex .rh_img{width:100%}.orthopedic_content .flex .rh_text{width:100%}.img,.intro-image{width:48%;height:200px}.rh_text,.service-info{font-size:12px}.staff-image{width:100%;height:150px}.staff-item{width:48%}.staff-info{font-size:10px;line-height:18px;width:100%}.staff-name{font-size:15px}.staff-name span{font-size:10px}.staff-comment{font-size:10px;line-height:14px}}.orthopedic-section .services-list{justify-content:space-between}.orthopedic-section li{background-size:cover;width:33%;height:200px;margin:3px 0;border-radius:5px}.orthopedic-section li h4{background-color:#fff;width:fit-content;padding:3px 10px;margin:100px 0 0 0}.orthopedic-section li p{background-color:#fff;width:fit-content;padding:3px 10px}.proceedings-section{width:80%;margin:50px auto}.tabs{display:flex}.tabs li{display:flex;align-items:center;justify-content:space-between;margin-right:40px}.tabs li a i{background-color:#3b3d6a;color:#fff;padding:3px 5px;border-radius:100px 100px}.tabs li a.active{font-weight:bold;color:#161666}.tab-area{background-color:#161666;color:#fff;padding:20px 40px}.tab-header{display:flex;align-items:center;justify-content:center;background-color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden;max-width:500px;width:100%;margin:40px 0 60px}.tab-header-left{background-color:#fff;color:#000;padding:10px 0;flex:1;text-align:center}.tab-header-right{background-color:#000;color:#fff;padding:50px 10px 20px 60px;flex:1;text-align:center;clip-path:polygon(60% 0,100% 0,100% 100%,0 100%)}.tab-header-left h1{font-size:30px;font-weight:normal;letter-spacing:2px;margin:0;text-shadow:2px 2px 10px rgba(0,0,0,.2)}.tab-header-right h1{font-size:12px;margin:0;letter-spacing:2px;text-shadow:2px 2px 10px rgba(0,0,0,.2)}.tab-area ul{display:block}.tab-area ul li{border-left:4px solid #fff;padding:5px 20px;margin:20px 0 40px}.tab-area ul li h3{font-size:20px;font-weight:normal;margin:0}.tab-area ul li dl{display:flex;align-items:center;font-size:13px}.tab-area ul li dl dt{background-color:#fff;color:#000;padding:5px 10px;width:15%;text-align:center}.tab-area ul li dl dd{width:70%}.fade-in{animation:fadeIn .3s forwards}@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}@media (max-width:1024px){.proceedings-section{width:90%;margin:40px auto}.tabs li{margin-right:20px}.tab-header{max-width:100%;margin:20px 0 40px}.tab-header-left h1{font-size:26px}.tab-header-right h1{font-size:14px}.tab-area{padding:20px 20px}}@media (max-width:768px){.proceedings-section{width:95%;margin:20px auto}.tabs{flex-wrap:wrap;gap:10px}.tabs li{margin:0}.tab-header{margin:20px 0 30px}.tab-header-left,.tab-header-right{width:100%}.tab-header-left h1{font-size:20px}.tab-header-right h1{font-size:12px}.tab-area{padding:15px 10px}.tab-area ul li{border-left:2px solid #fff;padding:5px 10px;margin:10px 0}.tab-area ul li h3{font-size:16px}.tab-area ul li dl{font-size:11px}.tab-area ul li dl dt{width:80px;padding:3px 5px}.tab-area ul li dl dd{margin:0 0 0 10px}}#tab3 dl dd{width:100px}#tab3 dl .fit-width{width:fit-content}.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);z-index:1000;justify-content:center;align-items:center}.popup-overlay.active{display:flex}.popup-content{position:relative;max-width:60%}.popup-content img{width:100%;height:auto;display:block;border-radius:4px}.popup-close{position:absolute;top:10px;right:10px;background:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:18px;line-height:30px;text-align:center;opacity:.8}.popup-close:hover{opacity:1}@media (max-width:556px){.popup-content{position:relative;max-width:80%}.popup-close{position:absolute;top:10px;right:10px;background:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:18px;line-height:30px;text-align:center;opacity:.8}}.news-list img{margin:25px 0;line-height:30px;font-size:15px}.news-text{line-height:15px;line-height:35px}.news-list__excerpt a{border:.5px solid #333;color:#333;padding:3px 5px;font-size:13px}.staff-graff-text{display:flex;align-items:center;margin:0 0 20px 0}.ffe599{background-color:#ffe599;width:100px;height:30px}.staff-graff-sports{text-align:left;line-height:40px}.staff-graff img{margin:20px auto}