@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */
html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.hidden,[hidden]{display:none !important}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media print{*,*:before,*:after{background:#fff !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" ("attr(href) ")"}abbr[title]:after{content:" ("attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap !important}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.vegas-content-scrollable{overflow:hidden}body{background:#f9f8f6;color:#333;font-family:'Quicksand',YuGothic,"Yu Gothic Medium","Yu Gothic",Verdana,Meiryo,sans-serif;font-weight:500;overflow-x:hidden}img{width:100%}header.front{width:calc(100% - 1.4vw);height:calc(100vh - 1.4vw);margin:auto;margin-top:.7vw;margin-bottom:.7vw}header.front .inner{position:relative;width:100%;height:100%;overflow:hidden}header.front .inner video{height:calc(100vh - 1.4vw);object-fit:cover}.scroll-more a{position:absolute;bottom:40px;left:50%;z-index:2;display:inline-block;-webkit-transform:translate(0,-50%);transform:translateX(-50%);text-decoration:none;color:#fff;letter-spacing:2px;font-size:12px}.scroll-more a{padding-top:50px}.scroll-more a span{position:absolute;top:0;left:50%;width:20px;height:40px;margin-left:-10px;border:1px solid #fff;border-radius:50px;box-sizing:border-box}.scroll-more a span:before{position:absolute;top:10px;left:50%;content:'';width:6px;height:6px;margin-left:-3px;background-color:#fff;border-radius:100%;-webkit-animation:sdb 2s infinite;animation:sdb 2s infinite;box-sizing:border-box}@-webkit-keyframes sdb{0%{-webkit-transform:translate(0,0);opacity:0}40%{opacity:1}80%{-webkit-transform:translate(0,20px);opacity:0}100%{opacity:0}}@keyframes sdb{0%{transform:translate(0,0);opacity:0}40%{opacity:1}80%{transform:translate(0,20px);opacity:0}100%{opacity:0}}.header-recruit{position:absolute;right:8vw;bottom:-1vw;width:200px}header .logo-mitsubachi{position:fixed;top:-.7vw;left:1.4vw;width:200px;z-index:999}header.front .inner .catch{position:absolute;top:25%;right:20vw;width:400px}header.front h2{color:#fff;font-weight:700;line-height:2;letter-spacing:3px;font-size:25px}.header-nav{position:fixed;top:1.4vw;right:1.4vw;z-index:999}.header-nav li{vertical-align:middle}.header-nav .nav-toggle{position:relative;display:inline-block;width:2.7rem;height:2.7rem;background:#f7f8f8;border-radius:50%;vertical-align:middle;margin:.2rem;cursor:pointer}.header-nav .nav-toggle img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.2rem;margin:auto}.header-nav .nav-toggle-wrap{border-radius:30px;transition:.4s}.header-nav.show .nav-toggle-wrap{background:#fff}.header-nav nav{opacity:0;visibility:hidden;padding-left:30px;padding-right:30px;transition:opacity .4s,visibility .4s;font-weight:700}.header-nav nav.show{opacity:1;visibility:visible;border-radius:30px}.header-nav nav li.list-inline-item{margin-right:2rem}.header-nav nav a{color:#333;line-height:2.7}.header-nav nav a:hover{text-decoration:none}.header-nav .sns a{position:relative;display:inline-block;width:3rem;height:3rem;background:#fff;border-radius:50%;vertical-align:middle}.header-nav .sns a img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.5rem;margin:auto}.header-nav .contact a{position:relative;display:inline-block;color:#fff;background:#fbc63f;line-height:3;padding-left:30px;padding-right:30px;border-radius:30px;vertical-align:middle}.header-nav .contact a i{font-size:25px}.header-nav .contact a:hover{text-decoration:none}@media (min-width:1200px){main.front .container{max-width:1536px}footer.front .container{max-width:1536px}}.fluid-box{position:relative;width:100vw;margin:0 calc(50% - 50vw)}.orange{color:#f7b02d}.brown{color:#a78465}.blue{color:#6cc1cd}h1.title{font-size:18px;font-weight:700}h1.title small{color:#c6c6c6}main.front section h1{letter-spacing:3px}main.front section h1 small{display:block;font-size:14px;font-weight:700;margin-top:1rem;letter-spacing:0}section.news{padding-top:50px;padding-bottom:50px}section.news li:not(:last-child){margin-bottom:1.2rem}section.news li a{display:inline-block;color:#333}section.news time{letter-spacing:2px}.badge-bee{display:inline-block;padding-top:5px;padding-bottom:5px;padding-left:30px;padding-right:30px;border-radius:30px}.badge-hachinoko{background:#f4e3af}.badge-mitsubachi{background:#edceb4}.badge-oshirase{background:#dde9eb}.badge-misterdonut{background:#ffd07f}.badge-yurinoheya{background:#f5c8d4}.badge-total-beauty-salon{background:#f5c8d4}.read-more{display:inline-block;line-height:2;color:#333}.read-more span{display:flex;align-items:center;border-bottom:2px dotted #f7b02d}.read-more:hover{color:#333;text-decoration:none}.read-more span:after{content:'';position:relative;display:block;background:url(//mitsubachi-misdo.jp/wp-content/themes/mitsubachi/css/../img/arrow.svg) no-repeat center center;width:14px;height:14px;margin-left:1rem;background-size:cover}section.banner{position:relative;padding-top:30px;padding-bottom:70px}section.banner .slick-slide{margin-right:3vw;margin-left:3vw}section.banner .slick-arrow{width:20px;cursor:pointer}section.banner .prev-arrow{position:absolute;top:50%;left:15%;transform:translateY(-50%);z-index:99}section.banner .next-arrow{position:absolute;top:50%;right:15%;transform:translateY(-50%);z-index:99}section.about .fluid-box{position:relative}section.about .fluid-box .inner{background-image:url(//mitsubachi-misdo.jp/wp-content/themes/mitsubachi/css/../img/about-bg.jpg);width:100%;height:500px;background-position:center;background-size:cover}section.about .fluid-box .inner img{width:400px}section.about .fluid-box .inner img.title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}section.about .fluid-box .inner .clipping{position:absolute;left:50%;bottom:0;transform:translateX(-50%)}section.about .fluid-box .inner h1{position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-weight:700;font-size:18px}section.about .desc{padding-top:50px;padding-bottom:50px}section.about .desc h2{font-weight:700;letter-spacing:2px;line-height:1.7}section.about .view-more,section.about .view-more:hover{color:#f7b02d}section.about .view-more span:after{background:url(//mitsubachi-misdo.jp/wp-content/themes/mitsubachi/css/../img/arrow.svg) no-repeat center center}section.about p{line-height:2}section.business{text-align:center;padding-top:80px;padding-bottom:80px}section.business h1 img{width:300px;margin-bottom:1rem}.business-item{position:relative;-webkit-perspective:1000px;perspective:1000px}.business-item .front,.business-item .back{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;transition:transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.business-item .back{transform:rotateY(-180deg)}.flipped .front{transform:rotateY(180deg)}.flipped .back{transform:rotateY(0)}.business-desc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;color:#fff}.business-desc h2 small{font-size:14px;font-weight:700;letter-spacing:2px}.business-desc p{font-size:14px;text-align:center}.view-more{display:inline-block;line-height:2.5;background:#fff;padding-left:30px;padding-right:30px;border-radius:30px}.view-more span{display:flex;align-items:center}.view-more:hover{text-decoration:none}.view-more span:after{content:'';position:relative;display:block;width:12px;height:12px;margin-left:1rem;background-size:cover}.misdo .view-more,.misdo .view-more:hover{color:#f7b02d}.misdo .view-more span:after{background:url(//mitsubachi-misdo.jp/wp-content/themes/mitsubachi/css/../img/arrow.svg) no-repeat center center}.bakary .view-more,.bakary .view-more:hover{color:#a78465}.bakary .view-more span:after{background:url(//mitsubachi-misdo.jp/wp-content/themes/mitsubachi/css/../img/arrow-brown.svg) no-repeat center center}.duskin .view-more,.duskin .view-more:hover{color:#6cc1cd}.duskin .view-more span:after{background:url(//mitsubachi-misdo.jp/wp-content/themes/mitsubachi/css/../img/arrow-blue.svg) no-repeat center center}.beauty .view-more,.beauty .view-more:hover{color:#ebb9c2}.beauty .view-more span:after{background:url(//mitsubachi-misdo.jp/wp-content/themes/mitsubachi/css/../img/arrow-pink.png) no-repeat center center}.grouphome .view-more,.grouphome .view-more:hover{color:#9de3bd}.grouphome .view-more span:after{background:url(//mitsubachi-misdo.jp/wp-content/themes/mitsubachi/css/../img/arrow-green.png) no-repeat center center}.business-title{font-size:20px;padding-top:105%;font-weight:700}.business-title small{display:block;font-size:14px;margin-top:1rem}section.online-shop{text-align:center;margin-top:80px;margin-bottom:80px}section.online-shop .fluid-box{position:relative}section.online-shop .fluid-box .inner{background-image:url(//mitsubachi-misdo.jp/wp-content/themes/mitsubachi/css/../img/online-shop-bg.jpg);width:100%;height:500px;background-position:center;background-size:cover}section.online-shop .fluid-box .inner img{width:400px}section.online-shop .fluid-box .inner img.title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}section.online-shop .fluid-box .inner .clipping{position:absolute;left:50%;bottom:0;transform:translateX(-50%)}section.online-shop .fluid-box .inner h1{position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-weight:700;font-size:18px}section.online-shop .desc{padding-top:50px;padding-bottom:50px}section.online-shop .desc h2{font-weight:700;letter-spacing:2px}section.online-shop .view-more,section.online-shop .view-more:hover{color:#a78465}section.online-shop .view-more span:after{background:url(//mitsubachi-misdo.jp/wp-content/themes/mitsubachi/css/../img/arrow-brown.svg) no-repeat center center}section.instagram{text-align:center;padding-bottom:80px}section.instagram h1{width:300px;margin:auto}section.instagram .instagram_gallery{display:flex;flex-wrap:wrap;margin-left:15px;margin-right:15px}section.instagram .instagram_gallery a{display:inline-block;width:33.3333%;padding:5px}section.instagram .instagram_gallery img{height:450px;object-fit:cover}section.instagram .view-more,section.instagram .view-more:hover{color:#333}section.instagram .view-more span:after{background:url(//mitsubachi-misdo.jp/wp-content/themes/mitsubachi/css/../img/arrow.svg) no-repeat center center}.instagram-hachinoko{margin-bottom:16px}.instagram-yurinoheya{margin-bottom:16px}section.recruit{margin-top:180px}section.recruit .fluid-box{background-image:url(//mitsubachi-misdo.jp/wp-content/themes/mitsubachi/css/../img/recruit-bg.jpg);background-size:cover;background-position:center}section.recruit .fluid-box .inner{position:relative;height:800px}section.recruit .fluid-box .inner .recruit-detail{position:absolute;top:-9rem;left:5rem}section.recruit .fluid-box .inner .recruit-rect{position:relative;width:40rem}section.recruit .fluid-box .inner .flying-bee{position:absolute;right:0;bottom:6rem}section.recruit .fluid-box .inner .desc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:80%}section.recruit .fluid-box .inner .desc h1{font-size:20px}section.recruit .fluid-box .inner .desc h2{font-size:20px;font-weight:700;line-height:1.8}section.recruit .fluid-box .inner .desc p{line-height:2}footer{padding-top:80px;padding-bottom:50px;color:gray}footer .overview img{width:80%}footer .overview p{line-height:1.8}footer .footer-nav li{margin-bottom:.8rem}footer .footer-nav .menu-title{color:#333;margin-bottom:.8rem}footer .footer-nav .bakary-menu-detail li{margin-bottom:.5rem}footer .footer-nav .bakary-menu-detail li:before{content:'-';display:inline-block;margin-right:.5rem}footer .footer-nav .bakary-menu-detail li a{display:inline-block;color:gray;font-weight:400}footer .footer-nav li a{display:inline-block;color:#333;font-weight:700}footer .footer-nav li a:hover{text-decoration:none}.view-more-outline{display:inline-block;line-height:2.5;padding-left:30px;padding-right:30px;border-radius:30px;border:1px solid #333;color:#333}.view-more-outline span{display:flex;align-items:center}.view-more-outline:hover{color:#333;text-decoration:none}.view-more-outline span:after{content:'';position:relative;display:block;background:url(//mitsubachi-misdo.jp/wp-content/themes/mitsubachi/css/../img/arrow-gray.svg) no-repeat center center;width:12px;height:12px;margin-left:1rem;background-size:cover}footer .footer-link .sns a{color:#333}footer .footer-link .sns a:hover{text-decoration:none}footer .footer-link .sns .icon{display:inline-block;width:2.5rem;height:2.5rem;border-radius:50%;background:gray;font-size:30px;line-height:2.5rem;margin-right:.3rem;text-align:center;vertical-align:middle}footer .footer-link .sns .icon i{color:#fff}footer .footer-link .sns .bakary a span{display:flex;flex-wrap:nowrap;align-items:center}footer .footer-link .sns .bakary a span:after{content:'';position:relative;display:block;background:url(//mitsubachi-misdo.jp/wp-content/themes/mitsubachi/css/../img/arrow-gray.svg) no-repeat center center;width:8px;height:8px;margin-left:.5rem;background-size:cover}header.front.mitsubachi-page{width:calc(100% - 1.4vw);height:calc(80vh - 1.4vw);margin:auto;margin-top:.7vw;margin-bottom:.7vw}main.mitsubachi-page section{padding-top:60px;padding-bottom:60px}main.mitsubachi-page section .logo{max-width:200px}main.mitsubachi-page.mitsubachi-bakary-mitsubachi section .logo{width:250px}main.mitsubachi-page section .about-p{line-height:2}.view-map{display:inline-block;line-height:2.5;background:#f7b02d;padding-left:30px;padding-right:30px;border-radius:30px;color:#fff}.view-map span{display:flex;align-items:center}.view-map:hover{color:#fff;text-decoration:none}.view-map span:after{content:'';position:relative;display:block;width:12px;height:12px;margin-left:1rem;background:url(//mitsubachi-misdo.jp/wp-content/themes/mitsubachi/css/../img/arrow-white.svg) no-repeat center center;background-size:cover}@media screen and (max-width:1500px){body{font-size:14px}header.front h2{font-size:22px}header .logo-mitsubachi{width:150px}.header-nav{top:4vw;right:4vw}.header-nav .nav-toggle-wrap{justify-content:flex-end}.header-nav nav{position:absolute;top:3rem;left:0;width:100%;padding-top:10px;padding-left:15px;padding-bottom:10px;padding-right:15px;border-radius:15px}.header-nav ul.nav-inner{display:flex}.header-nav nav .list-inline-item{display:block}.header-nav .nav-toggle{width:2.3rem;height:2.3rem;margin:0}.header-nav .link-text{display:none}.header-nav .contact a{display:flex;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;padding-left:0;padding-right:0;border-radius:50%;vertical-align:middle}.header-nav .contact a .mr-1{margin-right:0 !important}.header-nav .sns a{width:2.3rem;height:2.3rem}.header-nav .sns a img{width:1.2rem}.header-nav.show .nav-toggle-wrap{background:0 0}.header-nav nav.show{padding-top:10px;padding-left:15px;padding-bottom:10px;padding-right:15px;background:#fff;border-radius:15px}.header-nav nav li.list-inline-item{margin-right:0}}@media screen and (max-width:1024px){main.front section h1 small{margin-top:.5rem}header.front{width:calc(100% - 4vw);height:calc(70vh - 4vw);margin:auto;margin-top:2vw;margin-bottom:2vw}header.front .inner{background-position:center;background-size:cover}header .logo-mitsubachi{top:0;left:0;width:100px}.header-recruit{display:none}header.front .inner .catch{top:50%;left:50%;right:0;transform:translate(-50%,-50%);width:100%;padding-left:15px;padding-right:15px}.scroll-more a{bottom:20px;font-size:10px}section.news h1{font-size:18px;margin-bottom:1.2rem}section.news .list-unstyled{padding-left:15px;padding-right:15px}section.news li a{margin-top:.5rem}section.news time{font-size:12px}.badge-bee{font-size:12px;padding-top:0;padding-left:15px;padding-bottom:0;padding-right:15px;border-radius:15px}section.news .read-more{margin-top:1.2rem}section.banner .slick-slide{margin-left:2vw;margin-right:2vw}section.banner .prev-arrow{left:15px}section.banner .next-arrow{right:15px}section.about h2.orange{font-size:18px}.business-title{margin-bottom:2rem}section.online-shop .desc h2{font-size:18px}section.online-shop .fluid-box .inner h1{width:100%}section.online-shop .fluid-box .inner img{width:100%;padding-left:15px;padding-right:15px}section.instagram h1{width:200px}section.recruit{margin-top:0}section.recruit .fluid-box{background-image:none}section.recruit .fluid-box .inner{height:auto}section.recruit .fluid-box .inner .recruit-detail{position:relative;top:0;left:0}section.recruit .fluid-box .inner .recruit-rect{display:none}section.recruit .fluid-box .inner .desc{position:relative;top:0;left:0;transform:translate(0,0);width:100%;padding-left:15px;padding-right:15px}section.recruit .fluid-box .inner .flying-bee{display:none}footer .overview{margin-bottom:2rem}footer .overview p{margin-bottom:0}footer .footer-nav{margin-bottom:1.2rem}footer .footer-nav ul{margin-bottom:0}footer .footer-link{margin-bottom:2rem}header.front.mitsubachi-page{width:calc(100% - 4vw);height:calc(70vh - 4vw);margin:auto;margin-top:2vw;margin-bottom:2vw}}@media screen and (max-width:480px){section.instagram .instagram_gallery a{width:100%;padding-top:0;padding-left:0;padding-bottom:10px;padding-right:0}section.instagram .instagram_gallery img{height:200px}section.about .fluid-box .inner{height:400px}.concept.hachinoko p br{display:none}.concept.mitsubachi p br{display:none}.concept.duskin p br{display:none}.concept.company p br{display:none}}footer .footer-nav .bakary-menu-detail li{position:relative;padding-left:10px}footer .footer-nav .bakary-menu-detail li:before{position:absolute;margin-right:0;left:0}ul.list-inline.bakary li{display:block}.custom-flex{align-items:flex-start !important}.custom-flex .pr-2{padding-top:10px}.custom-flex .pt{padding-top:10px}.custom-flex .pt li{margin-bottom:10px}.custom-flex .pt li:last-of-type{margin-bottom:0}#custom-flex{gap:0 40px}@media screen and (max-width:767px){#custom-flex{padding:0 15px}}