﻿#preloader{background-color:#fff;position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%;transition:opacity 1.2s ease 0s, z-index 0s linear 1.2s}#preloader::after{content:"";display:block;width:100%;height:100%;background-color:#fff;position:absolute;top:0;left:0;z-index:100000;transition:all 1.2s ease 0s}#preloader span{position:absolute;width:270px;height:70px;background:url("../img/logo.webp") center center no-repeat;background-size:contain;top:0;left:0;right:0;bottom:0;margin:auto;transition:all 1.2s ease 0s}#preloader.active::after{opacity:0;z-index:-1}#preloader.hide{opacity:0;z-index:-1}#preloader.hide span{filter:blur(10px)}body.index #mainHeader.scroll{background-color:transparent;box-shadow:none}body.index #mainHeader.scroll h1 img{transition:all .6s ease 0s}body.index #mainHeader.scroll>a.button{background-color:#fff;color:#535e60}body.index #mainHeader.scroll>a.button:hover{background-color:#535e60;color:#fff}body.index #mainHeader.scroll #menu_btn i{border-color:#fff}body.index #mainHeader.scroll #menu_btn i::before,body.index #mainHeader.scroll #menu_btn i::after{background-color:#fff}body.index #mainHeader.scroll #menu_btn.close i{border-color:transparent}body.index #mainHeader.scroll #menu_btn.close i::before,body.index #mainHeader.scroll #menu_btn.close i::after{background-color:#535e60}#hero{position:relative;width:100%;height:100dvh;overflow:hidden}#hero::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(135deg, transparent 0%, rgba(51,51,51,0.6) 100%);z-index:1}#hero h2{display:inline;position:absolute;line-height:0;left:9.5%;top:0;bottom:0;margin:auto;z-index:2;width:2vw;height:56dvh;transform:translateY(5dvh);transition:all 0.8s ease-out 0s;opacity:0}#hero h2 img{width:100%;height:100%;object-fit:contain}#hero ul{width:100%;height:100%;margin-bottom:0}#hero ul li{width:100%;height:100%}#hero ul li img{width:100%;height:100dvh;object-fit:cover;max-height:100%;max-width:100%}#hero.active h2{opacity:1;transform:translateY(0)}#index_intro{text-align:center}#index_intro hgroup{padding:8vw 0}#index_intro hgroup h3{font-size:1.8125rem;line-height:1.7;letter-spacing:.1em;margin-bottom:0;overflow:hidden}#index_intro hgroup h3 span{display:block;transition:all 0.9s cubic-bezier(0.77, 0, 0.2, 1) 0s;opacity:0;transform:translateY(2em)}#index_intro hgroup.active h3 span{opacity:1;transform:translateY(0)}@keyframes fade{0%{opacity:0}10%{opacity:1}50%{opacity:1}60%{opacity:0}100%{opacity:0}}#index_intro ul{display:flex;column-gap:1.7%;align-items:flex-start;margin-bottom:8vw;justify-content:space-between}#index_intro ul li{position:relative;height:auto;overflow:hidden;opacity:0;transition:all .6s ease-in}#index_intro ul li img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;z-index:1}#index_intro ul li img:nth-child(2){opacity:0}#index_intro ul li::after{content:"";width:100%;height:100%;background-color:#fff;position:absolute;bottom:0;left:0;z-index:2;transition:all 1.1s cubic-bezier(0.77, 0, 0.2, 1)}#index_intro ul li:nth-child(1){transition-delay:0s}#index_intro ul li:nth-child(1) img:nth-child(1){animation-delay:0s}#index_intro ul li:nth-child(1) img:nth-child(2){animation-delay:4s}#index_intro ul li:nth-child(1)::after{transition-delay:0s}#index_intro ul li:nth-child(2){transition-delay:0.3s}#index_intro ul li:nth-child(2) img:nth-child(1){animation-delay:0.3s}#index_intro ul li:nth-child(2) img:nth-child(2){animation-delay:4.3s}#index_intro ul li:nth-child(2)::after{transition-delay:0.3s}#index_intro ul li:nth-child(3){transition-delay:0.6s}#index_intro ul li:nth-child(3) img:nth-child(1){animation-delay:0.6s}#index_intro ul li:nth-child(3) img:nth-child(2){animation-delay:4.6s}#index_intro ul li:nth-child(3)::after{transition-delay:0.6s}#index_intro ul.active li{opacity:1}#index_intro ul.active li img{animation:fade 8s cubic-bezier(0.77, 0, 0.2, 1) infinite}#index_intro ul.active li::after{bottom:-100%}#index_intro #index_intro-1 li:nth-child(1){flex-basis:53.9%;aspect-ratio:3 / 2;margin-left:1.7%}#index_intro #index_intro-1 li:nth-child(2){flex-basis:23.18%;aspect-ratio:8 / 11}#index_intro #index_intro-1 li:nth-child(3){flex-basis:17.1875%;aspect-ratio:1 / 1;margin-right:1.7%}#index_intro #index_intro-2 li:nth-child(1){flex-basis:24.85%;aspect-ratio:48 / 35}#index_intro #index_intro-2 li:nth-child(2){flex-basis:55.21%;aspect-ratio:3 / 2}#index_intro #index_intro-2 li:nth-child(3){flex-basis:15.521%;aspect-ratio:15 / 28;margin-right:1.7%}#index_works{background-color:#f8f6f0;padding:8vw 0}#index_works hgroup{max-width:1500px;margin:auto}#index_works ul{display:flex;flex-wrap:wrap}#index_works ul li{flex-basis:25%;position:relative;text-align:right;font-size:.875rem}#index_works ul li figure{z-index:1;width:100%;height:auto;aspect-ratio:31 / 37;text-align:center;position:relative;overflow:hidden;z-index:0}#index_works ul li figure img{width:100%;height:100%;object-fit:cover;transition:all .6s ease 0s}#index_works ul li figure figcaption{position:absolute;top:50%;left:5%;right:5%;margin:0 auto;width:auto;max-width:300px;transform:translateY(-50%);display:inline-block;box-sizing:border-box;padding:0.5em 1.5em;background-color:#535e60;color:#fff;border-radius:5em;text-align:center;z-index:1;line-height:1.2;transition:all .6s ease 0s;opacity:0}#index_works ul li h3{font-size:.875rem;line-height:1.2;margin-bottom:.5em}#index_works ul li h3::after{content:"";display:inline-block;width:.75em;height:.8em;background:url("../img/arrow.svg") center center no-repeat;background-size:contain;transform:rotate(90deg);margin-left:.5em}#index_works ul li h3 a::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:3}#index_works ul li p{font-family:"Cardo", Georgia, "Times New Roman", Times, "serif";font-weight:400}#index_works ul li:hover figure img{transform:scale(1.05);opacity:.3}#index_works ul li:hover figure figcaption{opacity:1}#index_works ul li:first-child{flex-basis:100%}#index_works ul li:first-child figure{aspect-ratio:2 / 1}#index_works ul li:first-child figure::before{aspect-ratio:2 / 1}#index_gallery{padding:8vw 0;opacity:0;transform:translateY(4vw);transition:all 0.6s ease-out 0s}#index_gallery hgroup{text-align:center}#index_gallery ul{padding:0 3%}#index_gallery ul .slick-arrow{width:3vw;height:6vw;position:absolute;top:0;bottom:0;margin:auto;background-color:#574d43;text-indent:-9999px;overflow:hidden}#index_gallery ul .slick-arrow::before{content:"";position:absolute;width:1.5vw;height:1.5vw;background:url("../img/arrow.svg") center center no-repeat;background-size:contain;filter:brightness(0) invert(1);top:0;bottom:0;left:0;right:0;margin:auto}#index_gallery ul .slick-prev{left:0}#index_gallery ul .slick-prev::before{transform:rotate(-90deg)}#index_gallery ul .slick-next{right:0}#index_gallery ul .slick-next::before{transform:rotate(90deg)}#index_gallery ul li:nth-child(odd){margin-bottom:3vw}#index_gallery ul li:nth-child(even){margin-top:3vw}#index_gallery .button{margin-top:3em}#index_gallery.active{opacity:1;transform:translateY(0)}#about_opener{padding:8vw 0;background-color:#f8f6f0}#about_opener #about_opener-1{justify-content:space-between;align-items:center}#about_opener #about_opener-1 figure{flex-basis:50.9%;margin-left:6%;margin-bottom:0;position:relative;padding-top:32%}#about_opener #about_opener-1 figure img{position:absolute;height:auto;transition:all 1.2s ease-out;opacity:0;transform:translateY(2vw)}#about_opener #about_opener-1 figure img:nth-child(1){width:86%;aspect-ratio:3 / 2;bottom:0;left:0;transition-delay:0s}#about_opener #about_opener-1 figure img:nth-child(2){width:20%;aspect-ratio:11 / 16;top:0;right:0;transition-delay:0.2s}#about_opener #about_opener-1 p{flex-basis:20.105%;margin-right:11.875%;text-align:justify}#about_opener #about_opener-1.active figure img{transform:translateY(0);opacity:1}#about_opener #about_opener-2{justify-content:flex-end;align-items:flex-start;margin-top:8vw}#about_opener #about_opener-2 figure img{transition:all 1.2s ease-out;opacity:0;transform:translateY(2vw)}#about_opener #about_opener-2 .order-2{flex-basis:41.4%;margin:4.16% 1.5vw 0 0}#about_opener #about_opener-2 .order-2 img{transition-delay:0.2s}#about_opener #about_opener-2 .order-1{flex-basis:22.85%;margin-right:7.135%}#about_opener #about_opener-2 .order-1 .button{margin-top:6em}#about_opener #about_opener-2 .order-0{flex-basis:12.07%;margin-right:4.12%}#about_opener #about_opener-2.active figure img{opacity:1;transform:translateY(0)}#about{padding:6vw 0}#about .container{max-width:970px}#about .container table{width:100%;margin-bottom:2em}#about .container table th,#about .container table td{padding:.5em .75em;border:solid 1px #ccc}#about .container table th{min-width:12em;background-color:#f8f6f0}#index_news{padding:6vw 0;border-top:solid 1px #ccc}#index_news .container{max-width:1500px}#index_news .container h2{flex-basis:270px}#index_news .container ul{flex-basis:calc(100% - 270px);border-top:solid 1px #ccc}#index_news .container ul li{border-bottom:solid 1px #ccc;margin-bottom:0;padding:2em 0}#index_news .container ul li header{display:flex;justify-content:flex-start;align-items:flex-start;position:relative}#index_news .container ul li header time{flex-basis:90px}#index_news .container ul li header a.cat{flex-basis:150px;margin:0 40px;font-size:.93em;background-color:#535e60;color:#fff;border-radius:2em;padding-bottom:.1em;text-align:center;position:relative;z-index:2}#index_news .container ul li header h3{flex-basis:calc(100% - 320px);font-size:1.07em;line-height:1.5;font-weight:400;margin-bottom:0}#index_news .container ul li header h3 a::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}#contact_opener{background-color:#f8f6f0;padding-top:8vw}#contact_opener .container{max-width:1000px;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;padding:3em 0}#contact_opener .container .d-md-flex{justify-content:flex-start;align-items:center}#contact_opener .container .d-md-flex h2{flex-basis:200px;margin:0 35px}#contact_opener .container .d-md-flex p{flex-basis:420px;margin-bottom:0}#contact_opener .container .d-md-flex a.button{flex-basis:210px}#contact{padding-top:4vw;background-color:#f8f6f0}#contact .container{max-width:1000px}#contact .container .contact-box{border:solid 1px #ccc;background-color:#fff;padding:4vw 0;text-align:center}#contact .container .contact-box+.contact-box{margin-top:2vw}#contact .container .contact-box i{display:block;margin-bottom:2em}#contact .container .contact-box i img{width:2.5em}#contact .container .contact-box h3{font-size:1.5rem;line-height:1.2;letter-spacing:.025em;margin-bottom:2em}#contact .container .contact-box a.tel{font-size:3.75rem}#contact .container .contact-box dl{text-align:left;margin:1em auto;width:80%;max-width:700px}#contact .container .contact-box dl dt{font-weight:400}#contact .container .contact-box dl dt.must::after{content:"必須";display:inline-block;margin-left:1em;padding:0 .4em;line-height:1.2;background-color:#b70012;color:#fff;border-radius:.2em}#contact .container .contact-box dl dd input[type="text"],#contact .container .contact-box dl dd input[type="tel"],#contact .container .contact-box dl dd input[type="email"],#contact .container .contact-box dl dd select,#contact .container .contact-box dl dd textarea{box-sizing:border-box;width:100%;border:solid 1px #ccc;padding:.1em;border-radius:.2em}#contact .container .contact-box dl dd input[type="checkbox"]{margin-right:.5em;transform:scale(1.1)}#contact .container .contact-box dl dd textarea{height:12em}#contact .container .contact-box dl dd .privacy-box{border:solid 1px #ccc;padding:1em;height:12em;overflow:auto}#contact .container .contact-box dl dd .privacy-box h4{font-size:1rem;margin-bottom:0}#contact .container .contact-box .text-center input[type="submit"]{display:block;font-size:1.3125rem;line-height:1;letter-spacing:1em;text-indent:1em;margin-top:1em;background-color:#535e60;color:#fff;width:80%;max-width:550px;margin:1em auto;padding:.5em;border:solid 1px #535e60;border-radius:2em}#contact .container .contact-box .text-center input[type="submit"]:hover{background-color:#fff;color:#535e60}#contact .container .contact-box .text-center p.recap{font-size:9px;width:80%;max-width:700px;margin:0 auto 20px}#contact .container .contact-box .wpcf7-response-output{width:80%;max-width:700px;margin:auto !important}.grecaptcha-badge{visibility:hidden}#area{background-color:#f8f6f0;padding:8vw 0}#area .container{max-width:1000px}#area .container .box{border:solid 1px #ccc;background-color:#fff;padding:1em 4em}#area .container .box .d-md-flex{align-items:center}#area .container .box .d-md-flex div{flex-basis:50%;letter-spacing:.1em}#area .container .box .d-md-flex div h2{font-size:1.875rem;line-height:1.2;margin-bottom:1.5em;padding-bottom:.5em;border-bottom:solid 1px #ccc}#area .container .box .d-md-flex div h3{@inlcude fs(22);margin-bottom:0}#area .container .box .d-md-flex div p{font-size:1.25rem;margin-bottom:0}#area .container .box .d-md-flex div .list-unstyled{letter-spacing:.05em}#area .container .box .d-md-flex div .list-unstyled li{padding-left:1.25em;position:relative}#area .container .box .d-md-flex div .list-unstyled li::before{content:"※";position:absolute;left:0}#area .container .box .d-md-flex figure{flex-basis:50%;height:auto;aspect-ratio:1 / 1}#area .container .box .d-md-flex figure img{width:100%;height:100%;object-fit:contain}@media (max-width: 767.98px){#hero{height:114vw}#hero h2{left:14.5%;width:5vw;height:68vw;transform:translateY(10vw)}#hero ul li img{height:114vw}#index_intro hgroup{padding:24vw 0}#index_intro hgroup h3{font-size:1.25rem}#index_intro ul{column-gap:3vw;margin-bottom:8vw;justify-content:flex-start;flex-wrap:wrap}#index_intro ul li{margin-bottom:3vw}#index_intro #index_intro-1 li:nth-child(1){flex-basis:94vw;margin-left:3vw}#index_intro #index_intro-1 li:nth-child(2){flex-basis:35.5vw;margin-left:3vw}#index_intro #index_intro-1 li:nth-child(3){flex-basis:33.4vw}#index_intro #index_intro-2{justify-content:flex-end}#index_intro #index_intro-2 li:nth-child(1){flex-basis:33vw;order:1}#index_intro #index_intro-2 li:nth-child(2){flex-basis:94vw;margin-right:3vw;order:0}#index_intro #index_intro-2 li:nth-child(3){flex-basis:23.5vw;margin-right:3vw;order:2}#index_works{padding:16vw 0;background-color:#f8f6f0}#index_works ul li{flex-basis:50%}#index_works ul li figure{aspect-ratio:1 / 1}#index_works ul li figure::before{aspect-ratio:1 / 1}#index_works ul li figure figcaption{font-size:.75rem;padding:0.4em 1.5em .5em}#index_works ul li p{font-size:.75rem;line-height:1.2}#index_works ul li:first-child figure{aspect-ratio:4 / 3}#index_gallery{padding:16vw 0}#index_gallery ul{padding:0 8vw}#index_gallery ul .slick-arrow{width:8vw;height:16vw}#index_gallery ul .slick-arrow::before{width:4vw;height:4vw}#index_gallery ul li:nth-child(odd){margin-bottom:0;margin-top:8vw}#index_gallery ul li:nth-child(even){margin-top:0;margin-bottom:8vw}#index_gallery .button{margin-top:3em}#index_gallery.active{opacity:1;transform:translateY(0)}#about_opener{padding:16vw 0;background-color:#f8f6f0}#about_opener #about_opener-1{justify-content:space-between;align-items:center}#about_opener #about_opener-1 figure{width:82vw;margin-left:3vw;padding-top:57%}#about_opener #about_opener-1 p{width:94%;margin:8vw auto}#about_opener #about_opener-1.active figure img{transform:translateY(0);opacity:1}#about_opener #about_opener-2{margin-top:16vw}#about_opener #about_opener-2 .order-2{width:74%;margin:8vw 3vw 0 auto}#about_opener #about_opener-2 .order-2 img{transition-delay:0s}#about_opener #about_opener-2 .order-1{width:94%;margin:16vw auto}#about_opener #about_opener-2 .order-0{width:37.5%;margin:0 auto 16vw 3vw}#about_opener #about_opener-2 .order-0 img{transition-delay:0.2s}#about{padding:16vw 0}#about .container table{margin-bottom:8vw;border-top:solid 1px #ccc}#about .container table th,#about .container table td{display:block;padding:0;border:none}#about .container table th{background-color:transparent;padding-top:.5em;font-weight:500}#about .container table td{padding-bottom:.5em;border-bottom:solid 1px #ccc}#about .container iframe{height:auto;aspect-ratio:3 / 2}#index_news{padding:16vw 0}#index_news .container{max-width:1500px}#index_news .container ul li{padding:8vw 0}#index_news .container ul li header{flex-wrap:wrap}#index_news .container ul li header h3{margin-top:4vw;flex-basis:100%}#contact_opener .container{padding:8vw 0}#contact_opener .container .d-md-flex h2{margin:0}#contact_opener .container .d-md-flex p{margin:1.5em 0}#contact_opener .container .d-md-flex a.button{width:210px}#contact{padding-top:8vw}#contact .container .contact-box{padding:8vw 0}#contact .container .contact-box+.contact-box{margin-top:8vw}#contact .container .contact-box i{margin-bottom:8vw}#contact .container .contact-box i img{width:8vw}#contact .container .contact-box h3{font-size:1.375rem}#contact .container .contact-box a.tel{font-size:2.375rem}#area{padding:16vw 0}#area .container .box{padding:8vw 4vw}}
