﻿@import url("https://fonts.googleapis.com/css2?family=EB+Garamond&family=Noto+Sans+JP:wght@400;500;700&display=swap");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:top;font-family:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;color:#000}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}b * html body{font-size:small}*:first-child+html body{font-size:small}.mgt0{margin-top:0px !important}.mgt5{margin-top:5px !important}.mgt10{margin-top:10px !important}.mgt13{margin-top:13px !important}.mgt15{margin-top:15px !important}.mgt20{margin-top:20px !important}.mgt30{margin-top:30px !important}.mgt35{margin-top:35px !important}.mgt40{margin-top:40px !important}.mgt50{margin-top:50px !important}.mgt70{margin-top:70px !important}.mgt100{margin-top:100px !important}.mgb5{margin-bottom:5px !important}.mgb10{margin-bottom:10px !important}.mgb15{margin-bottom:15px !important}.mgb20{margin-bottom:20px !important}.mgb25{margin-bottom:25px !important}.mgb30{margin-bottom:30px !important}.mgb35{margin-bottom:35px !important}.mgb40{margin-bottom:40px !important}.mgb50{margin-bottom:50px !important}.mgb100{margin-bottom:100px !important}.mgl-5{margin-left:-5px !important}.mgl10{margin-left:10px !important}.mgl15{margin-left:15px !important}.mgl30{margin-left:30px !important}.mgr0{margin-right:0px !important}.mgr10{margin-right:10px !important}.mgr20{margin-right:20px !important}.mgr30{margin-right:30px !important}.mgr50{margin-right:50px !important}.mgr70{margin-right:70px !important}.mgr100{margin-right:100px !important}.pd5{padding:5px !important}.pdt5{padding-top:5px !important}.pdt10{padding-top:10px !important}.pdt15{padding-top:15px !important}.pdt20{padding-top:20px !important}.pdt25{padding-top:25px !important}.pdt30{padding-top:30px !important}.pdt70{padding-top:70px !important}.pdb5{padding-bottom:5px !important}.pdb10{padding-bottom:10px !important}.pdb15{padding-bottom:15px !important}.pdb20{padding-bottom:20px !important}.pdb30{padding-bottom:30px !important}a{color:#CC0000;text-decoration:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out}a:hover{color:#F00;text-decoration:underline}a img{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out}a:hover img{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)"}.clear{clear:both}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.clearfix{min-height:1px}.imgL{float:left;margin-right:25px}.imgR{float:right;margin-left:25px}.fleft{float:left}.fright{float:right}.center{text-align:center;margin-right:auto;margin-left:auto}*{box-sizing:border-box}body{font-family:"Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;font-feature-settings:"palt" on;letter-spacing:0.03em;line-height:1.5}a{color:#000}a:hover{color:#E6370A}img,x:-moz-any-link,x:default{box-shadow:#000 0 0 0}img{height:auto}img.w100{max-width:100%}sup{font-size:60%}.no-resp{height:auto !important;width:auto !important}.br-sp,.sp{display:none}@media screen and (max-width: 768px){.br-sp,.sp{display:inline}}@media screen and (max-width: 768px){.br-pc,.sp-no,.pc{display:none}}.pc-no{display:none}@media screen and (max-width: 768px){.pc-no{display:block}}.align-left{text-align:left}.align-right{text-align:left}.center{text-align:center !important}.caption{font-size:82%;line-height:1.4em;margin-top:5px;margin-bottom:5px;display:inline-block}.caption-b{font-size:82%;line-height:1.4em;margin-top:5px;margin-bottom:5px}.caption-s{font-size:82%;line-height:1.4em;margin-top:5px;margin-bottom:5px;text-align:center}.text-m{font-size:93%}.bgg{background-color:#F2F2F2}.bgb{background-color:#e5f8fb}.bdb{border-bottom:solid 1px #CCCCCC;padding-bottom:20px;margin-bottom:20px}.width-s{max-width:640px;margin:auto;padding-left:20px;padding-right:20px}@media screen and (max-width: 768px){.width-s{padding-left:0px;padding-right:0px}}.width-m{max-width:840px;margin:auto;padding-left:20px;padding-right:20px}@media screen and (max-width: 768px){.width-m{padding-left:0px;padding-right:0px}}.width-l{max-width:1040px;margin:auto;padding-left:20px;padding-right:20px}@media screen and (max-width: 768px){.width-l{width:100%;padding-left:0px;padding-right:0px}}.width-ll{max-width:1240px;width:calc(1300/1360*100% + 40px);margin:auto;padding-left:20px;padding-right:20px}@media screen and (max-width: 768px){.width-ll{width:100%;padding-left:0px;padding-right:0px}}footer a#scroll-top{display:none;position:fixed;right:20px;bottom:20px;height:50px;width:50px;z-index:9999;line-height:3em;background:#736357;ransition:all 0.25s ease-in-out;opacity:0.5}a#scroll-top:hover{opacity:1}footer{background-color:#1a1a1a}footer .footer-contener{text-align:center;padding-bottom:1em}footer .footer-contener p{font-size:12px;color:#FFFFFF;padding:1em}@keyframes slideIn{0%{transform:translateY(-50px)}100%{transform:translateY(0)}}@keyframes slideOut{0%{transform:translateY(0px)}100%{transform:translateY(-50px)}}.navbar-wrapper{position:absolute;top:0;left:0;width:100%;z-index:15;overflow:visible;padding:0}@media screen and (max-width: 768px){.navbar-wrapper{position:fixed;background:rgba(0,0,0,0.5)}}#navbar-wrapper-clone{width:100%;background:rgba(0,0,0,0.5);position:fixed;z-index:14;top:-100px;left:0;transition:0.3s}@media screen and (max-width: 768px){#navbar-wrapper-clone{display:none}}#navbar-wrapper-clone.slideIn{top:0px}#navbar-wrapper-clone.slideOut{transition:0.3s;top:-100px}#navbar-wrapper-clone .navbar-wrapper{position:relative}#navbar-wrapper-clone .navbar{height:60px}.navbar{margin:0px auto;padding:15px 30px;width:100%;height:80px;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 960px){.navbar{padding:0px 20px}}@media screen and (max-width: 768px){.navbar{height:60px}}.navbar .active{border-bottom:3px solid #FFFFFF}@media screen and (max-width: 768px){.navbar .active{border-bottom:none}.navbar .active a{color:#736357;font-weight:bold}}.navbar .navbar-nav{width:calc(90% - 138px);display:flex;justify-content:flex-end;align-items:center;font-family:"Noto Sans JP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif}@media screen and (max-width: 768px){.navbar .navbar-nav{width:100%;position:absolute;top:60px;left:0;flex-flow:column;display:none}}.navbar .navbar-nav li{margin-left:4%}.navbar .navbar-nav li a{color:#FFFFFF}@media screen and (max-width: 768px){.navbar .navbar-nav li{margin-left:0;width:100%;padding:20px 0px 18px;text-align:center;background:rgba(115,99,87,0.9);border-top:solid 1px rgba(255,255,255,0.2)}.navbar .navbar-nav li a{font-weight:500;display:block;width:100%}}.navbar .navbar-header .navbar-brand{text-align:center}.navbar .navbar-header .navbar-brand img{width:177px;height:auto}@media screen and (max-width: 768px){.navbar .navbar-header .navbar-brand img{width:120px;height:auto}}.menu{display:none}@media screen and (max-width: 768px){.menu{display:block;width:40px;height:40px;cursor:pointer;position:relative;margin-top:3px}}.menu span,.menu span::before,.menu span::after{content:'';display:block;width:30px;height:3px;background-color:#FFF;transition:0.2s;position:absolute}.menu span{top:18px;left:5px}.menu span::before{bottom:8px}.menu span::after{top:8px}.menu.close span{background-color:rgba(255,255,255,0)}.menu.close span::before{display:block;transform:rotate(45deg);bottom:0px}.menu.close span:after{display:block;transform:rotate(-45deg);top:0px}.scroll-top{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:10px;border:solid 1px #c9bfaf;overflow:hidden;display:none}@media screen and (max-width: 768px){.scroll-top{width:46px;height:46px;bottom:20px;right:20px;border-radius:7px}}.scroll-top a{width:100%;height:100%;background-size:35px 21px;background-color:#736357;display:flex;justify-content:center;align-items:center;padding-top:10px}@media screen and (max-width: 768px){.scroll-top a{padding-top:6px}}.scroll-top a:hover{background-color:#897c72}.scroll-top a::before{content:"";display:block;width:18px;height:18px;border-top:solid 3px #FFF;border-left:solid 3px #FFF;transform:rotate(45deg)}@media screen and (max-width: 768px){.scroll-top a::before{width:15px;height:15px;border-top:solid 2px #FFF;border-left:solid 2px #FFF}}#header{width:100%}#header .header-content{width:100%;height:100vh;min-height:700px;position:relative;background:none}@media screen and (max-width: 768px){#header .header-content{height:120vw;min-height:1px}}#header .header-content::before{content:"";display:block;width:100%;height:100%;background-image:url("../img/header-image-mask.webp");background-size:100%;position:absolute;top:0;left:0;z-index:-1}#header .header-content .header-content-bg{width:100%;height:100vh;position:absolute;top:0;left:0;z-index:-2}@media screen and (max-width: 768px){#header .header-content .header-content-bg{height:120vw}}#header .header-content .header-content-bg .header-content-bg-item{width:100%;height:100vh;background-size:cover;background-position:center center}@media screen and (max-width: 768px){#header .header-content .header-content-bg .header-content-bg-item{height:120vw}}#header .header-content .header-content-bg .header-content-bg-item.item_01{background-image:url("../img/header-image03.webp")}#header .header-content .header-content-bg .header-content-bg-item.item_02{background-image:url("../img/header-image02.webp")}#header .header-content .header-content-bg .header-content-bg-item.item_03{background-image:url("../img/header-image04.webp")}#header .header-content .header-content-bg .header-content-bg-item.item_04{background-image:url("../img/header-image01.webp")}#header .header-content .header-content-bg .header-content-bg-item.item_05{background-image:url("../img/header-image05.webp")}#header .header-content .header-content-bg .header-content-bg-item.item_06{background-image:url("../img/header-image06.webp")}#header .header-warpper{height:100%}#header .header-warpper .header-inner{width:85.7142857143%;max-width:1200px;height:100%;margin:0 auto;padding-bottom:3vh}#header .ttl-box{text-shadow:0 1px 3px rgba(0,0,0,0.15);display:flex;flex-flow:column;justify-content:center;height:100%}#header .ttl-box h2{margin-bottom:0.4em;line-height:1.2;font-size:clamp(1.4375rem, .800304878rem + 2.6829268293vw, 2.8125rem);color:#FFFFFF;text-align:left}#header .ttl-box h1{margin-bottom:0.4em;line-height:1.2;font-size:clamp(2.375rem, 1.4481707317rem + 3.9024390244vw, 4.375rem);color:#FFFFFF}#header .ttl-box p{font-size:clamp(1rem, .6524390244rem + 1.4634146341vw, 1.75rem);line-height:1.6;font-weight:bold;color:#FFFFFF;text-align:left}.fixed-btn{overflow:hidden;width:180px;height:70px;border-top-left-radius:20px;border-bottom-left-radius:20px;position:fixed;right:-3px;top:calc(50% - 35px);z-index:100;border-top:solid 1px #c9bfaf;border-left:solid 1px #c9bfaf;border-bottom:solid 1px #c9bfaf;transition:0.3s;box-sizing:content-box}@media screen and (max-width: 768px){.fixed-btn{border-top-left-radius:14px;border-bottom-left-radius:14px;width:110px;height:60px}}.fixed-btn a{display:flex;justify-content:center;align-items:center;text-align:center;font-size:18px;line-height:1.4;font-weight:700;color:#FFFFFF;width:100%;height:100%;transition:0.3s;background:#736357 url("../img/arrow01.svg") no-repeat right 20px center;background-size:13px 23px;padding-right:17px}@media screen and (max-width: 768px){.fixed-btn a{font-size:12px;line-height:1.25;padding-right:17px;background-size:9px 16px;background-position:right 10px center}}.fixed-btn a:hover{background-color:#897c72;text-decoration:none;opacity:1}.dtl-btn{margin:80px 0 30px}.dtl-btn a{display:flex;padding:10px 20px;align-items:center;justify-content:center;font-size:24px;color:#FFFFFF;border-radius:20px;margin:auto;text-align:center;width:83.334%;height:80px;max-width:400px;background:#E6370A url("../img/arrow01.svg") no-repeat right 30px center;background-size:13px 23px}@media screen and (max-width: 768px){.dtl-btn a{font-size:20px;height:60px;max-width:320px;background-size:11px 20px;border-radius:17px}}@media screen and (max-width: 480px){.dtl-btn a{font-size:16px;height:60px;max-width:320px;background-size:9px 16px;border-radius:15px}}.dtl-btn a:hover{text-decoration:none;background-color:#F08200}.content-wrapper{max-width:1200px;width:90%;padding:80px 0 120px;margin:0 auto}@media screen and (max-width: 768px){.content-wrapper{padding:50px 0}}.ttl-box{background-position:center top;background-repeat:no-repeat;padding-top:38px}@media screen and (max-width: 768px){.ttl-box{padding-top:25px}}.ttl-box .ttl-main{font-size:clamp(3.125rem, 1.5625rem + 6.25vw, 6.25rem);line-height:1;font-family:'EB Garamond', serif;padding-bottom:30px;margin-bottom:30px;position:relative;text-align:center}.ttl-box .ttl-main::after{content:"";background-color:#b7ac9b;width:60px;height:6px;position:absolute;bottom:0;left:calc(50% - 30px)}.ttl-box h2{font-size:clamp(1.25rem, 1rem + 1vw, 1.75rem);line-height:1.25;font-weight:bold;color:#000000;text-align:center;margin-bottom:2em}.ttl-box p{font-size:clamp(1rem, .8333333333rem + .6666666667vw, 1.25rem);font-weight:bold;margin-bottom:3em;text-align:center}#about{position:relative;width:100%;background-color:#FFFFFF}@media screen and (max-width: 768px){#about{padding-bottom:5%}}#about .content-wrapper{padding:80px 0 1px}@media screen and (max-width: 768px){#about .content-wrapper{padding:50px 0 0}}#about .about-ttl{text-align:center}#about .about-ttl .timper-logo{margin-bottom:3%}@media screen and (max-width: 768px){#about .about-ttl .timper-logo{margin-bottom:5%}#about .about-ttl .timper-logo img{width:62.5%}}@media screen and (max-width: 768px){#about .about-ttl h2 img{width:93.75%}}#about .about-contents{position:relative;padding-top:60px}@media screen and (max-width: 960px){#about .about-contents{padding-top:0px}}#about .about-contents .video-box{width:66.6666666667%}@media screen and (max-width: 960px){#about .about-contents .video-box{margin:auto;width:640px;max-width:100%;margin-bottom:30px}}#about .about-contents .video-box video{width:100%;height:auto}#about .about-contents .about-contents-txt{position:absolute;right:0;top:0;width:37.5%;border:solid 1px #808080;background-color:rgba(255,255,255,0.9);padding:4% 20px 3.5%;display:flex;justify-content:center}@media screen and (max-width: 960px){#about .about-contents .about-contents-txt{position:static;width:100%;border:none;margin-bottom:50px;padding:0 20px}}#about .about-contents .about-contents-txt .logo-box{margin-bottom:1em;text-align:center}#about .about-contents .about-contents-txt .read{font-size:clamp(.8125rem, .0625rem + 1.25vw, 1rem);line-height:1.8}@media screen and (max-width: 960px){#about .about-contents .about-contents-txt .read{font-size:16px;text-align:center}}#about .about-contents .about-contents-txt .read+.read{margin-top:0.9em}#about .about-contents-img{text-align:center;margin-bottom:-8.3%}#about .about-contents-img .img-box{width:80.8333333333%;margin:auto}#about .about-contents-img .img-box img{width:100%;height:auto}#features{background-color:#dad5cd}#features .content-wrapper{padding-bottom:100px}@media screen and (max-width: 768px){#features .content-wrapper{padding-bottom:60px}}#features .features-list ul{display:flex;flex-flow:wrap;column-gap:30px;grid-row-gap:30px}@media screen and (max-width: 960px){#features .features-list ul{column-gap:20px;grid-row-gap:20px}}#features .features-list ul li{width:calc(33.333% - 20px);background-color:#FFF;border-radius:20px;padding:30px;text-align:center;display:flex;flex-direction:column}@media screen and (max-width: 960px){#features .features-list ul li{width:calc(50% - 10px)}}@media screen and (max-width: 480px){#features .features-list ul li{width:100%}}@media screen and (max-width: 1120px){#features .features-list ul li br{display:none}}#features .features-list ul li .img-box{width:clamp(7.5rem, 6.25rem + 5vw, 9.375rem);height:clamp(7.5rem, 6.25rem + 5vw, 9.375rem);border-radius:50vh;overflow:hidden;margin:0 auto 20px}#features .features-list ul li .img-box img{width:100%}#features .features-list ul li h3{font-size:clamp(1rem, .8333333333rem + .6666666667vw, 1.25rem);margin-bottom:1em;flex-grow:1}#features .features-list ul li p{font-size:clamp(.875rem, .7916666667rem + .3333333333vw, 1rem);margin-bottom:0}#works .video-box{width:66.6666666667%;margin:auto;margin-bottom:80px}@media screen and (max-width: 960px){#works .video-box{width:640px;max-width:100%;margin-bottom:30px}}#works .video-box video{width:100%;height:auto}#works .works-contents-list li+li{margin-top:50px}#works .works-contents-list .img-box-wrap{width:100%;display:flex;gap:1.666%}@media screen and (max-width: 768px){#works .works-contents-list .img-box-wrap{flex-flow:column;gap:10px}}#works .works-contents-list .img-box-wrap.reverse{flex-flow:row-reverse}@media screen and (max-width: 768px){#works .works-contents-list .img-box-wrap.reverse{flex-flow:column;gap:10px}}@media screen and (max-width: 768px){#works .works-contents-list .img-box-wrap .img-box-l{width:100%}}#works .works-contents-list .img-box-wrap .img-box-s{display:flex;flex-flow:column;gap:3.508%}@media screen and (max-width: 768px){#works .works-contents-list .img-box-wrap .img-box-s{width:100%;flex-flow:row;gap:10px}}#works .works-contents-list .img-box-wrap img{width:100%;height:auto}#works .works-contents-list h3{font-size:clamp(1rem, .9375rem + .25vw, 1.125rem);line-height:1.5;position:relative;padding-left:57px;margin-bottom:0.5em;font-weight:normal;vertical-align:baseline}@media screen and (max-width: 768px){#works .works-contents-list h3{padding-left:0px}}#works .works-contents-list h3 span{color:#998a72;font-weight:500;font-size:88.9%;line-height:1.5;vertical-align:baseline;display:inline-block;width:6.5em}@media screen and (max-width: 768px){#works .works-contents-list h3 span{display:block;padding-left:47px;width:auto}}#works .works-contents-list h3::before{content:"";background-color:#b7ac9b;width:50px;height:4px;position:absolute;top:12px;left:0}@media screen and (max-width: 768px){#works .works-contents-list h3::before{width:40px;height:3px;top:10px}}#inquiry{background-color:#d9d4cc}#inquiry .content-wrapper{width:100%}#inquiry .ttl-box{padding-top:0}#inquiry .inquiry-form{text-align:center;margin:auto}@media screen and (max-width: 768px){#inquiry .inquiry-form iframe{max-width:100%;height:1400px}}#company-profile{background-color:#1a1a1a}#company-profile .content-wrapper{background:url("../img/footer-img.png") no-repeat right 45%;background-size:500px 450px}@media screen and (max-width: 768px){#company-profile .content-wrapper{background-position:center bottom;padding-bottom:60vw;background-size:70%}}#company-profile .ttl-box h2{text-align:left;color:#FFFFFF}#company-profile .company-profil-details .logo-box{margin-bottom:40px;width:150px}#company-profile .company-profil-details .logo-box img{width:100%;height:auto}#company-profile .company-profil-details ul li{padding-left:5.5em;text-indent:-5.5em;font-size:clamp(.875rem, .725rem + .64vw, 1.125rem);line-height:2;margin-bottom:1em;color:#FFF}@media screen and (max-width: 480px){#company-profile .company-profil-details ul li{padding-left:0.3em;text-indent:0;border-bottom:dotted 1px #666;padding-bottom:1em}}#company-profile .company-profil-details ul li span{text-indent:0;display:inline-block;width:5.5em}@media screen and (max-width: 480px){#company-profile .company-profil-details ul li span{display:block;font-weight:bold}}#company-profile .company-profil-details ul li a{color:#FFF}#company-profile .company-profil-details .cooperation{border:solid 1px #666666;padding:20px 30px;color:#DDD;margin-top:30px}@media screen and (max-width: 480px){#company-profile .company-profil-details .cooperation{padding:15px 20px}}#company-profile .company-profil-details .cooperation p{line-height:1.5;font-weight:400;padding-left:4.3em;text-indent:-4.3em}@media screen and (max-width: 480px){#company-profile .company-profil-details .cooperation p{padding-left:0;text-indent:0;font-size:13px}}#company-profile .company-profil-details .cooperation span{text-indent:0;display:inline-block;width:4.3em}@media screen and (max-width: 480px){#company-profile .company-profil-details .cooperation span{display:block;font-weight:bold}}.horizontal-scroll{width:100%;margin:0 auto;position:relative}.horizontal-scroll_container_item img{width:100%;height:auto}
