@charset "UTF-8";@keyframes shine{100%{left:125%}}@keyframes map-pulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(2.8);opacity:0}}.top-key{position:relative}.top-key .swiper-wrapper{height:80vh;min-height:800px}.top-key .swiper-wrapper .swiper-slide#key01{background-size:cover;background-position:center bottom}.top-key .swiper-wrapper .swiper-slide#key01 .text{margin:150px auto 0;width:800px}.top-key .swiper-wrapper .swiper-slide#key01 h2.copy{font-size:22px;line-height:2.4;text-align:left;letter-spacing:.5em;margin-bottom:.5em}.top-key .swiper-wrapper .swiper-slide#key01 p.sub-copy{font-size:14px;text-align:left;line-height:2.4;letter-spacing:0}.top-key .swiper-wrapper .swiper-slide#key01 p.sub-copy strong{color:var(--cl-main)}.top-key .swiper-wrapper .swiper-slide#key01 p.bt{text-align:left;margin-top:2.5em;margin-bottom:2.5em}.top-key .swiper-wrapper .swiper-slide#key01 p.bt a{font-size:18px;padding:.5em 1.2em;letter-spacing:.3em;font-weight:700}.top-key .swiper-wrapper .swiper-slide#key02 .text{text-align:left;color:#fff;width:890px;margin:3em auto}.top-key .swiper-wrapper .swiper-slide#key02 h2.copy{text-align:center;font-size:52px;margin-top:.1em;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.2)}.top-key .swiper-wrapper .swiper-slide#key02 p.sub-copy{line-height:2;text-align:center;font-size:20px;margin-top:120px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.top-key .swiper-wrapper .swiper-slide#key02 .row a{display:inline-block;width:20%}.top-key .swiper-wrapper .swiper-slide#key02 .row a img.ai_logo{width:70%;height:auto}.top-key .swiper-wrapper .swiper-slide#key02 .btn a{display:block;position:relative;outline:none;overflow:hidden;color:#fff;width:35%;margin:2em auto;text-align:center;font-size:22px;font-weight:700;padding:1em;border-radius:5px;box-shadow:0 0 4px rgba(0,0,0,.2);text-shadow:0 1px 2px rgba(0,0,0,.2);border:2px solid rgba(255,255,255,.7)}.top-key .swiper-wrapper .swiper-slide#key02 .btn a:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);transform:skewX(-25deg)}.top-key .swiper-wrapper .swiper-slide#key02 .btn a:hover{background-color:rgba(255,255,255,.2)}.top-key .swiper-wrapper .swiper-slide#key02 .btn a:hover:before{animation:shine .7s}.top-key .swiper-wrapper .swiper-slide#key-satellite{background:linear-gradient(135deg,#1e72c8 0%,#0e53a4 50%,#0a3d82 100%)}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-inner{display:flex;align-items:center;width:960px;max-width:960px;margin:0 auto;height:100%;gap:40px;padding:0 20px}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-left{width:46%;color:#fff;text-align:left}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-badge{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.65);border-radius:20px;padding:4px 16px;font-size:11px;letter-spacing:.25em;margin-bottom:1em}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-badge span{display:inline-block;width:7px;height:7px;background-color:#4cca6e;border-radius:50%;margin-right:8px;flex-shrink:0}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-heading{font-size:38px;line-height:1.5;font-weight:400;margin-bottom:.8em}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-heading strong{font-weight:700;color:#fff;display:inline-block;position:relative;padding-bottom:6px}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-heading strong:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#4cca6e;border-radius:2px}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-desc{font-size:14px;line-height:1.9;margin-bottom:1.5em;opacity:.88}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-clinic-list{list-style:none}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-clinic-list li{position:relative;display:flex;align-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:13px 14px;margin-bottom:12px;transition:background .2s}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-clinic-list li:hover{background:rgba(255,255,255,.22)}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-clinic-list li .num{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:2px solid rgba(255,255,255,.8);font-size:13px;font-weight:700;color:#fff;flex-shrink:0;margin-right:14px}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-clinic-list li .clinic-info{flex:1;text-align:left}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-clinic-list li .clinic-info small{display:block;font-size:11px;opacity:.72;letter-spacing:.05em;margin-bottom:3px}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-clinic-list li .clinic-info p{font-size:14px;font-weight:700;color:#fff;line-height:1.35;margin:0}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-clinic-list li .clinic-arrow{position:absolute;inset:0;border-radius:8px}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-map{width:54%;height:340px}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-map svg{width:100%;height:100%}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-map svg .pulse-ring{transform-box:fill-box;transform-origin:center;animation:map-pulse 2.2s ease-out infinite}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-map svg .pulse-ring.delay{animation-delay:1s}.top-key .swiper-wrapper .swiper-slide#key03{background:#fff3e3}.top-key .swiper-wrapper .swiper-slide#key03 .wrapper{width:960px;margin:150px auto 0;position:relative}.top-key .swiper-wrapper .swiper-slide#key03 h2.copy{text-align:left}.top-key .swiper-wrapper .swiper-slide#key03 h2.copy img{width:45%;position:relative;z-index:2;margin:5% 0 0}.top-key .swiper-wrapper .swiper-slide#key03 img.photo-female{position:absolute;right:0;top:0;width:68%;border-radius:16px}.top-key .swiper-wrapper .swiper-slide#key03 .desc{margin-left:32%}.top-key .swiper-wrapper .swiper-slide#key03 .desc p.sub-copy{line-height:2;text-align:center;margin:12% auto 20px}.top-key .swiper-wrapper .swiper-slide#key03 .desc p.sub-copy strong{color:#ef6611}.top-key .swiper-wrapper .swiper-slide#key03 .desc p.btn a{display:inline-block;font-size:24px;font-weight:700;border-radius:50px;border:4px solid #ef6611;color:#ef6611;background-color:#fff;padding:.5em 3.5em}.top-key .swiper-wrapper .swiper-slide#key03 .desc p.btn a:hover{background-color:#ef6611;color:#fff}.top-key .swiper-wrapper .swiper-slide-active#key03 h2.copy img{animation:korokoro .5s linear 1s 1}.top-key .wave{position:absolute;bottom:-40px;z-index:10}@media screen and (max-width:800px){.top-key .swiper-pagination-bullets{display:none}.top-key .swiper-button-next,.top-key .swiper-button-prev{display:none}.top-key .swiper-wrapper{height:auto;min-height:auto}.top-key .swiper-wrapper .swiper-slide#key01{height:90vh;background-position:20% 100%}.top-key .swiper-wrapper .swiper-slide#key01 .text{margin:90px auto 10px;width:88%}.top-key .swiper-wrapper .swiper-slide#key01 h2.copy{font-size:5.2vw;letter-spacing:.4em;line-height:2}.top-key .swiper-wrapper .swiper-slide#key01 p.sub-copy{font-size:3.3vw;line-height:1.9;letter-spacing:0;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,0px 1px 0 #fff,-1px 0 #fff,-1px 0 0 #fff,1px 0 0 #fff}.top-key .swiper-wrapper .swiper-slide#key01 p.sub-copy strong{color:var(--cl-main)}.top-key .swiper-wrapper .swiper-slide#key01 p.bt{margin:2em}.top-key .swiper-wrapper .swiper-slide#key01 p.bt a{font-size:4vw;padding:.5em 1.2em}.top-key .swiper-wrapper .swiper-slide#key-satellite{height:90vh;overflow:hidden}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-inner{flex-direction:column;width:90%;gap:0;padding:70px 0 10px;height:100%}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-left{width:100%}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-heading{font-size:6.5vw}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-desc{font-size:3.4vw}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-clinic-list li .clinic-info p{font-size:3.4vw}.top-key .swiper-wrapper .swiper-slide#key-satellite .satellite-map{width:100%;height:45vw;min-height:180px;max-height:280px}.top-key .swiper-wrapper .swiper-slide#key02{height:90vh}.top-key .swiper-wrapper .swiper-slide#key02 .text{width:80%}.top-key .swiper-wrapper .swiper-slide#key02 .text h2.copy{font-size:24px;margin-top:.8em;text-shadow:0 1px 2px rgba(0,0,0,.8)}.top-key .swiper-wrapper .swiper-slide#key02 .text p.sub-copy{margin-top:80px;margin-bottom:20px}.top-key .swiper-wrapper .swiper-slide#key02 .text a{width:100%}.top-key .swiper-wrapper .swiper-slide#key02 .text .row a{display:block;width:100%;text-align:center}.top-key .swiper-wrapper .swiper-slide#key02 .text .row a img.ai_logo{width:40%;height:auto}.top-key .swiper-wrapper .swiper-slide#key02 .text .btn a{background-color:rgba(255,255,255,.75);color:#006dbe}.top-key .swiper-wrapper .swiper-slide#key03 .wrapper{width:auto;margin:10% auto 0}.top-key .swiper-wrapper .swiper-slide#key03 h2.copy{text-align:center}.top-key .swiper-wrapper .swiper-slide#key03 h2.copy img{width:85%;position:relative;z-index:2;margin:10% 6% 0 auto}.top-key .swiper-wrapper .swiper-slide#key03 img.photo-female{display:none}.top-key .swiper-wrapper .swiper-slide#key03 .desc{margin:0}.top-key .swiper-wrapper .swiper-slide#key03 .desc p.sub-copy{margin:4vh 10% 4vh}.top-key .swiper-wrapper .swiper-slide#key03 .desc p.btn{position:relative;z-index:2}.top-key .swiper-wrapper .swiper-slide#key03 .desc p.btn a{display:inline-block;font-size:20px}.top-key .wave{position:absolute;bottom:-15px;z-index:10}}@media screen and (max-width:800px){.bn-smp img{width:70%;margin:10px auto -10px}.bn-smp span{font-size:12px;display:inline-block}.bn-smp p{font-size:14px;text-align:left;margin:10px 6%}}#bn-shoshin img{width:100%;margin:10px auto 0}#bn-shoshin span{font-size:16px;display:block;text-align:center;margin-top:10px}#bn-shoshin p{font-size:16px !important;text-align:left;margin:0 0 10px}#bn-shoshin p br{display:none}#bn-shoshin .bn-smp span{font-size:14px}#bn-shoshin .bn-smp p{font-size:14px}.bn-pc{border-bottom:1px dashed #ccc;display:block;padding-bottom:5px}.bn-pc img{width:88%;margin:10px auto 0}.bn-pc span{font-size:12px;display:inline-block}@media screen and (max-width:800px){.bn-pc{display:none}}section#news-journal{display:flex;justify-content:space-between;padding:4em 0}section#news-journal .news{width:60%;text-align:left;position:relative}section#news-journal .news h2{border-bottom:solid 3px #e0e2da;position:relative;font-weight:200;font-size:26px;padding:8px 0 8px}section#news-journal .news h2:before{content:"\e0d5";font-size:.88em;color:var(--cl-main);font-family:"Font Awesome 6 Pro";font-weight:300;margin:0 8px}section#news-journal .news h2:after{position:absolute;content:" ";display:block;border-bottom:solid 3px var(--cl-main);bottom:-3px;left:0;width:30%}section#news-journal .news p.bt{position:absolute;right:0;top:15px}section#news-journal .news dl{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:14px;line-height:1.9}section#news-journal .news dl dt{width:10em;padding:.5em 0;border-bottom:1px dashed #ccc;color:#666}section#news-journal .news dl dd{width:calc(100% - 10em);padding:.5em 0;border-bottom:1px dashed #ccc}section#news-journal .journal{width:35%;background:var(--cl-bg);border-radius:6px;margin-top:10px}section#news-journal .journal h2{font-size:18px;font-weight:200;padding:10px 0;border-bottom:1px dashed #ccc}section#news-journal .journal h2:before{content:"\f1c1";color:var(--cl-main);font-family:"Font Awesome 6 Pro";font-weight:300;margin:0 8px}section#news-journal .journal .row{padding-top:20px;align-items:flex-end}section#news-journal .journal .row .image{width:50%;text-align:center}section#news-journal .journal .row .image img{width:110px;height:auto;box-shadow:0 1px 4px rgba(0,0,0,.2)}section#news-journal .journal .row .desc{width:50%}section#news-journal .journal .row .desc p{text-align:left;font-size:13px}section#news-journal .journal .row .desc a{margin-top:30px}@media screen and (max-width:800px){section#news-journal{display:block;padding:2em 0}section#news-journal .news{width:100%}section#news-journal .news h2{font-size:5vw}section#news-journal .news h2:before{margin:0 5px}section#news-journal .news p.bt{top:7px}section#news-journal .news dl dt,section#news-journal .news dl dd{display:block;width:100%;padding:0 0 .7em;line-height:1.6}section#news-journal .news dl dt{border-bottom:none;font-weight:200;color:#666;padding:.7em 0 0}section#news-journal .journal{width:100%;margin-top:2em}section#news-journal .journal h2{font-size:4.5vw}section#news-journal .journal .row{padding:13px 0;display:flex;width:90%;margin:0 auto}section#news-journal .journal .row .image{width:40%;text-align:center}section#news-journal .journal .row .image img{width:100%}section#news-journal .journal .row .desc{width:54%}section#news-journal .journal .row .desc p{text-align:left;font-size:3.4vw}section#news-journal .journal .row .desc a{width:100%}}section#contact{background:var(--cl-bg);margin-bottom:3em}section#contact .wrap,section#contact div.breadcrumbs{padding:3em 0}section#contact .wrap.buttons,section#contact div.buttons.breadcrumbs{padding:0}section#contact .wave:last-of-type{margin-top:-5.5em}section#contact .time-section{width:48%}section#contact .time-section h2{font-size:22px}section#contact .time-section h2 small{font-size:16px;color:#ac5906;margin-left:10px}section#contact .time-section h2:before{content:"\e134";font-size:1em;font-family:"Font Awesome 6 Pro";font-weight:400;display:inline-block;margin:0 12px 0 0;color:var(--cl-main)}section#contact .time-section dl{background-color:#fff;border:1px solid #ccc;border-radius:4px;margin:15px 0 30px;display:flex;padding:8px}section#contact .time-section dl dt{width:4.5em;background-color:var(--cl-main);color:#fff;border-radius:4px;font-weight:200;font-size:14px;padding:.2em}section#contact .time-section dl dd{width:35%;font-size:18px;font-weight:600}section#contact .time-section ul{text-align:left;margin:0 0 10px 60px}section#contact .time-section ul li{font-size:14px;margin-bottom:8px}section#contact .time-section ul li:before{content:"\f0a4";font-size:1.3em;font-family:"Font Awesome 6 Pro";font-weight:300;display:inline-block;margin:0 11px 0 0;color:var(--cl-main);vertical-align:middle}section#contact .tel-section{width:48%}section#contact .tel-section h3{font-size:14px}section#contact .tel-section p.tel{font-size:35px;color:var(--cl-main);margin:.9em 0;line-height:1}section#contact .tel-section p.tel:before{content:"\f8d3";font-size:.88em;font-family:"Font Awesome 6 Pro";font-weight:300;margin:0 8px 0 0}section#contact .tel-section p.desc{text-align:left;line-height:1.8;font-size:14px;width:84%;margin:0 auto}section#contact .tel-section p.desc strong{color:var(--cl-main)}section#contact .tel-section p.bt{margin-top:1.4em}section#contact .tel-section p.bt a{margin:0 .6em;font-size:15px}@media screen and (max-width:800px){section#contact .wrap,section#contact div.breadcrumbs{padding:3em 0}section#contact .wrap.buttons,section#contact div.buttons.breadcrumbs{padding:0}section#contact .wave:last-of-type{padding-top:11%}section#contact .time-section{width:100%}section#contact .time-section h2{font-size:5vw;line-height:1}section#contact .time-section h2 small{font-size:3.8vw;vertical-align:18%}section#contact .time-section dl{margin:20px 0 20px;flex-wrap:wrap}section#contact .time-section dl dt{width:30%;font-size:4vw;padding:.2em}section#contact .time-section dl dt:first-child{margin-bottom:10px}section#contact .time-section dl dd{width:70%;font-size:5vw}section#contact .time-section dl dd:first-child{margin-bottom:10px}section#contact .time-section ul{margin:0 0 10px}section#contact .time-section ul li{font-size:3.8vw;margin-bottom:.3em}section#contact .time-section ul li:before{font-size:1em;margin:0 6px 0 0}section#contact .tel-section{width:100%;margin-top:3em}section#contact .tel-section h3{font-size:4.3vw}section#contact .tel-section p.tel{font-size:9vw}section#contact .tel-section p.desc{font-size:4vw;width:100%}section#contact .tel-section p.bt a{margin:.7em 0}}section#access{text-align:left;margin-top:80px}section#access h2{border-bottom:solid 3px #e0e2da;position:relative;font-weight:200;font-size:22px;padding:8px 0;margin-bottom:40px}section#access h2:before{content:"\f279";color:var(--cl-main);font-size:1em;font-family:"Font Awesome 6 Pro";font-weight:300;margin-right:10px}section#access h2:after{position:absolute;content:" ";display:block;border-bottom:solid 3px var(--cl-main);bottom:-3px;left:0;width:30%}section#access .map{width:48%;overflow:hidden;height:330px;border:1px solid #ccc}section#access .map iframe{width:100%;height:670px;margin-top:-170px}section#access .desc{width:43%;font-size:14px}section#access .desc p.address{margin-bottom:2.8em;line-height:2;position:relative}section#access .desc p.address:before{content:"\f606";font-size:1.2em;font-family:"Font Awesome 6 Pro";font-weight:300;display:inline-block;position:absolute;left:-38px;top:-2px;color:var(--cl-main)}section#access .desc ul.transportation{position:relative}section#access .desc ul.transportation:before{content:"\f1b9";font-size:1.2em;font-family:"Font Awesome 6 Pro";font-weight:300;display:inline-block;position:absolute;left:-40px;top:-2px;color:var(--cl-main)}section#access .desc ul.transportation li{margin-bottom:1em}section#access .desc p.button{margin-top:2.5em}@media screen and (max-width:800px){section#access h2{font-size:5vw;margin-bottom:20px}section#access h2:before{margin-right:8px}section#access h2:after{width:56%}section#access .map{width:100%}section#access .desc{width:auto;font-size:3.9vw;margin-top:2em}section#access .desc p.address{margin-left:2.8em}section#access .desc p.address:before{font-size:1.4em;left:-2em;top:-.3em}section#access .desc ul.transportation{margin-left:2.8em}section#access .desc ul.transportation:before{font-size:1.4em;left:-2em;top:-.3em}section#access .desc p.button{margin-top:2em}}section#recruit{background:#eff7f8 url(//hmh.or.jp/wp-content/themes/hmh/css/../img/recruit_pic@2x.png) no-repeat 88% 86%/8% auto;text-align:left;border-top:1px dashed #ccc;margin:100px 0 70px;padding-top:50px}section#recruit .row{align-items:flex-start}section#recruit .box_l{width:52%}section#recruit .box_l h2{border-bottom:solid 3px #e0e2da;position:relative;font-weight:200;font-size:22px;padding:8px 0;margin-bottom:40px}section#recruit .box_l h2:before{content:"\e458";color:var(--cl-sub);font-size:1em;font-family:"Font Awesome 6 Pro";font-weight:300;margin-right:10px}section#recruit .box_l h2:after{position:absolute;content:" ";display:block;border-bottom:solid 3px var(--cl-sub);bottom:-3px;left:0;width:40%}section#recruit .box_l ul li{background-color:#fff;font-size:18px;color:#006dbe;border-radius:40px;margin-bottom:1.3em;padding:.3em 1em}section#recruit .box_l .button{margin:80px auto -40px;width:70%}section#recruit .box_l .button a{color:var(--cl-sub);text-align:center;font-size:20px;padding:.8em 1.5em;font-weight:600;line-height:1.3;background-color:#fff}section#recruit .box_l .button a small{color:#333;font-weight:200;font-size:14px}section#recruit .box_l .button a:after{content:"";width:16%;height:100%;position:absolute;top:0;right:-12%;z-index:-1;background:var(--cl-bg);transition:.3s;border-radius:100%}section#recruit .box_l .button a:before{content:"";width:16%;height:100%;position:absolute;top:0;left:0;z-index:-1;background:var(--cl-bg);transition:.3s;border-radius:100%;transform:translateX(-75%);transition:transform ease .3s}section#recruit .box_l .button a:hover{color:var(--cl-sub);border-color:var(--cl-sub)}section#recruit .box_l .button a:hover:before{transform:translateX(0%);top:4%;left:1%;width:98%;height:92%;border-radius:6px}section#recruit .box_l .button a:hover:after{display:none}section#recruit .box_r{width:39%}section#recruit .box_r h2{background:url(//hmh.or.jp/wp-content/themes/hmh/css/../img/recruit_title@2x.png) no-repeat center center/contain;width:100%;max-width:390px;height:130px;text-indent:-9999px;margin:0 auto 30px}section#recruit .box_r p{font-size:14px;line-height:2.3;color:#333}@media screen and (max-width:800px){section#recruit{background-image:none}section#recruit .wave{padding-top:11%}section#recruit .row{display:flex;flex-wrap:wrap}section#recruit .box_l{width:auto;order:1;padding-bottom:30px}section#recruit .box_l h2{font-size:5vw;margin-bottom:30px}section#recruit .box_l h2:before{margin:0 8px}section#recruit .box_l h2:after{width:50%}section#recruit .box_l ul li{font-size:4vw;padding:.3em 1.5em}section#recruit .box_l .button{margin:40px auto 0px;width:100%}section#recruit .box_r{width:auto;order:0}section#recruit .box_r h2{background:url(//hmh.or.jp/wp-content/themes/hmh/css/../img/recruit_title@2x.png) no-repeat center center/contain;width:100%;max-width:390px;height:auto;padding-top:20%;margin:0 auto 30px}section#recruit .box_r p{font-size:3.8vw;line-height:2;color:#333;margin-bottom:2em}}section#links{background:var(--cl-bg);padding:50px 0;margin-bottom:100px}@media screen and (max-width:800px){section#links{padding:30px 0 22px;margin-bottom:60px}}section#groups{margin:0 0 100px}section#groups:before{content:"\f80e";color:var(--cl-main);font-size:2.2em;font-family:"Font Awesome 6 Pro";font-weight:300;margin-right:10px}section#groups h2{font-size:22px;color:#333}section#groups h2:after,section#groups h2:before{border-top:1px dashed;border-color:#ccc}section#groups .swiper{padding:0 30px}section#groups .swiper .swiper-wrapper .swiper-slide{margin-right:20px}section#groups .swiper .swiper-wrapper .swiper-slide a img{border:2px solid var(--cl-bg);border-radius:6px;width:100%;transition:all .3s}section#groups .swiper .swiper-wrapper .swiper-slide a h4{display:inline-block;background-color:var(--cl-bg);font-size:13px;border-radius:4px;margin-top:7px;color:#333;padding:2px 10px;transition:all .2s}section#groups .swiper .swiper-wrapper .swiper-slide a:hover h4{background-color:var(--cl-main);color:#fff}section#groups .swiper .swiper-button-next,section#groups .swiper .swiper-button-prev{top:40%;transition:all .3s}section#groups .swiper .swiper-button-next{right:2%}section#groups .swiper .swiper-button-prev{left:2%}section#groups .swiper .swiper-button-next:after,section#groups .swiper .swiper-button-prev:after{color:var(--cl-main);font-size:2em;font-family:"Font Awesome 6 Pro";font-weight:300;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1;text-shadow:2px 2px 0px #fff,-2px 2px 0px #fff,2px -2px 0px #fff,-2px -2px 0px #fff,2px 0px 0px #fff,0px 2px 0px #fff,-2px 0px 0px #fff,0px -2px 0px #fff}section#groups .swiper .swiper-button-prev:after{content:"\f0a8"}section#groups .swiper .swiper-button-next:after{content:"\f0a9"}section#groups .swiper .swiper-button-next:hover,section#groups .swiper .swiper-button-prev:hover{font-size:1.4em}@media screen and (max-width:800px){section#groups{margin:0 0 60px}section#groups h2{font-size:5vw}section#groups .swiper{padding:0}section#groups .swiper .swiper-wrapper .swiper-slide a img{border-radius:12px;width:70%;margin:0 auto}section#groups .swiper .swiper-wrapper .swiper-slide a h4{font-size:3.7vw;display:block;width:70%;margin:10px auto 0}section#groups .swiper .swiper-button-next,section#groups .swiper .swiper-button-prev{top:44%}section#groups .swiper .swiper-button-next{right:4%}section#groups .swiper .swiper-button-prev{left:4%}}