@charset "UTF-8";#main_banner{position:relative;overflow:hidden;width:100vw;height:42.5rem}#main_banner .slide_wrapper{display:flex;width:100%;height:100%;transition:transform 1.2s ease}#main_banner .banner_item{min-width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}#main_banner .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1}#main_banner .main_tit{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}@media (max-width: 767px){#main_banner .main_tit{width:90%}}#main_banner .main_tit h2{font-size:3rem;margin-bottom:1.5rem;color:var(--text-light)}@media (max-width: 767px){#main_banner .main_tit h2{font-size:2rem}}#main_banner .main_tit p{color:var(--text-light)}@media (max-width: 767px){#main_banner{height:30rem}}#main_about{display:flex;align-items:center;margin:auto;gap:1.5rem}@media (max-width: 767px){#main_about{flex-direction:column}}#main_about>div{flex:1 1 50%}@media (max-width: 767px){#main_about>div{width:100%}#main_about .about_img{order:1}}#main_about .about_img .img_box{height:26.25rem;position:relative;border-radius:1rem;overflow:hidden}#main_about .about_img ul{display:flex;width:100%;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem}#main_about .about_img ul li{flex:1 1 0;position:relative;height:10rem;border-radius:1rem;overflow:hidden;-o-object-fit:cover;object-fit:cover}#main_about .about_img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 767px){#main_about .about_img img{width:100%}}#main_about .about_info{padding:1.5rem;text-align:center}@media (max-width: 767px){#main_about .about_info{padding:0}}#main_about .about_info b{font-size:2.625rem;line-height:110%;font-weight:700}@media (max-width: 767px){#main_about .about_info b{font-size:2rem}}#main_about .about_info b span{color:var(--brand-main)}#main_about .about_info p{margin:1.5rem 0 2.625rem}#main_about .about_info button{border:none;width:10rem;height:2.5rem;border-radius:.5rem;background-color:var(--brand-main);color:var(--text-light);transition:all .2s}#main_about .about_info button:hover{opacity:.8}#main_about .about_info button a{display:block;width:100%;line-height:2.5rem}#main_portfolio{overflow:hidden;text-align:center}#main_portfolio .work_tit span{letter-spacing:.375rem}#main_portfolio .work_tit strong{display:block;position:relative;font-size:2.625rem;margin:.5rem 0 1.5rem}#main_portfolio .work_tit strong:after,#main_portfolio .work_tit strong:before{content:"";display:block;width:calc(50% - 7.5rem);border-bottom:1px solid #000;position:absolute;top:50%}#main_portfolio .work_tit strong:after{left:0}#main_portfolio .work_tit strong:before{right:0}@media (max-width: 767px){#main_portfolio .work_tit strong{font-size:2rem}}#main_portfolio .work_list{display:flex;flex-wrap:wrap;gap:1.5rem;margin:5rem auto;position:relative}#main_portfolio .work_list:before{content:"";display:block;position:absolute;top:25%;left:50%;transform:translate(-50%);width:100dvw;height:100%;background-color:#000;z-index:-1}@media (max-width: 767px){#main_portfolio .work_list:before{top:15%}#main_portfolio .work_list{margin:2.5rem auto;gap:1rem}}#main_portfolio .work_list li{width:calc((100% - 3rem) / 3);position:relative;border-radius:1rem;overflow:hidden;background:#000;cursor:pointer}@media (max-width: 767px){#main_portfolio .work_list li{width:calc((100% - 1rem)/2)}}#main_portfolio .work_list li:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background:linear-gradient(to top,#000000b3,#0000);transition:height .3s ease}#main_portfolio .work_list li:before{content:"";display:block;width:100%;padding-bottom:100%}#main_portfolio .work_list li img{height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover;transition:all 1s}#main_portfolio .work_list li p{position:absolute;bottom:-20%;left:50%;transform:translate(-50%);width:100%;padding:1.5rem .75rem;transition:all 1s;color:var(--text-light);opacity:0}#main_portfolio .work_list li:hover img{height:110%}#main_portfolio .work_list li:hover p{opacity:1;bottom:0;z-index:1}#main_portfolio .work_list li:hover:after{height:100%}#main_portfolio button{width:10rem;height:2.5rem;background-color:transparent;border-radius:.5rem;border:1px solid var(--text-light);color:var(--text-light);transition:all .2s}#main_portfolio button:hover{background-color:var(--brand-main);border:none}#main_portfolio button a{display:block;width:100%;line-height:2.5rem}#main_contact{position:relative;text-align:center}#main_contact .bg{width:100%;height:200%;position:absolute;z-index:-1;left:0;bottom:-7.5rem;background:linear-gradient(180deg,#000,#0000 50%),url(/img/main/contact_bg.webp) #000 50%/cover no-repeat}#main_contact .wrap{display:flex;align-items:center;gap:1.5rem}@media (max-width: 767px){#main_contact .wrap{flex-direction:column}}#main_contact .wrap div{flex:0 1 50%;padding:1.5rem}@media (max-width: 767px){#main_contact .wrap div{padding:0}}#main_contact .wrap div b{display:block;font-size:2.625rem;margin-bottom:1.5rem;color:var(--text-light)}@media (max-width: 767px){#main_contact .wrap div b{font-size:2rem}}#main_contact .wrap div p{color:var(--text-light)}#main_contact .wrap form{flex:0 1 50%;padding:5rem 2.5rem;border-radius:1rem;background:linear-gradient(126deg,var(--brand-dark) 0%,var(--brand-main) 100%);box-sizing:border-box}@media (max-width: 767px){#main_contact .wrap form{width:100%;padding:1.25rem}}#main_contact .wrap form b{font-size:2rem;color:var(--text-light)}@media (max-width: 767px){#main_contact .wrap form b{font-size:1.75rem}}#main_contact .wrap form ul{margin:1.5rem 0}#main_contact .wrap form ul li{margin-bottom:.5rem;text-align:left}#main_contact .wrap form ul li label{display:none}#main_contact .wrap form ul li input,#main_contact .wrap form ul li textarea{width:100%;height:3rem;border-radius:.5rem;padding:.75rem 1rem;outline:none;box-sizing:border-box;border-color:var(--line-main, #ccc);background-color:transparent;color:var(--text-light)}#main_contact .wrap form ul li textarea{height:6.25rem}#main_contact .wrap form ul li .error-message{display:none;color:var(--text-light);margin:.75rem .75rem 1.5rem;width:100%}#main_contact .wrap form button{width:100%;height:3rem;border-radius:.5rem;outline:none;border:none;background-color:var(--brand-main);color:var(--text-light);cursor:pointer}#main_location{position:relative;text-align:center}#main_location .work_tit{padding:3rem 0 1rem}#main_location .work_tit strong{display:block;position:relative;font-size:2.625rem;margin:.5rem 0 1.5rem}#main_location .work_tit strong:after,#main_location .work_tit strong:before{content:"";display:block;width:calc(50% - 7.5rem);border-bottom:1px solid #000;position:absolute;top:50%}#main_location .work_tit strong:after{left:0}#main_location .work_tit strong:before{right:0}@media (max-width: 767px){#main_location .work_tit strong{font-size:2rem}}#main_location .location_wrap{display:flex;align-items:center;gap:1.5rem}@media (max-width: 767px){#main_location .location_wrap{flex-direction:column}}#main_location .location_wrap .location_info{flex:0 1 50%;padding:1.5rem}@media (max-width: 767px){#main_location .location_wrap .location_info{width:100%;padding:0}}#main_location .location_wrap .location_info p{display:block;line-height:2.5}@media (max-width: 767px){#main_location .location_wrap .location_info p{font-size:1.25rem}}#main_location .location_wrap .location_info a,#main_location .location_wrap .location_info button{display:block;margin:1rem auto;width:100%;height:3rem;line-height:3rem;border-radius:.5rem;outline:none;border:none;background-color:var(--brand-main);color:var(--text-light);text-align:center;text-decoration:none}@media (max-width: 767px){#main_location .location_wrap .location_info a,#main_location .location_wrap .location_info button{font-size:1.25rem}}#main_location .location_wrap .location_info button{display:block}#main_location .location_wrap .location_info a{display:none}@media (max-width: 767px){#main_location .location_wrap .location_info button{display:none}#main_location .location_wrap .location_info a{display:block}}#main_location .location_wrap .location_info .hours-box{background:#f4f4f4;border:1px solid #ccc;padding:1rem;width:100%;margin:1rem auto;border-radius:8px}@media (max-width: 767px){#main_location .location_wrap .location_info .hours-box{width:100%;padding:1.25rem;font-size:1.25rem}}#main_location .location_wrap .location_map{flex:0 1 50%}@media (max-width: 767px){#main_location .location_wrap .location_map{width:100%;padding:0}}#main_location .location_wrap .location_map #map{border:1px solid #ccc;border-radius:1rem;width:100%;height:400px}#snackbar{visibility:hidden;min-width:250px;color:#fff;text-align:center;border-radius:5px;padding:15px;position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:1000;transition:visibility .5s,opacity .5s linear;opacity:0}#snackbar.show{visibility:visible;opacity:1}
