@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");@import url("https://fonts.googleapis.com/css2?family=Abel&display=swap");html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;font-weight:400}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}@font-face{font-family:"bahnschrift";src:url(//harumelo.com/wp-content/themes/harumelo/css/../font/bahnschrift.woff) format("woff"),url(//harumelo.com/wp-content/themes/harumelo/css/../font/bahnschrift.eot) format("eot")}@font-face{font-family:"NagomiGokubosoGothic-ExtraLight";src:url(//harumelo.com/wp-content/themes/harumelo/css/../font/NagomiGokubosoGothic-ExtraLight.woff) format("woff")}html{height:100%}body{width:100%;height:100%;font-size:18px;font-family:"Lato",sans-serif,sans-serif,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.6;background-color:#fff;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none}*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-font-smoothing:antialiased;text-rendering:optimizeLegibility}main{width:100%;height:100%}.inner{margin:0 auto;max-width:1200px}#contents{margin:0 auto}header{margin:0 auto}a{color:#534741;text-decoration:none}a:hover{opacity:.7}p{font-family:"Lato",sans-serif;font-size:.8em;margin:0 0 1em}@media (max-width:767px){p{font-size:12px}}img{width:100%;max-width:100%;vertical-align:bottom;height:auto;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;pointer-events:none}h1{font-family:"Abel",sans-serif;margin:0 auto;color:#2e2e2e;font-size:2em;line-height:1em;text-align:center}@media (max-width:767px){h1{font-size:22px}}h2{font-family:"Lato",sans-serif;color:#2e2e2e;font-size:1.4em;line-height:1.6em}@media (max-width:767px){h2{font-size:18px}}.border-bottom{border-bottom:solid 2px #b33e5c}@media (max-width:767px){.border-bottom{border-bottom:solid 1px #b33e5c}}.inner{margin:0 auto;max-width:1100px;height:100%;position:relative;z-index:1}@media (min-width:1921px){.inner{max-width:3200px}}@media (orientation:landscape) and (max-width:767px){.inner{max-width:600px}}.inner1100{margin:0 auto;max-width:1100px;height:100%;position:relative}@media (min-width:1921px){.inner1100{max-width:3200px}}@media (orientation:landscape) and (max-width:767px){.inner1100{max-width:600px}}.inner1400{margin:0 auto;max-width:1400px;height:100%;position:relative}@media (min-width:1921px){.inner1400{max-width:3200px}}@media (orientation:landscape) and (max-width:767px){.inner1400{max-width:600px}}.sticky{position:sticky;position:-webkit-sticky;top:0}header{font-family:"Abel",sans-serif;position:fixed;height:60px;width:100%;display:flex;flex-wrap:wrap;top:0;z-index:9999;justify-content:space-between;padding:0 5%;align-items:center}@media (max-width:767px){header{padding:0;height:auto}}header .logo{width:30%;height:100%;max-width:100px;display:flex;align-items:center}header .logo img{width:100%}@media (max-width:767px){header .logo{width:100%;margin:0 auto;padding:5px 0;max-width:80px}}header .globalMenuPc{width:35%}@media (max-width:767px){header .globalMenuPc{display:none}}header ul{display:flex;justify-content:space-between;list-style:none;padding:0;margin:0}header ul a{font-size:20px;color:#fff;text-decoration:none;display:block;line-height:60px;padding:0 10px;position:relative}@media (max-width:767px){header ul a{padding:0 2px;font-size:14px;line-height:24px}}header li :after{position:absolute;bottom:10px;left:0;content:"";width:100%;height:2px;background:#b33e5c;transform:scale(0,1);transform-origin:center top;transition:transform .4s}@media (max-width:767px){header li :after{bottom:2px}}header li :hover:after{transform:scale(1,1)}.hamburger{display:block;position:fixed;z-index:3;right:2px;top:2px;width:42px;height:42px;cursor:pointer;text-align:center}@media (min-width:768px){.hamburger{display:none}}.hamburger span{display:block;position:absolute;width:30px;height:2px;left:6px;background:#fff;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;transition:.5s ease-in-out}.hamburger span:nth-child(1){top:10px}.hamburger span:nth-child(2){top:20px}.hamburger span:nth-child(3){top:30px}.hamburger.active span:nth-child(1){top:16px;left:6px;-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);transform:rotate(315deg)}.hamburger.active span:nth-child(2),.hamburger.active span:nth-child(3){top:16px;-webkit-transform:rotate(-315deg);-moz-transform:rotate(-315deg);transform:rotate(-315deg)}nav.globalMenuSp{position:fixed;z-index:2;top:0;left:0;color:#000;text-align:center;transform:translateX(100%);transition:all .6s;width:100%;margin-left:auto}nav.globalMenuSp ul{background:rgba(0,0,0,.6);margin:0 auto;padding:0;width:100%;display:flex;flex-flow:column}nav.globalMenuSp ul li{list-style-type:none;padding:0;width:100%;border-bottom:1px solid #fff}nav.globalMenuSp ul li:last-child{padding-bottom:0;border-bottom:none}nav.globalMenuSp ul li:hover{background:#ddd}nav.globalMenuSp ul li a{display:block;color:#fff;padding:1em 0;text-decoration:none}nav.globalMenuSp.active{transform:translateX(0%)}.main_header{display:none;background:url(//harumelo.com/wp-content/themes/harumelo/css/../images/hd_bk.png);background-size:cover;background-position:center 60%;background-color:#a3bfee}.sub_header{display:flex;background:url(//harumelo.com/wp-content/themes/harumelo/css/../images/hd_bk.png);background-size:cover;background-position:center 60%;background-color:#a3bfee}.btn{text-align:center;margin:5% auto;width:70%}.button001{outline:0;grid-gap:8px;align-items:center;background:0 0;border:1px solid #000;border-radius:4px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:16px;gap:8px;justify-content:center;line-height:1.5;overflow:hidden;padding:8px 16px;text-decoration:none;text-overflow:ellipsis;transition:all .14s ease-out;white-space:nowrap}.button001:hover{box-shadow:4px 4px 0 #000;transform:translate(-4px,-4px)}.button001:focus-visible{outline-offset:1px}.button019{flex-basis:20%;display:flex;align-items:center;margin:0 auto}.button019 a{width:100%;background:#b33e5c;color:#fff;font-size:24px;border-radius:0;position:relative;display:flex;justify-content:space-around;align-items:center;margin:0 auto;padding:8px 25px;transition:.3s ease-in-out;font-weight:500}@media (max-width:767px){.button019 a{font-size:16px}}.button019 a:after{content:"";position:absolute;top:50%;bottom:0;right:2rem;font-size:90%;display:flex;justify-content:center;align-items:center;transition:right .3s;width:6px;height:6px;border-top:solid 2px currentColor;border-right:solid 2px currentColor;transform:translateY(-50%) rotate(45deg)}@media (max-width:767px){.button019 a:after{right:1.5rem}}.button019 a:hover{background:#fff;color:#2e2e2e}.button019 a:hover:after{right:1.4rem}@media (max-width:767px){.button019 a:hover:after{right:.8rem}}.button020{display:flex;align-items:center;margin:0 auto;width:30%;background:#b33e5c;color:#fff;font-size:24px;border-radius:1.5em;position:relative;display:flex;justify-content:space-around;align-items:center;margin:0 auto;padding:8px 25px;transition:.3s ease-in-out;font-weight:500;border:none}@media (max-width:767px){.button020{width:50%;font-size:16px}}.button020:after{content:"";position:absolute;top:50%;bottom:0;right:2rem;font-size:90%;display:flex;justify-content:center;align-items:center;transition:right .3s;width:6px;height:6px;border-top:solid 2px currentColor;border-right:solid 2px currentColor;transform:translateY(-50%) rotate(45deg)}@media (max-width:767px){.button020:after{right:1.5rem}}.button020:hover{background:#2e2e2e;color:#fff}.button020:hover:after{right:1.4rem}@media (max-width:767px){.button020:hover:after{right:.8rem}}.btn_flex{width:100%;display:flex;justify-content:center;padding:2% 0}.btn-kakunin{width:40%}@media (max-width:767px){.btn-kakunin{width:48%}}.syusei{color:#fff;background-color:#2e2e2e}.syusei:hover{opacity:.7}.single_hd{background:url(//harumelo.com/wp-content/themes/harumelo/css/../images/news_hd.jpg) no-repeat;background-size:cover;background-position:center center;width:100%;height:20%}.Area_single{margin:0 auto;padding:7% 2% 3%}@media (max-width:767px){.Area_single{padding:15% 2% 3%}}.Area_single .single_news{margin:0 auto;width:70%}.Area_single .single_news .single_news-in{min-height:40vh}@media (max-width:767px){.Area_single .single_news{width:90%}}.Area_single .single_news h1{font-size:1em;text-align:left}.Area_single .single_news .single_title{padding:2% 0}.Area_single .single_news .single_body{padding:0}.single_btn{margin:2% auto 2%}.Area_single_works{width:100%;margin:0 auto;padding:7% 0 1%}@media (max-width:767px){.Area_single_works{padding:15% 2% 3%}}.Area_single_works .single_works{margin:0 auto;width:30%}@media (max-width:767px){.Area_single_works .single_works{width:90%}}.Area_single_works .single_works .works_media{position:relative;padding-top:100%}.Area_single_works .single_works .works_media .works_media-in{position:absolute;top:0;left:0;width:100%;height:100%}.Area_single_works .single_works .works_media .works_media-in img{width:100%;height:100%;object-fit:cover}.single_works_title{margin:1% 0;font-size:1.4em}.works_text{width:30%;margin:0 auto}@media (max-width:767px){.works_text{width:90%}}.single_works_flex{margin:3% auto 0;width:30%;display:flex;justify-content:space-between}.works_mv{margin:0 auto;width:100%;text-align:center;padding:3% 2%;background-color:#2e2e2e}.works_mv h1{color:#fff;margin:0 auto 5%}.works_mv .works_mv-in{width:95%;margin:0 auto;text-align:center}.works_mv .works_mv-in iframe{aspect-ratio:16/9;width:100%;height:100%}.short_Area{width:100%;min-height:100vh;position:relative;padding-bottom:180px;box-sizing:border-box}.Area_archive{margin:0 auto;padding:7% 2% 3%}@media (max-width:767px){.Area_archive{padding:15% 2% 3%}}.Area_archive .archive_flex{display:flex;flex-wrap:wrap;margin:0}.Area_archive .archive_flex .archive_flexbox{width:20%;padding:2%}@media (max-width:767px){.Area_archive .archive_flex .archive_flexbox{width:25%}}.Area_archive .archive_flex .archive_flexbox .archive_flexbox_media{position:relative;padding-top:100%}.Area_archive .archive_flex .archive_flexbox .archive_flexbox_media .archive_flexbox_media-in{position:absolute;top:0;left:0;width:100%;height:100%}.Area_archive .archive_flex .archive_flexbox .archive_flexbox_media .archive_flexbox_media-in img{width:100%;height:100%;object-fit:cover}.archive_dd_Area{width:100%;margin:5% auto 0}select.archive_dd{background-color:#fff;border:1px solid #2e2e2e;display:inline-block;line-height:1.5em;padding:.25em 3.5em .25em 1em;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;width:20%;background-image:linear-gradient(45deg,transparent 50%,gray 50%),linear-gradient(135deg,gray 50%,transparent 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 20px) calc(0.6em + 2px), calc(100% - 15px) calc(0.6em + 2px), calc(100% - 2.5em) .25em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}@media (max-width:767px){select.archive_dd{width:50%}}select.archive_dd:focus{background-image:linear-gradient(45deg,#a3bfee 50%,transparent 50%),linear-gradient(135deg,transparent 50%,#a3bfee 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 15px) 0.8em, calc(100% - 20px) 0.8em, calc(100% - 2.5em) .25em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;border-color:#a3bfee;outline:0}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.paging-area{margin:0 auto}.paging-area .page-numbers{padding:0 2%;border:1px solid #2e2e2e}.paging-area .current{background-color:#2e2e2e;color:#fff}.paging-area .current:hover{opacity:.7}.Area_form{margin:0 auto;padding:7% 3% 0}@media (max-width:767px){.Area_form{padding:15% 2% 3%}}.Area_form .inner_form{width:100%;padding:3% 0 0}.Area_form .inner_form .form_title{text-align:center}.Area_form .inner_form .form_body .btn{margin:0 auto}.Area_form .inner_form .form_body .btn p{width:100%;text-align:center}.Area_form .inner_form .form_body .btn .wpcf7-spinner{display:none}.wpcf7{width:70%;margin:0 auto}@media (max-width:767px){.wpcf7{width:100%}}.wpcf7 hr{margin:.5em 0}.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel]{background-color:#fff;color:#2e2e2e;width:100%;height:2em;padding:1%;border:1px solid #2e2e2e}.wpcf7 textarea{background-color:#fff;color:#2e2e2e;width:100%;height:100%;padding:1%}.wpcf7 input[type=submit]{margin:0 auto}.Form-Item-user{width:50%}@media (max-width:767px){.Form-Item-user{width:100%}}.Form-Item{width:100%;min-height:10%;display:flex;align-items:flex-start}@media (max-width:767px){.Form-Item{flex-flow:column}}.Form-Item p{width:100%;overflow-wrap:break-word}.Form-Item-Label{width:30%;height:100%;color:#2e2e2e}.Form-Item-Label p{font-family:"Abel",sans-serif;font-size:1.2em;margin:0}.Form-Item-Label .Form-Item-Label-jp{font-family:"NagomiGokubosoGothic-ExtraLight",sans-serif;font-size:.6em}.Form-Item-Label .Form-Item-Label-jp p{margin:0}.Form-Item-mark{width:10%;margin-right:3%;font-size:.6em;text-align:center}.Form-Item-mark p{background-color:#b33e5c;color:#fff}.Form-Item-mark2{width:10%;margin-right:3%;font-size:.6em;text-align:center}.Form-Item-mark2 p{background-color:#2e2e2e;color:#fff}.wpcf7-not-valid-tip{color:#b33e5c}.btn_flex_syusei{display:flex;justify-content:space-around}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output{background-color:#b33e5c;color:#fff;border:none}footer{padding:1% 0;margin:0;color:#fff;text-align:center;background:#2e2e2e}footer .footer_link{padding:0;display:flex;justify-content:space-around;align-items:center}@media (max-width:767px){footer{font-size:10px;padding:5% 0}}footer p{font-size:1em;line-height:1em}footer a{color:#fff;font-size:12px}footer .copy{font-size:.8vw;letter-spacing:.08em}@media (max-width:767px){footer .copy{font-size:8px}}.wrapper{min-height:100vh;position:relative;padding-bottom:120px;box-sizing:border-box}.sub_footer{width:100%;position:absolute;bottom:0;left:0}.footer_sns{margin:0 auto 1%;width:30%;display:flex;justify-content:center;align-items:center}.footer_sns .footer_snsbox{width:60px;height:100%;padding:2%}.footer_sns .footer_snsbox a{width:100%;height:100%;display:block}.top_up{width:10%;position:fixed;bottom:1%;right:2%;z-index:999}.top_up img{width:100%}@media (min-width:768px){.top_up{width:4%;bottom:2%;right:2%}}@media (orientation:landscape) and (max-width:767px){.top_up{width:10%;bottom:2%}}.top_up a{display:block;text-decoration:none}.top_up :hover{opacity:.4}.form_to{width:15%;position:fixed;bottom:0;z-index:999}.form_to img{width:100%}@media (max-width:767px){.form_to{display:none}}@media (orientation:landscape) and (max-width:767px){.form_to{display:block}}.form_to a{display:block;text-decoration:none}@media (max-width:767px){.form_to a{display:none}}@media (orientation:landscape) and (max-width:767px){.form_to a{display:block}}.form_to a :hover{opacity:.4}.form_to_sp{width:70%;position:fixed;bottom:0;z-index:999}@media (orientation:landscape) and (max-width:767px){.form_to_sp{display:none}}@media (min-width:768px){.form_to_sp{display:none}}.form_to_sp img{width:100%}.form_to_sp a{display:block;text-decoration:none}@media (orientation:landscape) and (max-width:767px){.form_to_sp a{display:none}}@media (min-width:768px){.form_to_sp a{display:none}}.form_to_sp :hover{opacity:.4}.hero{margin:0 auto;width:100%;height:100%;overflow:hidden;background-size:cover;background-position:center top;position:relative}@media (max-width:767px){.hero{width:100%;height:100%}}.hero .top_logo{width:20%;position:absolute;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);left:50%;top:50%;z-index:3}@media (max-width:767px){.hero .top_logo{width:40%}}.hero .hero-logo-wrap{width:100%;height:100%;background:url(//harumelo.com/wp-content/themes/harumelo/css/../images/main1_bk.jpg);background-size:cover;background-position:center center;position:relative;z-index:2}@media (max-width:767px){.hero .hero-logo-wrap{width:100%}}.hero .hero-logo-wrap .hero-wrap{height:100%;display:flex;flex-wrap:wrap;justify-content:start;align-items:flex-start;align-content:flex-start;position:relative}.hero .hero-logo-wrap .hero-wrap:after{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5);content:"";top:0;left:0}.hero .hero-logo-wrap .hero-wrap .hero-thumbnail-wrap{width:12.5%;border:none;text-align:center}@media screen and (min-width:768px) and (max-width:1100px){.hero .hero-logo-wrap .hero-wrap .hero-thumbnail-wrap{width:20%}}@media (max-width:767px){.hero .hero-logo-wrap .hero-wrap .hero-thumbnail-wrap{width:33.3333333333%}}.hero .hero-logo-wrap .hero-wrap .hero-thumbnail-wrap .hero-thumbnail-wrap_media{position:relative;padding-top:100%}.hero .hero-logo-wrap .hero-wrap .hero-thumbnail-wrap .hero-thumbnail-wrap_media .hero-thumbnail-wrap-in{position:absolute;top:0;left:0;width:100%;height:100%}.hero .hero-logo-wrap .hero-wrap .hero-thumbnail-wrap .hero-thumbnail-wrap_media .hero-thumbnail-wrap-in .hero-thumbnail{width:100%;height:100%;object-fit:cover}.color-black{width:100%;height:100%;background-color:rgba(0,0,0,.6)}.fadeUp{animation-name:fadeUpAnime;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes fadeUpAnime{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.delay-time02{animation-delay:.2s}.delay-time04{animation-delay:.4s}.delay-time10{animation-delay:1s}.Area_whois{margin:0 auto;padding:3% 2%}.Area_whois h1{width:27%}@media (max-width:767px){.Area_whois h1{width:35%}}.Area_whois h2{font-family:"NagomiGokubosoGothic-ExtraLight",sans-serif;font-weight:600;text-align:center;padding:5% 0 0}.Area_whois h3{text-align:left;font-size:.8em;font-weight:600}@media (max-width:767px){.Area_whois h3{font-size:12px}}.Area_whois .whoisme_img{width:25%;padding:2% 0;margin:0 auto;position:relative}.Area_news{margin:0 auto;padding:5% 0 2%;background-color:#fff}.Area_news h1{width:25%}.news_box{margin:0 auto;width:70%;color:#2e2e2e;padding:5% 0 0}@media (max-width:767px){.news_box{width:95%}}.news_box dl{font-size:.8em}.news_box dt{width:100%;display:flex}.news_box dt .new_btn{background-color:#b33e5c;color:#fff;padding:0 1%;margin-left:1%}.news_box dd{width:100%}.news_box a{width:100%;position:relative;display:inline-block;vertical-align:middle}.news_box a:after{content:"";position:absolute;top:50%;bottom:0;right:2rem;font-size:90%;display:flex;justify-content:center;align-items:center;transition:right .3s;width:6px;height:6px;border-top:solid 2px currentColor;border-right:solid 2px currentColor;transform:translateY(-50%) rotate(45deg)}@media (max-width:767px){.news_box a:after{right:3%}}.news_btn{background-color:#2e2e2e;color:#fff}.news_btn:hover{box-shadow:4px 4px 0 #b33e5c;transform:translate(-4px,-4px)}.Area_works{margin:0 auto;background-color:#2e2e2e;padding:5% 0 0}.Area_works h1{color:#fff;padding:0 0 5%}.Area_works .works_flex{display:flex;flex-wrap:wrap;padding:0}.works_flexbox{width:12.5%;overflow:hidden;position:relative;z-index:2}@media (max-width:767px){.works_flexbox{width:25%}}.works_flexbox .works_flexbox_media{position:relative;padding-top:100%}.works_flexbox .works_flexbox_media .works_flexbox_media-in{position:absolute;top:0;left:0;width:100%;height:100%}.works_flexbox .works_flexbox_media .works_flexbox_media-in img{width:100%;height:100%;object-fit:cover}.works_flexbox .caption{width:100%;height:100%;text-align:center;color:#fff;padding-right:10%;display:flex;flex-flow:column;justify-content:center}.works_flexbox .caption h1{color:#fff;font-size:1em}@media (max-width:767px){.works_flexbox .caption h1{font-size:8px;line-height:10px}}.works_flexbox .caption h2{color:#fff;font-size:1em}@media (max-width:767px){.works_flexbox .caption h2{font-size:8px;line-height:10px}}.works_flexbox .mask{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background-color:rgba(0,0,0,.7);-webkit-transition:all .6s ease;transition:all .6s ease}.works_flexbox .mask:hover{opacity:1;padding-left:10%}.works_btn{background-color:#fff;color:#2e2e2e}.works_btn:hover{box-shadow:4px 4px 0 #b33e5c;transform:translate(-4px,-4px)}.Area_studio{margin:0 auto;padding:0 2%;background-color:#fff}.Area_studio .studio{width:40%;margin:0 auto}@media (max-width:767px){.Area_studio .studio{width:70%}}.Area_studio h1{color:#2e2e2e}.Area_studio h2{padding:1% 0;text-align:center;color:#2e2e2e;font-size:1em}@media (max-width:767px){.Area_studio h2{font-size:13px}}.Area_studio p{color:#2e2e2e;text-align:center}.Area_studio table{width:100%;border-collapse:collapse;font-size:.8em}@media (max-width:767px){.Area_studio table{font-size:12px}}.Area_studio table tr *:nth-child(1){background:#fff}.Area_studio table tr *:nth-child(2){background:#fff;padding:0 15% 0 0}.Area_studio table th,.Area_studio table td{color:#2e2e2e;border:solid 1px #2e2e2e;text-align:center;padding:10px 0}.Area_studio .studio_flex{margin:0 auto;width:80%;padding:3% 0 0;display:flex;justify-content:space-between;align-items:flex-end;flex-flow:column}@media (max-width:767px){.Area_studio .studio_flex{flex-flow:column;width:100%}}.Area_studio .studio_flex .studio_flexbox1{width:100%;order:2}@media (max-width:767px){.Area_studio .studio_flex .studio_flexbox1{width:100%;order:2}}.Area_studio .studio_flex .studio_flexbox1 p{padding:0;text-align:center}.Area_studio .studio_flex .studio_flexbox2{width:100%;margin:0 auto}@media (max-width:767px){.Area_studio .studio_flex .studio_flexbox2{width:100%;order:1}}.Area_studio .studio_flex .studio_flexbox2 iframe{width:100%;aspect-ratio:16/9}.Area_contact{margin:0 auto;padding:3% 2%;background-color:#fff}.Area_contact h2{text-align:center;margin:5% auto;font-size:13px}.Area_contact .contact_flex{margin:5% auto 0;display:flex;width:100%;justify-content:space-between}.Area_contact .contact_flex .contact_flexbox{width:30%;display:flex;flex-direction:column}.Area_contact .contact_flex .contact_flexbox h1{font-size:1em;line-height:1.2em}@media (max-width:767px){.Area_contact .contact_flex .contact_flexbox h1{height:1.6em;font-size:14px;line-height:16px}}.contact_btn{margin-top:auto}.contact_all{padding:7% 3% 0}@media (max-width:767px){.contact_all{padding:15% 2% 3%}}#particles-js3{z-index:-1;width:100%}#wrapper3{position:relative;z-index:1;width:100%;height:100%}.bg_pattern{z-index:-1}.Paper_v2{background:url(//harumelo.com/wp-content/themes/harumelo/css/../images/pt02.png) repeat;background-size:10%}@media (max-width:767px){.Paper_v2{background-size:20%}}