@charset "utf-8";html{scroll-behavior:smooth}body{width:100%;max-width:100%;font-family:'Sippori Mincho SB',serif;font-size:1rem;line-height:1.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;word-wrap:break-word;letter-spacing:.2em;background:#efe9df;letter-spacing:.1rem}a{color:#555;text-decoration:none;outline:none;transition:.6s}a:hover{cursor:pointer}header p{font-weight:lighter}img{width:100%;height:auto;vertical-align:bottom}*{box-sizing:border-box;margin:0;padding:0}.mb10{margin-bottom:1rem}.mb50{margin-bottom:5rem}.center{text-align:center}.container{width:min(100% - 2.5rem,1580px);margin-inline:auto}ul{margin:0;padding:0;list-style:none}nav ul{list-style:none;display:flex;justify-content:center}nav ul li{position:relative}.flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.flex_s{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:5px}.page-numbers{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.list_center{width:fit-content;margin:auto}.base{padding:90px 0}nav ul li a{display:block;text-decoration:none;color:#444;padding:7px;transition:all .3s}header{width:100%;line-height:1;z-index:3;position:fixed;top:0}.header-inner{margin-left:auto;margin-right:auto;padding:0}.header-inner .flex{justify-content:flex-start}.header-logo{margin:20px 0 0 30px}.header-logo a{width:150px}.header-logo img{max-width:150px}.header-logo-txt{font-size:.75rem;margin-left:10px;line-height:1.5}.gnavi_pc .gnavi-list{margin-right:2rem;margin-top:1rem}.gnavi_pc .gnavi-item{position:relative;padding:1px;font-size:.85rem}.gnavi_pc .gnavi-item a{padding-left:10px;color:#333;overflow:hidden;position:relative;z-index:1;display:block;letter-spacing:.1rem}.gnavi_pc .gnavi-item a:after{background:#333;position:absolute;top:0;left:0;content:'';width:100%;height:100%;transform:scale(0,1);transform-origin:left top;transition:.2s cubic-bezier(.45,0,.55,1);z-index:-1}.gnavi_pc .gnavi-item a:hover{color:#fff}.gnavi_pc .gnavi-item a:hover:after{transform:scale(1,1)}.gnavi_pc .gnavi-item a.last:hover:after{transform:unset}.gnavi-item-mail .material-symbols-outlined{background:#333;border-radius:50%;color:#fff;padding:.4rem;font-size:1.2rem;transform:scale(1);transition:all .4s}.gnavi-item-mail .material-symbols-outlined:hover,.gnavi-item-insta:hover{transform:scale(1.1)}.gnavi-item-insta img{width:32px}.burger{display:none;cursor:pointer;position:absolute;width:60px;height:60px;top:5px;right:0;padding:0}.burger span{position:absolute;left:20px;width:30%;height:2px;background-color:#fff;border-radius:0;-webkit-transition-timing-function:cubic-bezier(.25,.1,.25,1);-o-transition-timing-function:cubic-bezier(.25,.1,.25,1);transition-timing-function:cubic-bezier(.25,.1,.25,1);-webkit-transition:all .2s cubic-bezier(.25,.1,.25,1);-o-transition:all .2s cubic-bezier(.25,.1,.25,1);transition:all .2s cubic-bezier(.25,.1,.25,1)}.burger span:first-of-type{top:18px}.burger span:nth-of-type(2){top:24px}.burger.is-active span{background:#fff}.burger.is-active span:first-of-type{top:20px;-webkit-transform:translateY(0px) rotate(-45deg);-ms-transform:translateY(0px) rotate(-45deg);transform:translateY(0px) rotate(-45deg)}.burger.is-active span:nth-of-type(2){top:20px;-webkit-transform:translateY(0px) rotate(45deg);-ms-transform:translateY(0px) rotate(45deg);transform:translateY(0px) rotate(45deg)}.sp-only{display:none}.pc-only{display:block}@media screen and (max-width:767px){body{font-size:87.5%}.mb50{margin-bottom:3rem}a:hover,a:focus,a:active{opacity:.6}.sp-only{display:block}.pc-only{display:none}.base{padding:50px 0}.header-inner{width:100%;padding:0;background:#333}.header-logo{width:100%;margin:10px 15px}.header-logo a{width:120px}.header-logo-txt{font-size:.5rem;color:#fff}.gnavi{position:fixed;top:0;right:0;opacity:0;padding-bottom:0;background:#333;text-align:center;transform:translateY(-150vw);transition:all .5s linear;z-index:-1;padding-bottom:.5rem}.gnavi.is-active{opacity:1;box-shadow:0 4px 2px rgba(0,0,0,.2);transform:translateY(13vw)}.gnavi hr{width:100%;border:0;border-top:.5px solid #fff}.gnavi .gnavi-list{margin-right:0;-ms-flex-wrap:wrap;flex-wrap:wrap}.gnavi .gnavi-item.half{width:49%;float:left}.gnavi .gnavi-item{width:100%;padding:3px 0}.gnavi .gnavi-item:before{display:none}.gnavi .gnavi-item:last-child:after{display:none}.gnavi .gnavi-item a{color:#fff;display:block}.gnavi .gnavi-item a small{font-size:80%}.gnavi .gnavi-item a:after{display:none}.gnavi .gnavi-item.mail a{display:inline-flex;align-items:center}.gnavi .gnavi-item.insta img{width:22px}.burger{display:block}.flex.reverse{flex-direction:column-reverse}}.inview-slide-up{opacity:0;transform:translateY(20%)}.slide-up{opacity:1;transform:translateY(0%);-webkit-transition:1.2s .5s;transition:1.2s .5s}.item02{transition:1.7s .8s}.item03{transition:2.2s 1.1s}.item04{transition:2.7s 1.4s}.item05{transition:3.1s 1.7s}.item06{transition:3.6s 2s}.item07{transition:4.1s 2.3s}.inview-fade-up{opacity:0}.fade-up{opacity:1;-webkit-transition:1.2s .5s;transition:1.2s .5s}.inview-slide-left{opacity:0;transform:translateX(-50%)}.slide-left{opacity:1;transform:translateY(0%);-webkit-transition:1.2s .5s;transition:1.2s .5s}.inview-slide-right{opacity:0;transform:translateX(50%)}.slide-right{opacity:1;transform:translateY(0%);-webkit-transition:1.2s .5s;transition:1.2s .5s}.inview-slide-top{opacity:0;transform:translateY(-50%)}.slide-top{opacity:1;transform:translateY(0%);-webkit-transition:1.2s .5s;transition:1.2s .5s}.l-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:4;display:grid;place-items:center;pointer-events:none}.l-intro{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:start;pointer-events:none;font-size:1.5rem;letter-spacing:.8rem;font-family:'Sippori Mincho SB',serif}.mv{position:relative;width:100%;height:auto;max-width:100%}.l-intro-sub-txt{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}.l-intro-sub-txt img{width:100%;max-width:550px}.mySwiper01 .swiper{width:100%;height:100vh;margin-left:auto;margin-right:auto}.mySwiper01 .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.mySwiper01 .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.mySwiper01 .swiper-slide{background-size:cover;background-position:center}.mySwiper02{margin-bottom:5rem}.scrolldown{position:absolute;right:50%;transform:translate(-50%,-50%);z-index:1;animation:arrowmove 4s ease-in-out infinite}@keyframes arrowmove{0%{bottom:-5%}50%{bottom:-4%}100%{bottom:-5%}}.scrolldown span{position:absolute;left:-20px;bottom:20px;color:#444;font-size:.8rem;font-weight:700;letter-spacing:.05em;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.scrolldown:before{content:"";position:absolute;bottom:0;right:27px;width:2px;height:10px;background:#444;transform:skewX(-35deg)}.scrolldown:after{content:"";position:absolute;bottom:0;right:30px;width:2px;height:90px;background:#444}@media screen and (max-width:767px){.mv img{height:90vh;object-fit:cover}.scrolldown{right:43%}.l-intro{font-size:.8rem}.l-intro-sub-txt img{height:auto}.inview-slide-right{transform:translateX(0%)}.inview-slide-left{transform:translateX(0%)}}.lead{padding:50px 0}.lead img{width:57%}.lead .txt{width:100%;text-align:center;line-height:1.6}.front-page-h2{text-align:center;font-size:2rem;line-height:1.75}.news{width:100%;position:relative}.news .figure{width:330px}.news #n_img_01{margin-right:15rem;margin-bottom:-3rem;max-width:330px}.news #n_img_02{width:50%}.news #n_img_03{width:82%;margin-right:150px;margin-top:-50px}.news .n_item{margin:20px 0}.n-area__outer{display:flex;justify-content:space-between;align-items:center}.n_area__img{width:45%;display:flex;flex-direction:column;align-items:flex-end}#main figure{margin-bottom:0}.news .n_area{width:45%}.news .n_more{text-align:right}.n_more{line-height:5rem;position:relative}.n_more:before{font-family:'Material Icons';content:'\e5cc';position:absolute;right:50px;top:50%;transform:translate(-50%,-50%);font-size:25px;display:block;color:#444;transition:all .6s}.n_more:hover:before{right:45px}@media (max-width:1000px){.front-page-h2{font-size:1.5rem;margin-bottom:20px}.n_area__img{width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.news .n_area{width:100%;margin-top:2rem}.n-area__outer{flex-direction:column}.news #n_img_03{width:calc(100%/3);margin:0}.news #n_img_02{width:calc(94%/3)}.news #n_img_01{width:calc(100%/3);margin:0}}h1.tag.center,h2.tag.center{font-size:3rem;line-height:.75;text-align:center;margin:0 auto;margin-bottom:60px;max-width:247px}h1.tag.left,h2.tag.left{font-size:2rem;line-height:1.75;text-align:left;margin-bottom:20px}h1.tag.left.tit,h2.tag.left.tit{max-width:110px}h1.tag small,h2.tag small{font-size:1rem;font-weight:lighter}.mySwiper02 .swiper-slide{opacity:.6}.mySwiper02 .swiper-slide.swiper-slide-active{opacity:1}.mySwiper02 .swiper-slide .slide_wrap{overflow:hidden;display:block;width:100%;height:100%;transition:.6s}.mySwiper02 .swiper-button-prev,.mySwiper02 .swiper-button-next{background:rgba(51,51,51,.805);padding:25px}.mySwiper02 .swiper-button-next,.mySwiper02 .swiper-rtl .swiper-button-prev{right:calc(20% - 3.2rem);left:auto}.mySwiper02 .swiper-button-prev,.mySwiper02 .swiper-rtl .swiper-button-next{left:calc(20% - 3.2rem);right:auto}.mySwiper02 .swiper-button-next:after,.mySwiper02 .swiper-rtl .swiper-button-prev:after{color:#fff;font-size:1.5rem}.mySwiper02 .swiper-button-prev:after,.mySwiper02 .swiper-rtl .swiper-button-next:after{color:#fff;font-size:1.5rem}.life .swiper-slide .slide_wrap img{-moz-transition:-moz-transform .5s linear;-webkit-transition:-webkit-transform .5s linear;-o-transition:-o-transform .5s linear;-ms-transition:-ms-transform .5s linear;transition:transform .5s linear}.life .swiper-slide .slide_wrap img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.txt a.rmore{border-left:3px solid #a48b78;padding-left:10px;background:#efe9df;color:#a48b78;overflow:hidden;position:relative;z-index:1;display:block;max-width:135px}.txt a.rmore:after{background:#a48b78;position:absolute;top:0;left:0;content:'';width:100%;height:100%;transform:scale(0,1);transform-origin:left top;transition:.2s cubic-bezier(.45,0,.55,1);z-index:-1}.txt a.rmore:hover{color:#fff}.txt a.rmore:hover:after{transform:scale(1,1)}.life .flex{padding:30px 5px;align-items:flex-start}.life .flex h2{width:37%}.life .flex h2 img{max-width:280px}.life .flex .txt{width:60%}.life .flex .txt h3{font-size:1rem}h3.btn a{width:250px;margin-inline:auto;padding:20px;font-size:.8rem;border:1px solid #444;text-align:center;background:#efe9df;color:#444;overflow:hidden;position:relative;z-index:1;display:block}h3.btn a:before{font-family:'Material Icons';content:'\e5df';position:absolute;right:0;top:50%;transform:translate(-50%,-50%);font-size:25px;display:block;color:#444}h3.btn a:after{background:#444;position:absolute;top:0;left:0;content:'';width:100%;height:100%;transform:scale(0,1);transform-origin:left top;transition:.2s cubic-bezier(.45,0,.55,1);z-index:-1}h3.btn a:hover{color:#fff}h3.btn a:hover:after{transform:scale(1,1)}h3.btn a:hover:before{color:#fff}.about{width:100%;background:url(//okuhokuso.com/wp-content/themes/okuhokuso/assets/css/../img/top/bg.jpg) no-repeat;background-size:cover;background-attachment:fixed;position:relative;height:auto;z-index:0}.about:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.about .txt{width:50%;color:#333;padding:100px;background:rgba(255,255,255,.825)}@media screen and (max-width:767px){.lead img{width:100%}.lead .txt{width:100%}.news{padding-top:10px}.news #n_img_01{position:static}.news #n_img_02{top:31.5rem;right:0}.news #n_img_03{top:36rem;right:10rem}.mySwiper02 .swiper-slide{width:100%}.mySwiper02 .swiper-button-prev,.mySwiper02 .swiper-button-next{padding:20px}.mySwiper02 .swiper-button-next,.mySwiper02 .swiper-rtl .swiper-button-prev{top:4rem}.mySwiper02 .swiper-button-prev,.mySwiper02 .swiper-rtl .swiper-button-next{top:4rem}.mySwiper02 .swiper-button-next:after,.mySwiper02 .swiper-rtl .swiper-button-prev:after{font-size:.8rem}.mySwiper02 .swiper-button-prev:after,.mySwiper02 .swiper-rtl .swiper-button-next:after{font-size:.8rem}.life .flex h1{width:100%;margin-bottom:2rem}.life .flex .txt{width:100%}.life .flex h2{width:77%}h1.tag.center,h2.tag.center{font-size:1.8rem;margin-bottom:40px;line-height:1.2;max-width:300px}h1.tag.left,h2.tag.left{font-size:1.4rem}.about .txt{width:100%}.about .txt{padding:50px}.about{background-attachment:unset}}.area .area_wrap{text-align:center;padding-top:90px}.area .area_wrap .flex{justify-content:flex-start;gap:30px}.area .area_wrap .area_item{width:23.5%;margin-bottom:4rem;position:relative;color:#444;overflow:hidden;z-index:1;display:block}.area .area_wrap .area_item .txt{width:100%;height:auto;position:absolute;top:50%;bottom:0;left:0;right:0;color:#fff;text-align:center;padding:0 7rem}.area .area_wrap .area_item .txt hr{border:1px solid #fff}.area .area_wrap .area_item .bg-slide{width:100%;height:auto;position:absolute;top:0;bottom:0;left:-100%;right:0;background:rgba(0,0,0,.8);transition:all .6s ease;margin-top:4.8rem}.area .area_wrap .area_item:hover .bg-slide{left:0;opacity:1}.fuki{padding:.3rem .6rem;background-color:#333;position:relative;border-radius:5px;color:#fff;font-size:1.2rem;line-height:4;z-index:1;letter-spacing:0px}.fuki:before{content:'';display:block;width:7px;height:10px;background-color:#333;position:absolute;inset:99% auto auto 50%;translate:-50% 0;clip-path:polygon(0 0,100% 0,50% 100%)}@media screen and (max-width:767px){.area .area_wrap{padding-top:20px}.area .area_wrap .flex{gap:3px}.area .area_wrap .area_item{width:49%;margin-bottom:2rem}.area .area_wrap .area_item .txt{left:0;padding:0 1.5rem;font-size:75%}.area .area_wrap .area_item .bg-slide{margin-top:3.2rem;left:0;background:rgba(0,0,0,.4)}.area .area_wrap .area_item .fuki{border-radius:3px;font-size:.8rem}.area .area_wrap .area_item .fuki:before{content:'';display:block;width:7px;height:10px;background-color:#333;position:absolute;inset:99% auto auto 50%;translate:-50% 0;clip-path:polygon(0 0,100% 0,50% 100%)}}.info{background:linear-gradient(#a48b78 0%,#a48b78 50%,transparent 50%,transparent 100%)}.info h2.tag{color:#fff}.mySwiper03{padding:0 2.5rem}.mySwiper03 .swiper-slide .slide_wrap{display:block;width:100%;height:100%;transition:.6s}.mySwiper03 .swiper-slide .slide_wrap.new{position:relative}.mySwiper03 .swiper-slide .txt{margin-top:2rem}.mySwiper03 .swiper-button-prev,.mySwiper03 .swiper-button-next{background:rgba(51,51,51,.805);padding:25px}.mySwiper03 .swiper-button-next,.mySwiper03 .swiper-rtl .swiper-button-prev{right:calc(5% - 4rem);left:auto;top:7rem}.mySwiper03 .swiper-button-prev,.mySwiper03 .swiper-rtl .swiper-button-next{right:calc(5% - 4rem);right:auto;top:7rem}.mySwiper03 .swiper-button-next:after,.mySwiper03 .swiper-rtl .swiper-button-prev:after{color:#fff;font-size:1.5rem}.mySwiper03 .swiper-button-prev:after,.mySwiper03 .swiper-rtl .swiper-button-next:after{color:#fff;font-size:1.5rem}.vin_detail{line-height:1.2rem}.info a:hover,.footer a:hover{opacity:.7}.swiper-slide .slide_wrap{text-align:center}.swiper-slide .slide_wrap a{height:250px;display:inline-block}.swiper-slide .slide_wrap a img{width:auto;max-width:100%;height:auto}@media (max-width:1000px){.swiper-slide .slide_wrap a img{max-height:none}}.footer{border-top:1px solid #333;position:relative}.footer_wrap .flex_s .left,.footer_wrap .flex_s .right{width:49%}.footer_wrap .flex_s .left .adress img,.footer_wrap .flex_s .left .adress .txt{width:80%}.footer_wrap .flex_s .left .adress img{max-width:100px}.footer_wrap .flex_s .left .links{margin-left:8rem}.footer_wrap .flex_s .left .links h3.btn{width:47%}.footer .n_more{margin-left:3rem}.footer .n_more:before{left:12%}.footer .n_more:hover:before{left:30px}.footer_wrap .flex_s .right .flex_s h2{width:20%}.footer_wrap .flex_s .right .flex_s .site_map{width:78%}.footer_wrap .flex_s .right .gnavi-list{width:30%;line-height:2}.footer_wrap .flex_s .right .gnavi-list .gnavi-item small{border-bottom:1px solid #333;padding-bottom:.5rem}.footer_wrap .flex_s .right .gnavi-list .gnavi-item a{position:relative}.footer_wrap .flex_s .right .gnavi-list .gnavi-item:not(.half) a:before{font-family:'Material Icons';content:'\e5df';position:absolute;right:-45px;top:50%;transform:translate(-50%,-50%);font-size:25px;display:block;color:#444}.footer .copy{text-align:center;margin-bottom:4rem}.footer .copy small{border:1px solid #333;padding:15px;line-height:5;margin-left:2rem}#topbtn{position:fixed;right:40px;bottom:2.5rem;display:none;width:60px;height:60px;background:#333;border-radius:50%;transition:.6s;z-index:1}#topbtn:hover{transform:translateY(-7px)}#topbtn a{position:relative}#topbtn a:before{font-family:'Material Icons';content:'\e5c7';position:absolute;left:2rem;top:2rem;transform:translate(-50%,-50%);font-size:35px;display:block;color:#fff}@media screen and (max-width:767px){.mySwiper03 .swiper-slide{width:100%}.mySwiper03 .swiper-button-prev,.mySwiper03 .swiper-button-next{padding:20px}.mySwiper03 .swiper-button-next,.mySwiper03 .swiper-rtl .swiper-button-prev{right:calc(20% - 4rem)}.mySwiper03 .swiper-button-next:after,.mySwiper03 .swiper-rtl .swiper-button-prev:after{font-size:.8rem}.mySwiper03 .swiper-button-prev:after,.mySwiper03 .swiper-rtl .swiper-button-next:after{font-size:.8rem}.footer_wrap .flex_s .left,.footer_wrap .flex_s .right{width:100%}.footer_wrap .flex_s .left .adress img,.footer_wrap .flex_s .left .adress .txt{width:100%}.footer_wrap .flex_s .left .links{margin-left:0}.footer_wrap .flex_s .left .links h3.btn a{max-width:100%}.footer_wrap .flex_s .right .flex_s h2{width:40%}.footer_wrap .flex_s .right .flex_s .site_map{width:55%}.footer_wrap .flex_s .right .gnavi-list{width:100%}.footer .copy small{margin-left:0}#topbtn{right:15px;bottom:1.5rem;width:50px;height:50px}#topbtn a:before{left:1.7rem;top:1.7rem;transform:translate(-50%,-50%);font-size:25px}.footer .n_more{margin-left:1rem}}#n_archive .n_area{width:100%}.n_area .flex{justify-content:start}#n_archive .n_item_wrap{margin-top:1.5rem}.lead{padding:100px 0}body,h1,h2,h3,h4,h5{font-weight:400}.n_more:before{color:#555}.swiper-slide .slide_wrap a img{width:auto;max-width:100%;height:auto}h3.btn a{width:250px;margin-inline:auto;padding:20px;font-size:.9rem;border:1px solid #8e8e8e;text-align:center;background:#efe9df;color:#222;overflow:hidden;position:relative;z-index:1;display:block}.vin h1.tag.center,.vin h2.tag.center{max-width:550px}.gnavi_pc .gnavi-item{font-size:1rem}.footer_wrap .flex_s .right .gnavi-list .gnavi-item small{border-bottom:1px solid #8e8e8e;padding-bottom:.5rem}.scrolldown:before{width:1px}.scrolldown:after{width:1px}.scrolldown:after{bottom:5px;height:75px}.scrolldown:before{bottom:5px}a,.gnavi_pc .gnavi-item a,.footer .footer_wrap h2,.footer .footer_wrap p{color:#222}.footer .copy small{border:1px solid #8e8e8e}.lead .txt p br{display:unset}.mls h1.tag.center,h2.tag.center{max-width:550px}