@charset "UTF-8";html{font-size:100%}body{color:#202020;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Segoe UI","Helvetica Neue",HelveticaNeue,YuGothic,"Yu Gothic Medium","Yu Gothic",Verdana,Meiryo,sans-serif;font-feature-settings:"palt";background:#ffc4d9}b,strong,.bold{font-family:-apple-system,BlinkMacSystemFont,Roboto,"Segoe UI semibold","Helvetica Neue",HelveticaNeue,YuGothic,"Yu Gothic","Segoe UI",Verdana,Meiryo,sans-serif}_:lang(x)::-ms-backdrop,.selector{font-family:"Segoe UI",Meiryo,sans-serif}a{text-decoration:none;color:#202020}a:hover{text-decoration:underline;color:#ed86a9}#wrapper{width:100%;overflow-x:hidden !important}.pc{display:block}.sp{display:none}.effect-fade{opacity:0;transform:translate(0,60px);transition:all 1s}.effect-fade.effect-scroll{opacity:1;transform:translate(0,0)}.load{position:fixed;top:0;left:0;width:100%;min-height:100%;z-index:999;background:#fff;opacity:1;transition:1s;overflow:hidden}.wrapper{display:none}.on{display:block}.off{opacity:0;transition:1s;animation:.1s linear 1s out-area forwards}@keyframes out-area{0%{transform:translateX(0px)}100%{transform:translateX(10000px)}}.load .logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:60%;max-width:240px;height:auto;opacity:0;animation:1.5s load_logo ease-in-out 0s forwards}@keyframes load_logo{0%{opacity:0;transform:translate(-50%,-50%) scale(1)}100%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.load .logo img{width:100%;height:auto}.load .screen1{position:absolute;width:100%;height:100%;background:#ed86a9;transform:translateX(-100%);animation:.5s slidein ease-in-out 1s forwards}.load .screen2{position:absolute;width:100%;height:100%;background:#fff;transform:translateX(-100%);animation:.5s slidein ease-in-out 1.3s forwards}@keyframes slidein{0%{transform:translateX(-100%)}100%{transform:translateX(0%)}}.recaptcha_policy{padding:0;margin-top:15px;text-align:center;font-size:12px !important;color:#444 !important}.grecaptcha-badge{visibility:hidden}.h_deco_1{font-size:26px;line-height:1.4em;font-weight:700;padding:6px 16px;border-left:6px solid #ed86a9;margin-bottom:20px;letter-spacing:.03em;width:100%;background:#fafafa}.header_menu_btn{position:fixed;top:24px;right:30px;width:50px;height:50px;background:#fff;border-radius:100vh;z-index:99999;transition:.3s}@media screen and (max-width:700px){.header_menu_btn{top:20px;right:16px}}.header_menu_btn.hide{transform:translateY(-100px);transition:.3s}.header_menu_btn:before{position:absolute;content:"";width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100vh;background:#fff;transition:.3s}.header_menu_btn.open:before{position:absolute;content:"";width:2000%;height:2000%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100vh;background:#fff;transition:.3s}.header_menu_btn_icon{position:absolute;width:34px;height:34px;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;background-image:url(//haruno.design/css/../img/menu_icon.svg);background-size:cover;transition:0s}.header_menu_btn_icon.open{top:26px;right:30px;background-image:url(//haruno.design/css/../img/menu_icon_cl.svg);transform:translate(-50%,-50%) rotate(180deg);transition:0s}.header_menu{position:fixed;top:80px;right:0;width:60vw;transform:translateX(60vw);opacity:0;transition:.3s;z-index:99999}.header_menu.open{transform:translateX(0px);opacity:1;transition:.3s}.header_menu_list{list-style:none;width:100%;margin:auto;text-align:right}.header_menu_list li{position:relative;padding:14px 50px 14px 0}.header_menu_list li p{font-size:16px;color:#ed86a9}.p_01{font-size:14px;letter-spacing:.03em;line-height:1.8;margin:20px auto;text-align:center}@media screen and (max-width:900px){.p_01{text-align:left}}.logo_svg_1{fill:#fff;animation:svg_1 7s ease 0s 1;animation-iteration-count:infinite}@keyframes svg_1{0%{fill:#fff}5%{fill:#fff}6%{fill:#ed86a9}16%{fill:#fff}100%{fill:#fff}}.logo_svg_2{fill:#fff;animation:svg_2 7s ease 0s 1;animation-iteration-count:infinite}@keyframes svg_2{0%{fill:#fff}6%{fill:#fff}7%{fill:#ed86a9}17%{fill:#fff}100%{fill:#fff}}.logo_svg_3{fill:#fff;animation:svg_3 7s ease 0s 1;animation-iteration-count:infinite}@keyframes svg_3{0%{fill:#fff}7%{fill:#fff}8%{fill:#ed86a9}18%{fill:#fff}100%{fill:#fff}}.logo_svg_4{fill:#fff;animation:svg_4 7s ease 0s 1;animation-iteration-count:infinite}@keyframes svg_4{0%{fill:#fff}8%{fill:#fff}9%{fill:#ed86a9}19%{fill:#fff}100%{fill:#fff}}.logo_svg_5{fill:#fff;animation:svg_5 7s ease 0s 1;animation-iteration-count:infinite}@keyframes svg_5{0%{fill:#fff}9%{fill:#fff}10%{fill:#ed86a9}20%{fill:#fff}100%{fill:#fff}}.top-backimg{position:fixed;z-index:-1;width:100vw;height:100%;min-height:-webkit-fill-available;object-fit:cover;object-position:center;opacity:1;transition:all .6s}.back{background:#000;transition:.5s}.back.addback{background:#000;opacity:.7;transition:.5s}.fv{position:relative;width:100vw;height:100vh}.fv .logo{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}.fv .fv-text{margin:20px auto auto auto;color:#fff;text-align:center;font-size:18px;letter-spacing:5px}.width{position:absolute;bottom:0;width:900px;margin:auto;left:50%;transform:translateX(-50%)}@media (max-width:900px){.width{width:90%}}.top-topix{display:flex;position:relative;width:500px;margin:50px 10px;padding:15px;background-color:#fff;color:#ed86a9;font-size:12px;font-weight:600;border-radius:5px}@media (max-width:900px){.top-topix{width:80%;margin:35px 10px}}.backbox{position:relative;margin:30px auto;padding:50px 20px;width:1050px;background-color:#fff;border-radius:20px}.backbox.recruit{padding:50px}@media (max-width:900px){.backbox{padding:30px 15px;width:95%;border-radius:10px}.backbox.recruit{padding:30px}}.newsbox{margin:30px auto;padding:50px;width:900px;background-color:#fff;border-radius:20px}@media (max-width:900px){.newsbox{padding:30px;width:95%;border-radius:10px}}.newsbox a{overflow-wrap:break-word;color:#ed86a9;text-decoration:none}.newsbox a:hover{text-decoration:underline}.backbox_02{margin:50px auto;padding:50px;width:1200px;background-color:#ffc4d9;border-radius:20px}@media (max-width:1250px){.backbox_02{padding:30px 15px;width:95%;border-radius:10px}}.page_title{padding:120px 0 40px}.title_tag{display:inline-block;padding:5px 15px;margin:auto auto 20px auto;background-color:#d35480;color:#fff;border-radius:5px}.title_ENG{font-family:'Jost',sans-serif;font-size:50px;text-align:center;font-weight:600;color:#202020;margin:auto auto 10px auto;line-height:1}@media (max-width:900px){.title_ENG{font-size:36px}}.news_title{font-size:32px;text-align:left;font-weight:600;color:#202020;margin:auto}@media (max-width:900px){.news_title{font-size:24px}}.title_JP{font-size:15px;text-align:center;color:#202020;letter-spacing:.1rem}.contents-box-text{width:90%;margin:30px auto;font-size:14px;color:#202020;letter-spacing:.03em;text-align:left}@media (max-width:900px){.contents-box-text{width:90%}}.contact-alert{display:flex;gap:6px;justify-content:center;width:100%;padding:8px 12px;background:rgba(255,0,0,.06);border-radius:6px;align-items:center}@media (max-width:900px){.contact-alert{gap:6px}}.contact-alert img{width:24px;height:24px;object-fit:contain}.contact-alert p{color:red;font-size:16px;line-height:1.4em;letter-spacing:.03em}.news-contents{display:flex;flex-direction:column;gap:20px;width:100%;margin:auto;font-size:16px;color:#202020;letter-spacing:.03rem;text-align:left}.news-contents h3{padding:16px 8px;border-bottom:2px solid #ed86a9}.news-contents h4{background:#fff3f6;padding:14px 16px;color:#202020;font-weight:400}.news-contents .wp-block-image img{width:100%;height:auto;object-fit:cover}.flexbox{display:flex;justify-content:space-between;width:90%;margin:auto}.flexbox_left{width:48%}.flexbox_left img{width:100%;height:200px;object-fit:cover;object-position:center;margin:15px auto}.flexbox_rigth{width:48%}.flexbox_rigth img{width:100%;height:200px;object-fit:cover;object-position:center;margin:15px auto}.business_contents{display:flex;flex-direction:column;gap:40px}.work_contents_area{display:flex;justify-content:space-between;flex-wrap:wrap;width:90%;margin:auto}.work_contents_area .work_box{display:flex;flex-direction:column;gap:12px;width:48%;margin-bottom:40px;font-size:15px;letter-spacing:2px;line-height:1.8}.work_contents_area .work_box .desc{line-height:1.4em;letter-spacing:.03em}.work_contents_area .work_box .desc span{font-size:20px;font-weight:600;background-color:#00000000;color:#ed86a9;letter-spacing:.03em;line-height:2em}.work_title{font-size:20px;font-weight:700}.work_more_btn,.work_more_btn_2{position:relative;width:100%;font-size:14px;font-weight:700;color:#fff;text-align:center;padding:12px 0;background:#d35480;margin-top:16px;border-radius:4px;transition:.3s}.work_more_btn:after{content:"";position:absolute;top:50%;right:20px;width:14px;height:14px;transform:translateY(-50%);background-image:url(//haruno.design/css/../img/other_link_icon.svg)}.work_more_btn:hover,.work_more_btn_2:hover{background:#fddae6;transition:0s}.work_contents_area .work_box span{font-size:18px;font-weight:700;color:#ffc4d9;background:0 0}@media (max-width:900px){.work_contents_area .work_box{width:100%}}.work_contents_area .work_box .thumbnail{position:relative;width:100%;height:auto}.work_contents_area .work_box .thumbnail:before{content:"";display:block;padding-top:48%;background:gray}.work_contents_area .work_box .thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}@media (max-width:900px){.flexbox{display:block;width:90%;margin:auto}.flexbox_left{width:100%;margin:50px auto}.flexbox_rigth{width:100%;margin:50px auto}}.flexbox_02{display:flex;justify-content:space-between;width:100%;margin:auto}@media (max-width:900px){.flexbox_02{display:block}}.top_banner{position:relative;margin:40px auto;max-width:900px;height:auto;width:95%;filter:drop-shadow(0px 6px 6px rgba(0,0,0,.4));transform:translateZ(0px);transition:.3s;animation:banner-anime 5s ease-in-out 0s infinite;overflow:hidden}.top_banner:after{position:absolute;content:"";width:100px;height:1000px;transform:rotate(45deg) translateY(-50%) translateX(-480px);transform-origin:center;left:0;background:#fff;opacity:.8;overflow:hidden;animation:banner-flash 3s ease-in-out 2s infinite}@keyframes banner-flash{0%{transform:rotate(45deg) translateY(-50%) translateX(-480px)}20%{transform:rotate(45deg) translateY(-50%) translateX(480px)}100%{transform:rotate(45deg) translateY(-50%) translateX(480px)}}@keyframes banner-anime{0%{transform:translateZ(0px) translateX(0px)}5%{transform:translateZ(0px) translateX(-20px)}10%{transform:translateZ(0px) translateX(40px)}15%{transform:translateZ(0px) translateX(-10px)}20%{transform:translateZ(0px) translateX(0px)}100%{transform:translateZ(0px) translateX(0px)}}.top_banner:hover{opacity:.8;filter:drop-shadow(0px 6px 6px rgba(0,0,0,.0));transition:.3s}.top_banner img{width:100%;height:auto;object-fit:cover;border-radius:20px;overflow:hidden}.flexbox_banner{display:flex;justify-content:space-between;width:900px;margin:auto}@media (max-width:900px){.flexbox_banner{display:block;width:90%}}.flexbox_banner img{width:420px;height:250px;object-fit:cover;margin:30px auto auto auto;transition:.5s;border:6px solid #00000000}@media (max-width:900px){.flexbox_banner img{width:100%;height:auto}}.flexbox_banner img:hover{transition:.5s;border:6px solid #d35480}.flexbox_per{display:flex;justify-content:space-between;width:100%;margin:50px auto auto auto;flex-direction:row;flex-wrap:wrap}@media (max-width:550px){.flexbox_per{display:block}}.flexbox_perbox{display:flex;justify-content:space-between;width:90%;margin:auto}.per_box{position:relative;background-color:#fff;padding:20px;width:32%;border-radius:10px;transition:.5s;overflow:hidden;margin:0 auto 12px 0px}.flexbox_per:after{display:block;content:"";width:33%}.per_box_img{overflow:hidden;aspect-ratio:1.91/1;margin-bottom:15px}.per_box>.per_box_img img{width:100%;height:100%;object-fit:cover;object-position:center;margin:auto;transition:.5s;overflow:hidden}@media (max-width:800px){.per_box{width:100%;margin:0 auto 30px auto}.per_box img{height:100%}}.per_category{padding:3px 8px;background-color:#ffc6da;font-size:12px;font-weight:600}.per_date{font-size:12px;margin:3px 0 auto auto}.per_title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:600;margin:10px auto auto auto;transition:.5s}.per_box:hover .per_title{color:#d35480;transition:.5s}.per_box:hover img{transform:scale(1.1,1.1);opacity:.5;transition:.5s}.per_button{display:inline-block;position:relative;padding:8px 20px;border:1px solid #202020;border-radius:100vh;transition:.5s}.per_button:hover{border:1px solid #d35480;background-color:#d35480;color:#fff;transition:.5s}.news_archive{margin:50px auto}.news{display:flex;position:relative;justify-content:space-around;width:90%;margin:auto;border-bottom:1px dashed #202020;padding:15px 0}.news_flex .date{white-space:nowrap;font-size:15px;margin:auto 10px auto 0px}.news .category{width:58%;margin:auto 20px auto 0px}.news .category p{background-color:#fddae6;border-radius:3px;display:inline-block;padding:2px 10px;font-size:12px;font-weight:400;color:#202020;margin:auto 5px}.news .title{width:100%;font-weight:600;transition:.5s}.news:hover .title{color:#d35480;transition:.5s}@media (max-width:900px){.news{display:block}.news .title{width:100%}.news .date{width:auto}.news .category{width:auto;margin:auto auto auto 15px}.news .title{margin:10px auto auto auto}}.newsbox .category{display:flex;flex-wrap:wrap;margin:12px auto 20px;gap:8px}.newsbox .category p{background-color:#fddae6;border-radius:3px;display:inline-block;padding:2px 10px;font-size:12px;font-weight:400;color:#202020;margin:auto 0px;line-height:15px}@media (max-width:900px){.newsbox .date{width:auto}.newsbox .category{width:auto}.newsbox .title{margin:10px auto auto auto}}.news_flex{display:flex;white-space:nowrap}@media (max-width:900px){.news_flex{width:100%;justify-content:flex-start}}.pandust{width:900px;margin:auto}@media (max-width:900px){.pandust{width:90%}}.linkarea{position:absolute;width:100%;height:100%;top:0;left:0}.news_more{display:inline-block;position:relative;background-color:#d35480;border-radius:100vh;padding:20px 30px;color:#fff;font-weight:600;transition:.5s;border:1px solid #00000000}.news_more:hover{background-color:#fff;color:#d35480;transition:.5s;border:1px solid #d35480}.form-width{width:90%;margin:auto;text-align:justify}@media (max-width:900px){.form-width{width:90%}}.form-flex{margin:20px auto}.form-label{padding:10px 0}.form-label span{border-radius:2px;background:#ed86a9;padding:3px 5px;color:#fff;font-size:12px;font-weight:700;margin-right:7px}.textform{width:100%;padding:15px;border:1px solid #d8d8d8}.commentform{width:100%;padding:15px;border:1px solid #d8d8d8;min-height:200px}.form-send{width:100%;padding:15px;border:1px solid #d35480;background-color:#d35480;color:#fff;transition:.5s}.form-send:hover{border:1px solid #d35480;background-color:#fff;color:#d35480}.policy_box_1{width:50%;background-color:#d35480;color:#fff;padding:50px 0}@media (max-width:900px){.policy_box_1{width:100%}}.policy_box_2{width:50%;background-color:#fff;color:#202020;padding:50px 0}@media (max-width:900px){.policy_box_2{width:100%}}.policy_content{width:450px;margin:auto;text-align:center}@media (max-width:900px){.policy_content{width:90%}}.footer_1{width:38%;height:300px;position:relative}.footer_2{font-size:14px}.footer_3{width:20%;line-height:30px}.footer_4{width:32%;line-height:30px}.footer_3 .title,.footer_4 .title{font-family:'Jost',sans-serif;font-size:24px;font-weight:500;color:#ffc4d9}@media (max-width:900px){.footer_1{width:60%;height:auto;position:static}.footer_2{position:static;margin:10px auto 30px auto}.footer_3{width:100%;line-height:30px;margin:20px auto}.footer_4{width:100%;line-height:30px}}.more_button{display:inline-block;position:relative;padding:5px 40px;margin:20px auto auto auto;border-radius:100vh;border:1px solid #fff;transition:.5s}.more_button:hover{background:#fff;color:#d35480;transition:.5s}.top_column_block{position:relative;display:inline-block;width:33%}@media screen and (max-width:800px){.top_column_block{width:100%}}.per_box_img_{position:relative;overflow:hidden;width:100%;height:auto;margin-bottom:5px}.per_box_img_:before{display:block;content:"";padding-top:56.25%}.per_box_img_ img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.per_box_{position:relative;background-color:#fff;padding:20px;width:100%;border-radius:10px;transition:.5s;overflow:hidden;margin:0 auto 30px 0px}.tag_list{margin:50px auto auto auto;text-align:center}.tag_list li{display:inline-block;position:relative;font-size:16px;background:#fff;padding:5px 15px 5px 30px;line-height:1;border-radius:0 0 10px;color:#ed86a9;list-style:none;margin-right:10px;font-weight:700;border-left:4px solid;cursor:pointer;margin-bottom:20px}.tag_list li:after{position:absolute;content:"";width:16px;height:16px;top:5px;left:10px;background-image:url(//haruno.design/css/../img/tag_svg.svg)}.policy_list{list-style:none}.policy_list li{width:90%;padding:20px 0;margin:auto;border-bottom:1px solid #d5d5d5}.policy_list li .category{font-size:14px;font-weight:700;margin-bottom:14px;color:#ed86a9}.policy_list li .text{font-size:16px}.custom-select{appearance:none;background-image:url('https://haruno.design/wp-content/uploads/2024/09/Frame-61-1-1.png');background-repeat:no-repeat;background-position:right 10px center;background-size:24px}.daihyou_thumbnail{position:relative;max-width:240px;width:90%;height:auto;margin:auto auto 20px auto;border-radius:100vh;overflow:hidden}.daihyou_thumbnail:before{content:"";display:block;padding-top:100%}.daihyou_thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.daihyou_job{color:#fff;font-size:14px;letter-spacing:1.8px;margin-bottom:6px;text-align:center}.daihyou_name{color:#fff;font-size:18px;font-weight:700;letter-spacing:1.8px;text-align:center;margin-bottom:6px}.daihyou_yomi{color:#eacdd8;font-size:12px;letter-spacing:1.8px;text-align:center;margin-bottom:20px}.daihyou_aisatsu{color:#fff;font-size:14px;letter-spacing:2.2px;line-height:28px;max-width:900px;width:90%;margin:auto;text-align:center}@media screen and (max-width:850px){.daihyou_aisatsu{text-align:left}}#padSection{border:1px solid #e5e5e5}#padSection h4{margin-bottom:auto;padding-bottom:4px;border-bottom:none;font-size:18px}#padSection dl dd{line-height:1.8}#padSection dl dt .authorName{background-color:#fff}#padSection dl dt .pad_caption{background-color:#fff}#latestEntries{display:none}#padSection .sns_icons li{position:relative;display:inline-block;width:30px;height:30px}#padSection .sns_icons li a{position:absolute;top:0;left:0;width:100%;height:100%}#padSection .sns_icons li a i{position:absolute;top:0;left:0;width:100%;height:100%}.fa-globe:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(//haruno.design/css/../img/web_icon_pink.svg);background-size:cover}.fa-twitter-square:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(//haruno.design/css/../img/twitter_icon_pink.svg);background-size:cover}.fa-facebook-square:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(//haruno.design/css/../img/facebook_icon_pink.svg);background-size:cover}.fa-instagram:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(//haruno.design/css/../img/instagram_icon_pink.svg);background-size:cover}.fa-youtube-square:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(//haruno.design/css/../img/youtube_icon_pink.svg);background-size:cover}@media (max-width:600px){#padSection{padding:15px 20px}#padSection .avatar img{width:50%}#padSection .avatar{float:none;text-align:center}#padSection .profileTxtSet{margin-left:auto}}@media screen and (max-width:900px){.pc{display:none}.sp{display:block}}.office_ul{max-width:900px;width:90%;margin:40px auto auto auto;list-style:none;color:#202020;gap:14px}.office_ul li{background:#fff;border-radius:20px;padding:40px;margin-bottom:20px}.office_ul li .title{font-size:20px;font-weight:700;margin-bottom:8px}.office_ul li .icon{position:relative;font-size:14px;margin-bottom:16px;padding-left:24px}.office_ul li .icon img{position:absolute;top:50%;left:0;transform:translateY(-50%);width:20px;height:20px;object-fit:contain}.office_ul li .name{position:relative;font-size:14px;margin-bottom:8px;text-align:center}.office_ul li .name:before{position:absolute;content:"";top:50%;transform:translateY(-50%);left:0;width:100%;height:1px;border-bottom:.5px dashed #d1d1d1}.office_ul li .name p{position:relative;display:inline-block;background:#fff;padding:0 6px;z-index:2}.office_ul li .work_tag{display:flex;flex-wrap:wrap;gap:8px;list-style:none}.office_ul li .work_tag li{font-size:14px;font-weight:700;padding:4px 12px;background:#ed86a9;color:#fff;border-radius:4px;white-space:nowrap;margin-bottom:0}.work_tag_2{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:20px auto}.work_tag_2 li{font-size:14px;font-weight:700;padding:4px 12px;background:#ed86a9;color:#fff;border-radius:4px;white-space:nowrap;margin-bottom:0}.review_flex{display:flex;flex-wrap:nowrap;max-width:1100px;width:90%;margin:auto;column-gap:20px;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.review_flex::-webkit-scrollbar{display:none}.review_panel{flex-shrink:0;position:relative;width:340px;height:400px;padding:20px;border-radius:20px;background:#fff;overflow:hidden;filter:drop-shadow(0px 0px 10px rgba(0,0,0,.1));cursor:pointer}.review_panel:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:#000;background:linear-gradient(0deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 100%);opacity:1;z-index:-1;transition:.3s}.mask_over{position:absolute;top:0;left:0;width:100%;height:100%;background:#d35480;transition:.3s;opacity:0;padding:40px;color:#fff}.review_panel:hover .mask_over{opacity:1;transition:.3s}.review_back{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:.3s;z-index:-2}.review_panel:hover .review_back{opacity:1;transition:.3s}.review_panel_text{position:absolute;bottom:20px;left:24px;right:24px;color:#fff;transition:.3s}.review_panel:hover .review_panel_text{opacity:0;transition:.3s}.review_star{font-family:'Jost',sans-serif;font-size:28px;color:#fff100;margin-bottom:12px}.review_name{font-size:14px;letter-spacing:1.8px;font-weight:700;margin-bottom:8px}.review_comment{font-size:14px;letter-spacing:2px;line-height:28px}.blogcard{line-height:1;background-color:#fff;border:1px solid #eee;word-wrap:break-word;box-shadow:0 0 10px 6px rgba(0,0,0,.025)}.blogcard.ex{background-color:#f7f7f7}.blogcard a{text-decoration:none;opacity:1;transition:all .2s ease;color:#202020}.blogcard a:hover{opacity:.6}.blogcard_thumbnail{float:left;padding:20px}.blogcard_title{font-size:1em;font-weight:700;line-height:1.4;padding:17px 20px 10px}.blogcard_excerpt{font-size:.85em;line-height:1.6;padding:0 17px 15px 20px}.blogcard_link{font-size:.65em;padding:0 17px 15px 20px;text-align:left}.blogcard_link .favicon{margin-bottom:-4px}.blogcard_link .icon-external-link-alt:before{font-size:.75em}@media screen and (max-width:768px){.blogcard_thumbnail img{width:90px}.blogcard_title{font-size:.95em;padding-bottom:17px}.blogcard_excerpt{display:none}}.user_list{display:flex;justify-content:center;flex-wrap:wrap;gap:120px 60px;list-style:none;padding:0 4%;margin-bottom:240px}.user_list .person{position:relative;width:calc((100% - 120px)/3);transition:.3s;cursor:pointer}@media screen and (max-width:1100px){.user_list .person{width:calc((100% - 60px)/2)}}@media screen and (max-width:540px){.user_list .person{width:100%}}.user_list .person .user_icon{position:relative;width:80%;border-radius:100vh;overflow:hidden;margin:auto}.user_list .person .user_icon:before{content:"";display:block;padding-top:100%}.user_list .person .user_icon img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:.3s}.user_list .person:hover .user_icon img{transform:scale(1.05);transition:.3s}.user_list .person .user_illust{position:absolute;width:120px;height:120px;border-radius:100vh;overflow:hidden;right:0;bottom:0}@media screen and (max-width:720px){.user_list .person .user_illust{width:80px;height:80px}}@media screen and (max-width:540px){.user_list .person .user_illust{width:120px;height:120px}}.user_list .person .user_illust img{width:100%;height:100%;object-fit:cover}.user_list .person .user_name{position:absolute;bottom:0;left:0;z-index:1}.user_list .person .user_name .en_name{display:inline-block;position:relative;padding:4px 12px;color:#d35480;bottom:0;left:0}.user_list .person .user_name .en_name:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:-1}.user_list .person .user_name .jp_name{display:table;position:relative;padding:4px 12px;color:#fff;bottom:0;left:0;font-size:20px;font-weight:700;margin-top:6px}.user_list .person .user_name .jp_name:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#d35480;z-index:-1}@media screen and (max-width:720px){.user_list .person .user_name .en_name{font-size:12px}.user_list .person .user_name .jp_name{font-size:16px}}@media screen and (max-width:540px){.user_list .person .user_name .en_name{font-size:16px}.user_list .person .user_name .jp_name{font-size:20px}}.user_list .person .user_name .industry{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.user_list .person .user_name .industry p{padding:4px 8px;border-radius:100vh;font-size:12px;font-weight:700;border:2px solid #fff;color:#fff}@media screen and (max-width:720px){.user_list .person .user_name .industry p{font-size:10px;padding:2px 8px}}@media screen and (max-width:540px){.user_list .person .user_name .industry p{font-size:12px;padding:4px 8px}}.staff_detail{display:none}.staff_detail.view{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;overflow:scroll;letter-spacing:.03em}.staff_detail .back_mask{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.9}.staff_detail .close_btn{position:fixed;top:20px;left:20px;width:60px;height:60px;background-size:contain;background-image:url("https://haruno.design/img/menu_icon_cl.svg");z-index:10;cursor:pointer}.staff_detail .inner_flex{position:relative;display:flex;gap:60px;padding:60px 4%}@media screen and (max-width:850px){.staff_detail .inner_flex{flex-direction:column;gap:60px;max-width:600px;width:90%;margin:auto}}.staff_detail .inner_flex .left{position:sticky;height:100%;top:60px;width:30%}@media screen and (max-width:850px){.staff_detail .inner_flex .left{position:relative;height:auto;top:auto;width:100%}}.staff_detail .inner_flex .left .thumbnail{position:relative;width:80%;height:auto;border-radius:100vh;overflow:hidden;margin:auto}.staff_detail .inner_flex .left .thumbnail:before{content:"";display:block;padding-top:100%}.staff_detail .inner_flex .left .thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.staff_detail .inner_flex .left .en_name{text-align:center;color:#d35480;font-size:14px;margin-top:12px}.staff_detail .inner_flex .left .jp_name{text-align:center;color:#fff;font-size:20px;font-weight:700}.staff_detail .inner_flex .left .uesr_desc{font-size:16px;letter-spacing:.03em;line-height:1.6em;margin-top:12px;color:#fff}.staff_detail .inner_flex .left .skil_tag{list-style:none;display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:#fff;margin-top:20px}.staff_detail .inner_flex .left .skil_tag li{padding:3px 8px;border-radius:100vh;border:1px solid #fff;width:auto}.staff_detail .inner_flex .left .skil_tag li p{display:inline-block}.staff_detail .inner_flex .right{width:calc((100% - 30%) - 60px);display:flex;flex-direction:column;gap:56px;color:#fff}@media screen and (max-width:850px){.staff_detail .inner_flex .right{width:100%}}.staff_detail .inner_flex .right ul{list-style:disc;margin-left:20px}.staff_detail .inner_flex .right .detail_contents{display:flex;flex-direction:column;gap:32px}.staff_detail .inner_flex .right .mark_block{display:flex;flex-direction:column;gap:16px}.staff_detail .inner_flex .right .detail_contents .label{font-size:20px;font-weight:700;padding:0 0 12px;border-bottom:1px solid #fff}.staff_detail .inner_flex .right .detail_contents ul li{width:auto}.staff_detail .inner_flex .right .detail_contents .sub_label{font-size:18px;font-weight:700;padding:6px 0 6px 16px;border-left:4px solid #d35480}.staff_detail .inner_flex .right .detail_contents .flex_label{display:flex;justify-content:space-between;font-size:16px;font-weight:700;letter-spacing:.03em}.staff_detail .inner_flex .right .detail_contents .shape_style{width:90%;height:20px;position:relative;margin:auto}.staff_detail .inner_flex .right .detail_contents .shape_style:before{position:absolute;content:"";top:50%;transform:translateY(-50%);left:0;width:100%;height:1px;background:#fff}.staff_detail .inner_flex .right .detail_contents .shape_style span{position:absolute;top:50%;transform:translateY(-50%);height:100%;width:1px;background:#fff}.staff_detail .inner_flex .right .detail_contents .shape_style span:nth-child(1){left:0}.staff_detail .inner_flex .right .detail_contents .shape_style span:nth-child(2){left:25%}.staff_detail .inner_flex .right .detail_contents .shape_style span:nth-child(3){left:50%}.staff_detail .inner_flex .right .detail_contents .shape_style span:nth-child(4){left:75%}.staff_detail .inner_flex .right .detail_contents .shape_style span:nth-child(5){left:100%}.staff_detail .inner_flex .right .detail_contents .shape_style .mark{position:absolute;width:24px;height:24px;top:50%;transform:translateY(-50%);background:#d35480}.staff_detail .inner_flex .right .work_ul{list-style:none;display:flex;flex-direction:column;gap:24px;margin-left:auto}.staff_detail .inner_flex .right .work_ul li{display:flex;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width:850px){.staff_detail .inner_flex .right .work_ul li{flex-direction:column;gap:16px}}.staff_detail .inner_flex .right .work_ul li .thumbnail{position:relative;width:30%;height:auto}@media screen and (max-width:850px){.staff_detail .inner_flex .right .work_ul li .thumbnail{width:100%}}.staff_detail .inner_flex .right .work_ul li .thumbnail:before{content:"";display:block;padding-top:56.25%;background:#343434}.staff_detail .inner_flex .right .work_ul li .thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.staff_detail .inner_flex .right .work_ul li .contents{display:flex;flex-direction:column;gap:8px;width:calc((100% - 30%) - 16px)}@media screen and (max-width:850px){.staff_detail .inner_flex .right .work_ul li .contents{width:100%}}.staff_detail .inner_flex .right .work_ul li .contents .more_btn{position:relative}.staff_detail .inner_flex .right .work_ul li .contents .more_btn .inner{display:inline-block;position:relative}.staff_detail .inner_flex .right .work_ul li .contents .more_btn .inner p{font-size:12px;letter-spacing:.03em;text-decoration:underline}.staff_detail .inner_flex .right .work_ul li .contents .category p{display:inline-block;font-size:12px;padding:2px 6px;background:#d35480;color:#000;font-weight:700}.staff_detail .inner_flex .right .work_ul li .contents .title{font-size:18px;font-weight:700}.staff_detail .inner_flex .right .work_ul li .contents .client{font-size:14px}.staff_detail .inner_flex .right .work_ul li .contents .client p{display:inline-block;padding:3px 8px;border-radius:100vh;border:1px solid #fff;font-weight:700}.staff_detail .inner_flex .right .gallery{columns:4;padding:0;margin:0;margin-left:0}@media screen and (max-width:850px){.staff_detail .inner_flex .right .gallery{columns:2}}.gallery li{margin-bottom:20px;list-style:none}.gallery img{width:100%;height:auto;vertical-align:bottom}@media only screen and (max-width:900px){.gallery{columns:3}}@media only screen and (max-width:768px){.gallery{columns:2}}.recruit_fv_block{display:flex;align-items:flex-start;gap:40px;margin-top:40px}.recruit_fv_block .recruit_image{position:relative;width:calc((100% - 40px)/2);height:auto;background:rgba(0,0,0,.06);flex-shrink:0}@media screen and (max-width:800px){.recruit_fv_block{flex-direction:column;gap:32px}.recruit_fv_block .recruit_image{width:100%}}.recruit_fv_block .recruit_image:before{content:"";display:block;padding-top:56.25%}.recruit_fv_block .recruit_image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.recruit_fv_block .copy_text_wrap{display:flex;flex-direction:column;gap:16px}.recruit_fv_block .copy_text_wrap .copy_text{font-size:1.6rem;font-weight:700;line-height:140%;letter-spacing:.05em;margin:auto 0px}.staff_voices{list-style:none;display:flex;flex-direction:column;gap:16px;margin:auto auto 32px auto}.staff_voices li{display:flex;flex-direction:column;gap:12px;padding:30px;border-radius:10px;background:#fafafa}.staff_voices li .header{display:flex;gap:12px}.staff_voices li .header .type{font-weight:700;color:#fff;background:#ed86a9;padding:6px 8px;border-radius:4px;margin:auto 0px}.staff_voices li .header .member_set{display:flex;gap:8px}.staff_voices li .header .member_set .thumbnail{width:50px;height:50px;border-radius:100vh;overflow:hidden}.staff_voices li .header .member_set .thumbnail img{width:100%;height:100%;object-fit:cover}.staff_voices li .header .member_set .member_names{display:flex;flex-direction:column;gap:4px;margin:auto}.staff_voices li .header .member_set .member_names .jobtype{font-size:14px;color:#f36796;font-weight:700;margin:0;line-height:100%}.staff_voices li .header .member_set .member_names .name{font-size:12px;margin:0;line-height:100%}.staff_voices li .desc{font-size:15px;line-height:160%;letter-spacing:.03em}.-center{text-align:center}.link_btn_wrap{margin-top:40px}.link_btn_wrap a .link_btn{display:inline-block;padding:16px 24px;border-radius:100vh;background:#d35480;transition:.3s}.link_btn_wrap a .link_btn:hover{transition:0s;background:#9d2b53}.link_btn_wrap a .link_btn p{font-size:18px;font-weight:700;color:#fff;line-height:100%;margin:auto}.workflow_block{margin-bottom:40px}.workflow_note{padding:24px;display:flex;flex-direction:column;gap:8px;background:#f8f8f8;margin-bottom:32px}.news-contents .workflow_note .title{font-size:16px;font-weight:600;line-height:100%;letter-spacing:.03em;margin:auto;width:100%}.news-contents .workflow_note p{margin:auto;width:100%;line-height:140%;font-size:14px}.worlflow{display:flex;flex-direction:column;gap:32px;list-style:none;margin:auto;width:90%}.worlflow li{display:flex;gap:20px}.worlflow li .timewrap{align-items:stretch;display:flex;flex-direction:column;gap:12px}.worlflow li .timewrap .time{display:flex;gap:8px;padding:4px 0}.worlflow li .timewrap .time .dot{width:16px;height:16px;border-radius:100vh;background:#ed86a9;margin:auto 0px;flex-shrink:0}.worlflow li.break .timewrap .time .dot{background:#e2e2e2}.worlflow li .timewrap .time .timelabel{line-height:100%;letter-spacing:.05em;margin:auto;color:#ed86a9;white-space:nowrap}.worlflow li.break .timewrap .time .timelabel{color:#202020}.worlflow li .timewrap .time_line{width:1px;height:100%;margin:auto auto auto 8px;background:#ed86a9}.worlflow li.break .timewrap .time_line{background:#e2e2e2}.worlflow li .workflow_contents{display:flex;flex-direction:column;gap:8px}.worlflow li .workflow_contents .workflow_title{font-size:20px;line-height:140%;letter-spacing:.03em;font-weight:600;margin:auto 0px}.worlflow li .workflow_contents .desc{font-size:14px;line-height:140%;letter-spacing:.03em;margin-bottom:auto}.open_positions{list-style:none;margin:auto;display:flex;flex-direction:column;gap:40PX}.open_positions li{position:relative;padding:32px 40px;background:#fafafa;margin:16px 16px auto 16px;display:flex;flex-direction:column;gap:16px}@media screen and (max-width:850px){.open_positions li{padding:32px 24px}}.open_positions li .titme_label{position:absolute;top:-16px;left:-16px;padding:8px 16px;font-size:18px;font-weight:700;color:#fff;background:#3c3c3c;line-height:100%}.open_positions li .desc{font-size:15px;line-height:160%;letter-spacing:.05em}.open_positions li a{font-size:14px;font-weight:700;color:#f36796;transition:.3s;letter-spacing:0em}.open_positions li a:hover{color:#b22f5b;transition:0s;text-decoration:none}.recruit .news-contents p{margin:auto}.duties{display:flex;gap:32px;flex-direction:column;list-style:none;margin:0}.duties li{display:flex;flex-direction:row;align-items:center;gap:16px;width:100%}@media screen and (max-width:850px){.duties{gap:24px}.duties li{flex-direction:column}}@media screen and (max-width:500px){.duties{gap:32px}.duties li{width:100%}}.duties li img{width:210px;height:210px;object-fit:contain}.duties li .txt_wrap{display:flex;flex-direction:column;gap:8px}.duties li .txt_wrap .title{font-size:18px;line-height:120%;letter-spacing:.05em;font-weight:600;margin:auto}.duties li .txt_wrap .desc{font-size:14px;line-height:140%;letter-spacing:.03em;margin:auto}.entryflow{display:flex;gap:8px;margin:32px auto auto auto}.job-item{display:flex;flex-direction:column;gap:12px}.label_wrap{display:flex;gap:6px}.label_wrap .label{width:auto;background-color:#3c3c3c;padding:6px 8px;font-size:12px;line-height:1.2;color:#fff;margin:0 !important}.recruit-schedule{display:flex;flex-direction:column;gap:40px;margin-bottom:20px}.schedule_wrap{display:flex;flex-direction:column;gap:16px}.schedule_wrap img{width:190px}.schedule-item{display:flex;align-items:center;border:1px solid #d8d6d6;padding-block:34px;width:100%}.month{width:190px;text-align:center;font-size:16px;line-height:1.5;letter-spacing:.05em;font-weight:700}.content{display:flex;flex-direction:column;gap:4px;font-size:15px;line-height:1.6;letter-spacing:.05em;padding-left:30px}.content .note{font-size:12px;line-height:1.6;letter-spacing:.05em}.note a{color:#ed86a9;text-decoration:underline}.staff_blog{display:flex;flex-direction:column;gap:40px}.blog_wrap ul{display:flex;gap:32px;margin:0}.blog_wrap li{list-style:none;width:100%;display:flex;flex-direction:column;gap:16px;position:relative}.blog_wrap li:hover .thumbnail{transform:scale(1.1,1.1)}.img_frame{width:100%;overflow:hidden;border-radius:24px}.blog_wrap .thumbnail{border-radius:24px;height:140px;object-fit:cover;width:100%;display:block;transition:.5s}.page_title{padding:0;margin:0 !important;font-size:16px;font-weight:700;line-height:1.4 !important;letter-spacing:.03em}.cat{margin:0 !important;font-size:12px;font-weight:700;line-height:1;background-color:#e8e8e8;padding:6px 8px;border-radius:6px;width:fit-content !important;line-height:1 !important}.author_wrap{display:flex;align-items:center;gap:8px}.author_wrap img{width:24px;height:24px;border-radius:160px}.author_wrap .author{font-size:12px;line-height:1.4;letter-spacing:.03em;margin:0 !important}.blog_link{position:absolute;width:100%;height:100%;top:0}@media screen and (max-width:850px){.duties li img{height:auto}.schedule_wrap{align-items:center}.schedule-item{padding:32px 24px;flex-direction:column}.schedule-item{flex-direction:column}.month{width:100%}.content{text-align:center;width:100%;padding-left:0}.blog_wrap ul{flex-direction:column}.blog_wrap .thumbnail{height:auto}}@media screen and (max-width:640px){.entryflow{display:none}}.entryflow .step{display:flex;width:calc((100% - 24px)/3);height:32px}.entryflow .step p{font-size:20px;font-weight:700;color:#fff;letter-spacing:.05em;margin:auto;background:#202020;width:100%;text-align:center}.entryflow .step:after{content:"";width:16px;height:100%;display:block;background-image:url(//haruno.design/css/../wp-content/themes/mytheme/img/rigth_arrow.svg);flex-shrink:0}.entry_button{display:block;width:100%;border-radius:16px;background:#d35480;border:1px solid #d35480;color:#fff;font-size:18px;font-weight:700;text-align:center;padding:24px;margin-top:40px;transition:.3s;cursor:pointer}.entry_button:hover{transition:0s;background:#fff;color:#d35480;text-decoration:none}.worktype_list{list-style:none;display:flex;flex-direction:column;gap:32px;margin:60px auto auto auto;width:100%}.worktype_list li{display:flex;gap:16px;padding-bottom:32px;border-bottom:1px solid #d8d6d6}.worktype_list li .label{width:160px;flex-shrink:0;font-weight:700;color:#d35480;letter-spacing:0em}.worktype_list li .label p{line-height:100%}.worktype_list li .contents{font-size:16px;line-height:140%;letter-spacing:.03em}.worktype_list li .contents ul{display:flex;margin:auto auto auto 20px;list-style:disc;flex-direction:column;gap:8px}.worktype_list li .contents ul li,.worktype_list li .contents ol li{display:list-item;padding-bottom:0;border-bottom:none}.worktype_list li .contents ol{display:flex;margin:auto auto auto 20px;list-style:auto;flex-direction:column;gap:8px}.worktype_list li .contents span{font-size:13px;line-height:120%;letter-spacing:.05em}@media screen and (max-width:800px){.worktype_list li{flex-direction:column;gap:12px}.worktype_list li .label{width:100%}.worktype_list li .contents{width:100%}}.back_btn_wrap{margin-top:40px}.back_btn{display:inline-block;background:#a8a8a8;padding:16px 24px;border-radius:100vh;transition:.3s}.back_btn:hover{background:#747474;transition:0s}.back_btn p{line-height:100%;font-size:18px;font-weight:700;color:#fff}