@charset "UTF-8";@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600&display=swap');@import url(https://fonts.googleapis.com/css?family=Oswald:400,500,600,700);html{color:#000;background:#fff}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
legend{color:#000}
article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block;margin:0;padding:0}
.cf:after,.pageMenu ul:after,.post:after{content:".";display:block;clear:both;height:0;visibility:hidden}
.cf{min-height:1px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:10px}
body{max-height:100%}
h1,h2,h3,h4,h5,h6{line-height:1.2}
p{text-align:justify;line-height:1.6}
a{text-decoration:none}
img{vertical-align:bottom;max-width:100%;height:auto;}
iframe{vertical-align:bottom;max-width:100%;}
#wrapper{font-family:Montserrat,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;font-size:16px;font-size:1.6rem;line-height:1;font-family:Montserrat,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;position:relative;overflow:hidden;color:#1e1e1e}
.sp,.sp_in{display:none!important}
.sp_flex{display:none}
.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.flex-ever{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.between{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.vertical{-webkit-align-items:center;align-items:center}
.flex-right{-webkit-justify-content:flex-end;justify-content:flex-end}
.flex-bot{-webkit-align-items:flex-end;align-items:flex-end}
.wrap{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.center{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-ms-flex-box:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center}
.btn-reset{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;border-radius:0;border:0;margin:0;padding:0;background:none transparent;vertical-align:middle;font-size:inherit;color:inherit;cursor:pointer;outline:0;font-family:游明朝,"Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif}
.tr{text-align:right}
.tc{text-align:center}
.tc p{text-align:center}
.min{font-family:游明朝,"Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif}
.text-box p{line-height:2}
.text-box p a{color:#000;text-decoration:underline}
.text-box p+p{margin-top:16px}
.first-box{order:-1}
.re{position:relative}
.iframe{position:relative}
.iframe iframe{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0}
input[type=checkbox],input[type=radio]{margin-right:10px}
.f12{font-size:12px;font-size:1.2rem}
.f14{font-size:14px;font-size:1.4rem}
.f16{font-size:16px;font-size:1.6rem}
.f18{font-size:18px;font-size:1.8rem}
.f18{font-size:20px;font-size:2rem}
.f22{font-size:22px;font-size:2.2rem}
.f24{font-size:24px;font-size:2.4rem}
.f26{font-size:26px;font-size:2.6rem}
.f28{font-size:28px;font-size:2.8rem}
.f30{font-size:30px;font-size:3rem}
.content{padding-top:80px;padding-bottom:80px}
.content-padding-nazo{padding-top:120px}
.m-top-5{margin-top:5px}
.m-top-10{margin-top:10px}
.m-top-15{margin-top:15px}
.m-top-20{margin-top:20px}
.m-top-25{margin-top:25px}
.m-top-30{margin-top:30px}
.m-top-35{margin-top:35px}
.m-top-40{margin-top:40px}
.m-top-45{margin-top:45px}
.m-top-50{margin-top:50px}
.m-top-55{margin-top:55px}
.m-top-60{margin-top:60px}
.m-top-80{margin-top:80px}
.m-top-100{margin-top:100px}
.m-bot-5{margin-bottom:5px}
.m-bot-10{margin-bottom:10px}
.m-bot-15{margin-bottom:15px}
.m-bot-20{margin-bottom:20px}
.m-bot-25{margin-bottom:25px}
.m-bot-30{margin-bottom:30px}
.m-bot-35{margin-bottom:35px}
.m-bot-40{margin-bottom:40px}
.m-bot-45{margin-bottom:45px}
.m-bot-50{margin-bottom:50px}
.m-bot-55{margin-bottom:55px}
.m-bot-60{margin-bottom:60px}
.m-bot-80{margin-bottom:80px}
.m-bot-100{margin-bottom:100px}
.m-l-auto{margin-left:auto}
.m-r-auto{margin-right:auto}
.p-l-5{padding-left:5%}
.p-l-10{padding-left:12%}
.p-top-100{padding-top:100px}
.p-bot-0{padding-bottom:0}
.p-bot-60{padding-bottom:60px}
.p-bot-100{padding-bottom:100px}
.p-bot-200{padding-bottom:200px}
.p-bot-360{padding-bottom:360px}
.box30{width:30%}
.box34{width:34%}
.box38{width:38%}
.box40{width:40%}
.box42{width:42%}
.box43{width:43%}
.box44{width:44%}
.box45{width:45%}
.box46{width:46%}
.box47{width:47%}
.box48{width:48%}
.box49{width:49%}
.box50{width:50%}
.box51{width:51%}
.box52{width:52%}
.box53{width:53%}
.box54{width:54%}
.box55{width:55%}
.box56{width:56%}
.box58{width:58%}
.box60{width:60%}
.box66{width:66%}
.box70{width:70%}
.box240{margin-right:3%;width:20%}
.box240:nth-child(3n){margin-right:0}
.c-light{color:#938676}
.c-red{color:red}
.c-black{color:#1e1e1e}
.bg-base{background:#F1EBE6}
.bg-grey{background:#f8f9f9}
.inner800{margin-left:auto;margin-right:auto;width:800px;max-width:100%}
.inner800.p-side-20{padding-left:20px;padding-right:20px;width:840px}
.inner1000{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;width:1000px;max-width:100%}
.inner1200{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;width:1240px;max-width:100%}
.inner1500{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;width:1540px;max-width:100%}
.inner1920{margin-left:auto;margin-right:auto;width:1920px;max-width:100%}
.btn-default{padding:14px 15px;display:inline-block;font-size:14px;font-size:1.4rem;border:1px solid #fff;color:#fff;min-width:160px;text-align:center;transition:all .5s ease}
@media only screen and (min-width:768px){.btn-default:hover{background:#fff;color:#232734}
}
.btn-default.btn-big{padding:30px 20px;width:260px;max-width:100%;font-size:16px;font-size:1.6rem}
.btn-default.btn-long{padding-left:40px;padding-right:40px;width:auto}
.btn-default.btn-white{border-color:#232734;color:#232734}
@media only screen and (min-width:768px){.btn-default.btn-white:hover{background:#232734;color:#fff}
}
.blend-mode{-webkit-mix-blend-mode:exclusion;mix-blend-mode:exclusion}
#common-header{position:fixed;top:0;left:0;width:100%;z-index:90;height:80px;background:trasnparent;transition:all .5s ease}
#common-header h1{position:fixed;left:40px;z-index:90;transition:all .5s ease}
#common-header h1.index-h1{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
#common-header h1 a{display:block}
#common-header h1 a img{transition:all .5s ease}
#common-header.header-animation,#common-header.header-default{background:rgba(255,255,255,.98)}
#common-header.header-animation .header-item .btn-default,#common-header.header-animation h1,#common-header.header-default .header-item .btn-default,#common-header.header-default h1{top:20px}
#common-header.header-animation .header-item .btn-default,#common-header.header-default .header-item .btn-default{border-color:#1e1e1e;color:#1e1e1e}
.header-default .first{opacity:0!important}
.header-default .second{opacity:1!important}
.header-default+#nav-torigger{top:20px}
.header-default+#nav-torigger span.hamburger{background:#1e1e1e!important}
.header-default+#nav-torigger span.hamburger-text{color:#1e1e1e!important}
#nav-torigger.btn-animation{top:20px}
#nav-torigger.btn-animation span.hamburger{background:#1e1e1e}
#nav-torigger.btn-animation span.hamburger-text{color:#1e1e1e}
#common-header h1,#nav-torigger,.header-item .btn-default{top:28px}
.header-item .btn-default{position:fixed;right:118px;z-index:100;transition:all .5s ease}
.second{position:absolute;opacity:0;top:0;left:0;height:43px}
#common-nav{padding-bottom:60px;padding-top:160px;width:100%;height:100vh;position:fixed;top:0;left:0;z-index:99;overflow-y:scroll;background:#fff;display:none;opacity:0}
.nav-logo{position:fixed;top:28px;left:40px;transition:all .5s ease}
.nav-logo.navlogo-animation,.nav-logo.up-default{top:20px}
.common-nav-list-wrapper{margin-left:auto;margin-right:auto;margin-bottom:100px;width:600px;max-width:100%}
.common-nav-side-wrapper{position:fixed;bottom:30px;left:40px}
.common-side-nav{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.common-side-nav li{margin-right:40px;font-size:14px;font-size:1.4rem;line-height:1.3}
.common-side-nav li a{color:#1e1e1e}
.common-side-nav li a img{margin-right:10px;vertical-align:baseline}
.common-side-nav li a span{margin-top:3px;display:block;text-align:center;font-size:10px;font-size:1rem}
.common-nav-list li{margin-bottom:30px;font-size:24px;font-size:2.4rem;color:rgba(30,30,30,.3);line-height:1.2}
.common-nav-list li a{color:#1e1e1e}
@media only screen and (min-width:768px){.common-nav-list li a{transition:all .5s ease}
.common-nav-list li a:hover{opacity:.4}
}
.common-nav-list li span{margin-top:8px;display:block;font-size:12px;font-size:1.2rem}
.common-nav-list li .common-nav-list-child{margin-top:30px;padding-left:10px}
.common-nav-list li .common-nav-list-child li{font-size:16px;font-size:1.6rem}
.common-nav-list .link_no_black{color:#1e1e1e}
#nav-torigger{position:fixed;right:40px;width:38px;height:44px;z-index:100;transition:all .5s ease}
#nav-torigger span{position:absolute;left:0;transition:all .5s ease}
#nav-torigger span.hamburger{display:block;width:100%;height:2px;background:#fff}
#nav-torigger span.hamburger:nth-of-type(1){top:8px}
#nav-torigger span.hamburger:nth-of-type(2){top:16px}
#nav-torigger span.hamburger-text{bottom:0;font-size:12px;font-size:1.2rem;color:#fff;width:100%;display:block;text-align:center;font-family:Montserrat,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif}
#nav-torigger.active span.hamburger{background:#1e1e1e}
#nav-torigger.active span.hamburger:nth-of-type(1){transform:translate(0,4px) rotate(45deg)}
#nav-torigger.active span.hamburger:nth-of-type(2){transform:translate(0,-4px) rotate(-45deg)}
#nav-torigger.active span.hamburger-text{color:#1e1e1e}
#common-footer{padding-top:80px;padding-bottom:36px;background:#232734;position:relative}
#common-footer.contact-footer{padding-top:20px;padding-bottom:20px}
.footer-logo{width:12.5%}
.footer-logo img{width:100%}
@media only screen and (min-width:768px){.footer-logo a{transition:all .5s ease}
.footer-logo a:hover{opacity:.6}
}
.footer-nav{margin-bottom:30px;width:80%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-size:14px;font-size:1.4rem}
.footer-nav .footer-nav-list{padding-right:20px}
.footer-nav .footer-nav-list:nth-of-type(1){width:10%}
.footer-nav .footer-nav-list:nth-of-type(2){width:20.83333%}
.footer-nav .footer-nav-list:nth-of-type(3){width:38.33333%}
.footer-nav .footer-nav-list:nth-of-type(4){width:16.66667%}
.footer-nav .footer-nav-list:nth-of-type(5){width:13.54167%}
.footer-nav .footer-nav-list li{margin-bottom:24px;color:rgba(255,255,255,.3);line-height:1.3}
.footer-nav .footer-nav-list li a{color:#fff}
@media only screen and (min-width:768px){.footer-nav .footer-nav-list li a{transition:all .5s ease}
.footer-nav .footer-nav-list li a:hover{opacity:.6}
}
.footer-nav .footer-nav-list li .footer-nav-list-child{padding:15px 10px;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.footer-nav .footer-nav-list li .footer-nav-list-child li{margin-right:2%;margin-bottom:12px;width:48%}
.footer-nav .footer-nav-list li .footer-nav-list-child li:nth-child(2n){margin-right:0}
.footer-nav .footer-nav-list li .footer-nav-list-child li a{font-size:12px;font-size:1.2rem}
.footer-nav .footer-nav-list .link_no_black{color:#fff}
.footer-nav-blank{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.footer-nav-blank li a{color:#fff;font-size:12px;font-size:1.2rem}
.footer-nav-blank li a img{margin-right:10px;vertical-align:baseline}
@media only screen and (min-width:768px){.footer-nav-blank li a{transition:all .5s ease}
.footer-nav-blank li a:hover{opacity:.6}
}
.footer-nav-blank li+li{margin-left:30px}
.copy-area{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.copy small{font-size:10px;font-size:1rem;color:rgba(255,255,255,.6)}
#page-top{position:absolute;bottom:36px;right:30px}
#main{background:#fff}
.mv-index{height:100vh;position:relative}
.mv-index .inner1500{padding-left:40px;width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-45%);transform:translate(-50%,-45%);z-index:1}
.mv-index p{color:#fff;line-height:.9;position:relative;z-index:1}
.mv-index p strong{font-size:188px;font-size:18.8rem;font-family:Oswald,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif}
.mv-index p .btn-default{margin-top:14px;position:relative;left:10px}
.shuffle-none{opacity:0}
.shuffle{position:absolute}
.shuffle span{opacity:0}
.shuffle span.shuffule-on{opacity:1}
#mv-top-video{position:absolute;right:0;bottom:0;min-width:100%;min-height:100%;height:auto}
#mv-video:after{content:'';width:100%;height:100%;display:block;background:rgba(0,0,0,.5);position:absolute;top:0;left:0}
#top-product h2{position:absolute;top:36px;left:0;font-size:88px;font-size:8.8rem;font-family:Oswald,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;z-index:70;color:#fff}
#top-product h2 span{padding:0 25px 0 10px;display:inline-block;background:#232734}
#index-products-anc{padding-top:45px}
.top-product-box{margin:0 auto 45px;width:1340px;max-width:100%}
.top-product-box .bx-viewport{overflow:visible!important}
.top-product-box .bx-pager{position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:65}
.top-product-box .bx-pager .bx-pager-item{margin:0 3px;display:inline-block;width:8px;height:8px;border-radius:50%;overflow:hidden}
.top-product-box .bx-pager .bx-pager-item a{display:block;text-indent:9999px;width:100%;height:100%;background:#fff}
.top-product-box .bx-pager .bx-pager-item a.active{background:#232734}
.top-product-box .bx-next,.top-product-box .bx-prev{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:60}
.top-product-box .bx-prev{left:20px}
.top-product-box .bx-next{right:20px}
.slide-top-product li p{padding:30px;background:#fff;position:absolute;bottom:-30px;right:-100px;width:430px;overflow-y:scroll;font-size:14px;font-size:1.4rem;line-height:2.4;font-weight:600;color:#1e1e1e}
@media only screen and (min-width:768px){.slide-top-product li a{transition:all .5s ease}
.slide-top-product li a:hover{opacity:.6}
}
.product-rotate-text{font-size:14px;font-size:1.4rem;color:#fff;position:absolute;top:64%;right:-80px;-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.top-product-loop-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.product-info-box{margin-bottom:60px;margin-right:1.5%;width:23.83333%;color:#fff}
.product-info-box:nth-child(4n){margin-right:0}
.product-info-box h1{margin:10px 0 5px;font-size:14px;font-size:1.4rem}
.product-info-box p{font-size:12px;font-size:1.2rem}
.product-thumb{border:1px solid #e6e6e3}
.product-thumb img{width:100%}
@media only screen and (min-width:768px){.product-thumb a{transition:all .5s ease}
.product-thumb a:hover{opacity:.4}
}
.index-offece{padding-top:100px;padding-bottom:100px;color:#fff}
.index-offece h2{margin-bottom:30px;font-size:80px;font-size:8rem;font-family:游明朝,"Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;line-height:1}
.index-offece h2 span{font-size:40px;font-size:4rem}
.index-offece p{margin-bottom:20px;line-height:2.2}
.index-wood{background:url(assets/img/woodtexture/index-wood.jpg) no-repeat center;background-size:cover}
.index-green{background:url(assets/img/officegreen/index-green.jpg) no-repeat center;background-size:cover}
.index-tour{color:#fff}
.index-tour h2{margin-bottom:30px;padding-bottom:20px;font-family:游明朝,"Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;font-size:54px;font-size:5.4rem;line-height:1.6;position:relative}
.index-tour h2:after{content:'';width:40px;height:1px;background:#fff;position:absolute;bottom:0;left:0}
.index-tour h2 span{font-size:20px;font-size:2rem;display:block}
.index-tour p{margin-bottom:20px}
.index-tour .box40{padding:30px 30px 30px 140px}
.index-tour .box60 img{width:100%}
.index-tour.page-tour{padding:5%;border:1px solid #fff}
.index-tour.page-tour .box40{padding:0}
.index-tour.gw-tour{color:#1e1e1e;position:relative;z-index:1}
.index-tour.gw-tour .box40{padding:0}
.bg-white{background:#fff}
.bg-grey-after{padding-top:0;position:relative;background:#fff}
.bg-grey-after:after{content:'';width:100%;padding-top:355px;background:#f8f9f9;position:absolute;bottom:0;left:0}
.index-case-slide-wrapper{margin-bottom:50px;padding-bottom:30px;position:relative}
.index-case-slide-wrapper .bx-prev{position:absolute;top:40%;left:-60px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.index-case-slide-wrapper .bx-next{position:absolute;top:40%;right:-60px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.index-case-slide-wrapper .bx-pager{position:absolute;bottom:-60px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.index-case-slide-wrapper .bx-pager .bx-pager-item{margin:0 3px;display:inline-block;width:8px;height:8px;border-radius:50%;overflow:hidden}
.index-case-slide-wrapper .bx-pager .bx-pager-item a{text-indent:9999px;display:block;width:100%;height:100%;border-radius:50%;background:rgba(0,0,0,.5)}
.index-case-slide-wrapper .bx-pager .bx-pager-item a.active{background:#232734}
.index-case-slider .thumb{margin-bottom:10px}
.index-case-slider .thumb a{display:block;width:100%;height:100%;position:relative;z-index:80}
.index-case-slider .title{font-weight:600;line-height:1.4}
.simple-title{margin-bottom:40px;font-size:20px;font-size:2rem}
.index-column-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.column-box{margin-right:2.44167%;width:23.16667%}
.column-box:nth-child(4n){margin-right:0}
.column-box .thumb{margin-bottom:15px}
.info-data{margin-bottom:12px}
.info-data .cat-box,.info-data time{display:inline-block;vertical-align:middle;line-height:1.2;font-size:14px;font-size:1.4rem;color:#1e1e1e}
.info-data time{margin-right:5px;padding-right:8px;border-right:1px solid #1e1e1e}
.info-title a{font-size:14px;font-size:1.4rem;color:#1e1e1e;line-height:1.6}
@media only screen and (min-width:768px){.info-title a:hover{text-decoration:underline}
}
.news-page-box .info-title a{font-size:16px;font-size:1.6rem}
.link-ab-rt{position:absolute;top:0;right:20px;font-size:14px;font-size:1.4rem;color:#1e1e1e;text-decoration:underline}
@media only screen and (min-width:768px){.link-ab-rt:hover{text-decoration:none}
}
.news-box{margin-bottom:40px;margin-right:4.16667%;width:45.83333%}
.thumb{overflow:hidden}
.thumb a{transition:all .5s ease}
@media only screen and (min-width:768px){.thumb a:hover{opacity:.6}
}
.index-case-popup{padding:60px;background:#fff;width:840px;max-width:100%}
.index-case-popup h1{margin-top:40px;font-size:20px;font-size:2rem;font-weight:600}
.index-case-popup p{line-height:2}
#close-case{position:absolute;top:-5px;right:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.mv-none{padding-top:100px}
@media only screen and (max-width:768px){.mv-none{padding-top:80px}}
.page-mv{padding-top:440px;padding-bottom:440px;position:relative}
.page-mv.mv-product{padding-top:0;padding-bottom:0;height:100vh}
.page-mv h2{text-align:center;font-size:110px;font-size:11rem;font-family:游明朝,"Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;color:#fff}
.page-mv h2 span{display:block;font-size:14px;font-size:1.4rem;font-family:Montserrat,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif}
.page-mv img{width:100%;max-width:unset;max-width:none}
.page-mv .scroll-icon{position:absolute;bottom:40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.page-mv .scroll-icon img{width:30px}
.misenairasii{opacity:0;text-indent:9999px}
.page-mv-space{padding:100px 70px 0}
.mv-green{background:url(assets/img/officegreen/mv-green.jpg) no-repeat center;background-size:cover}
.mv-wood{background:url(assets/img/woodtexture/mv-wood.jpg) no-repeat center;background-size:cover}
.pnkz{padding-top:30px;padding-bottom:30px;font-size:10px;font-size:1rem}
.pnkz a,.pnkz span{margin-right:10px;display:inline-block;vertical-align:middle;color:#a5a5a5}
.pnkz a a,.pnkz a span,.pnkz span a,.pnkz span span{margin-right:0}
.pnkz a{color:#1e1e1e}
.title-40{margin-bottom:30px;font-size:40px;font-size:4rem;font-family:游明朝,"Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif}
.title01{margin-bottom:3%;text-align:center;font-size:30px;font-size:3rem;font-weight:600}
.title01 span{margin-bottom:30px;letter-spacing:1px;display:inline-block;text-decoration:underline;font-size:14px;font-size:1.4rem;color:rgba(255,255,255,.5)}
.title01.title-margin-nazo{margin-bottom:90px}
.title02{margin-bottom:5%;text-align:center;font-size:30px;font-size:3rem;font-weight:600}
.title02 span{border-bottom:1px solid #fff;display:inline-block}
.c-green{color:#5cb323}
.text-box{line-height:2}
.text-box p+p{margin-top:15px}
.img100 img{width:100%}
.smart-nav{display:none;margin-bottom:12%;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.smart-nav li{margin-bottom:2%;margin-right:2%;width:49%}
.smart-nav li:nth-child(2n){margin-right:0}
.smart-nav li a{padding:30px 20px;padding-right:30px;display:block;height:100%;font-size:20px;font-size:2rem;color:#fff;border:1px solid #fff;position:relative}
.smart-nav li a:after{content:'';width:16px;height:8px;background:url(assets/img/icon-arrow-bot-white.svg) no-repeat center;background-size:100% 100%;position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.page-caption{margin-bottom:5%;text-align:center;line-height:2;font-size:14px;font-size:1.4rem}
@media only screen and (max-width:768px){.page-caption{margin-bottom:5%;text-align:center;line-height:2;font-size:15px;font-size:1.5rem;font-weight:300;}}
.concept-img{padding-top:10%}
.concept-img img{margin-left:-25%;width:150%;max-width:none;max-width:unset}
.concept-img-original{margin-left:-8%;max-width:none;max-width:unset;width:116%}
.concept-text{color:#fff;position:relative;z-index:1}
.concept-text h3{margin-bottom:20px;font-size:80px;font-size:8rem;font-family:游明朝,"Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;line-height:1.4;letter-spacing:-4.5px}
.concept-text p{line-height:2.4}
.concept-text p strong{margin-top:3%;margin-bottom:40px;padding-bottom:40px;display:block;line-height:2;font-size:26px;font-size:2.6rem;font-family:游明朝,"Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;position:relative}
.concept-text p strong:after{content:'';width:70px;height:1px;background:#cdcece;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.concept-text p strong span{color:#cdcece}
.concept-text p+p{margin-top:26px}
.balance-section .concept-text h3{font-size:66px;font-size:6.6rem}
.balance-section01 .concept-img{padding-top:10%}
.balance-section01 .concept-img img{width:140%}
.balance-section02 .concept-img{padding-top:10%}
.balance-section02 .concept-img img{width:200%}
.balance-section02 .concept-text p{text-align:right}
.concept-img-wrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.concept-img-wrap figure{margin-bottom:4%;margin-right:4%;width:48%}
.concept-img-wrap figure:nth-child(2n){margin-right:0}
.concept-img-wrap figure figcaption{margin-top:8px;display:block;color:#fff;line-height:1.4;font-size:14px;font-size:1.4rem}
.concept-img-wrap figure figcaption strong{font-family:Oswald,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;font-size:28px;font-size:2.8rem;display:block}
.sp_flex{display:none}
.concept-movie{padding-top:600px;background:url(assets/img/concept-movie@2x.jpg) no-repeat center;background-size:cover;position:relative;overflow:hidden}
.concept-movie a{display:block}
.concept-movie video{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%;height:auto}
.concept-in-movie-wrapper{position:absolute;right:0;bottom:0;width:100%;height:100%}
.concept-in-movie-wrapper:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5)}
#concept-movie{width:1000px;max-width:100%}
.movie-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;z-index:1}
.movie-text h3{margin-bottom:20px;color:#fff;text-align:center;font-size:30px;font-size:3rem}
.load-up{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}
.green-box{text-align:center}
.green-box figure figcaption{margin-top:15px;font-size:18px;font-size:1.8rem;letter-spacing:1px;line-height:1.4}
.green-box figure figcaption b{display:block}
.green-box figure figcaption span{font-family:游明朝,"Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;font-size:36px;font-size:3.6rem}
.green-box figure figcaption span.caption-text{margin-top:10px;font-size:14px;font-size:1.4rem;font-family:'Noto Sans JP', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;display:block;line-height:1.8;text-align:justify;letter-spacing:1px}
.green-column{margin-top:8%}
.green-column h1{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #fff;font-size:20px;font-size:2rem;font-weight:600}
.green-column p{font-size:16px;font-size:1.6rem;opacity:.8}
@media only screen and (max-width:768px){.green-column p{font-size:15px;font-size:1.5rem;font-weight:300;opacity:.8}
}
.green-column p small{font-size:14px;font-size:1.4rem}
.point-box{margin-bottom:10%;padding-left:8%;padding-right:8%;padding-bottom:5%;background:#e9e9eb}
.point-box h3{font-size:50px;font-size:5rem;font-family:游明朝,"Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;text-align:center;position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.point-caption{margin-bottom:30px;text-align:center}
.point-info{margin-bottom:8%}
.point-info h4{margin-bottom:15px;line-height:1.4;font-size:20px;font-size:2rem;font-weight:600}
.point-info p{font-size:16px;font-size:1.6rem}
.point-type{margin-bottom:40px}
.point-type h4{margin-bottom:20px;padding-left:65px;font-size:20px;font-size:2rem;font-weight:600;line-height:45px;border-bottom:2px solid;position:relative}
.point-type h4 span{padding:0 10px;text-align:center;display:inline-block;line-height:45px;font-size:30px;font-size:3rem;font-family:游明朝,"Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;position:absolute;bottom:0;left:0;width:45px;height:100%;color:#fff}
.point-type.type-a h4{border-bottom-color:#f50}
.point-type.type-a span{background:#f50}
.point-type.type-b h4{border-bottom-color:#80b41f}
.point-type.type-b span{background:#80b41f}
.point-type p{padding-right:20px}
.green-bg{padding-top:8%;padding-bottom:8%;background:url(assets/img/officegreen/green-bg01.jpg) no-repeat bottom center;background-size:cover;color:#fff;text-align:center}
.green-bg h3{margin-bottom:20px;line-height:1.6;font-size:28px;font-size:2.8rem;font-weight:600}
.green-bg p{margin-bottom:30px;text-align:center;font-size:16px;font-size:1.6rem;color:#cdcece}
.wood-column .green-column{margin-top:0}
.wood-column{margin-top:8%}
.column-4{width:23.66667%}
.column-4-240{width:20%}
.wood-imgs{text-align:center}
.wood-imgs figcaption{margin-top:10px;line-height:1.4;font-size:14px;font-size:1.4rem}
.mb0{margin-bottom:0}
.wood-bg{background:url(assets/img/woodtexture/wood-bg01.jpg) no-repeat center;background-size:cover}
.ot-box01{margin-top:-140px;padding:10% 20px 5%;background:#fff;position:relative}
.ot-box01 h3{margin-bottom:5%;text-align:center;font-size:48px;font-size:4.8rem;font-weight:600}
.ot-box01 .text-box{margin-bottom:3%}
.bg-ot01{background:url(assets/img/ot-bg01.jpg) no-repeat center top;background-size:cover}
.bg-ot01 .column-4{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-ms-flex-box:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:284px;background:#fff;border-radius:50%}
.bg-ot01 .column-4 p{text-align:center;font-size:18px;font-size:1.8rem}
.office-box{text-align:center}
.office-box h4{margin-bottom:4%;font-size:96px;font-size:9.6rem;font-family:游明朝,"Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif}
.office-box h4 span{margin-top:5px;display:block;font-size:18px;font-size:1.8rem;font-family:Montserrat,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;opacity:.6;font-weight:600}
.office-box p{text-align:center}
.office-box02{text-align:justify}
.office-box02 h4{padding-bottom:20px;font-size:56px;font-size:5.6rem;position:relative}
.office-box02 h4:after{content:'';width:42px;height:1px;background:#fff;position:absolute;bottom:0;left:0}
.office-box02 p{text-align:justify}
.office-box02 .flex{margin-bottom:5%}
.office-white{padding-left:60px;padding-right:60px;padding-bottom:5%;background:#fff;color:#1e1e1e}
.office-box+.office-box{margin-top:8%;padding-top:8%;border-top:1px solid rgba(255,255,255,.2)}
.office-box+.office-white{padding-top:6.7%}
.office-img{margin-top:3.5%}
.office-data dt{margin-bottom:2%;font-size:22px;font-size:2.2rem;line-height:1.6;font-weight:600}
.office-data dd{margin-bottom:2%;font-size:16px;font-size:1.6rem}
.office-data dd p{opacity:.8}
.office-map{margin-top:5%;margin-bottom:5%}
.office-map dt{margin-bottom:3%}
.ot-bg{margin-bottom:0;padding-top:7%;padding-bottom:7%;background:url(assets/img/ot-bg02.jpg) no-repeat center;background-size:cover}
#contact-form{margin-bottom:calc(5% - 28px);width:100%}
#contact-form tr{border-top:1px dotted #8e8e8e}
#contact-form tr:last-child{border-bottom:1px solid #8e8e8e}
#contact-form tr td,#contact-form tr th{padding-top:15px;padding-bottom:15px;line-height:1.6}
#contact-form tr th{padding-left:10px;padding-right:10px;font-weight:600;width:25%}
#contact-form tr th em{margin-right:5px}
#contact-form tr th em.none{opacity:0}
#contact-form tr td{color:#4b4b4b}
.form-in-caution{margin-top:10px;font-size:12px;font-size:1.2rem}
.form-small{width:330px;max-width:100%}
.form-long{width:444px;max-width:100%}
.form-max{width:536px;max-width:100%}
.page-id-21 .select-wrap{border:none}
.page-id-21 .select-wrap:after{content:none}
.page-id-21 .days-choice{margin-left:0}
.page-id-21 .form-in-caution{display:none}
.page-id-21 #contact-form tr th em{display:none}
.page-id-21 .form-caption{display:none}
.page-id-21 .agree{opacity:0}
.select-wrap{overflow:hidden;border:1px solid #8e8e8e;display:inline-block;min-width:330px;position:relative}
.select-wrap:after{content:'';width:16px;height:8px;background:url(assets/img/icon-arrow-bot-grey.svg) no-repeat center;background-size:100% 100%;position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.select-wrap select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;border-radius:0;border:0;margin:0;padding:0;background:none transparent;vertical-align:middle;font-size:inherit;color:inherit;padding:0 15px;padding-right:30px;outline:0;height:50px;width:100%;color:#4b4b4b}
.select-wrap select::-ms-expand{display:none}
.select-wrap select:-moz-focusring{color:transparent;text-shadow:0 0 0 #828c9a}
.form-item{padding-left:15px;padding-right:15px;color:#4b4b4b;border:1px solid #8e8e8e}
.form-input{height:50px}
.form-text{padding-top:10px;padding-bottom:10px;height:260px;overflow-y:scroll}
.form-caption{margin-bottom:12%;font-size:12px;font-size:1.2rem}
.agree{text-align:center;font-size:18px;font-size:1.8rem;font-weight:600}
.btn-form{margin:5% auto;padding:30px 20px;display:block;border:1px solid;font-size:22px;font-size:2.2rem;font-weight:600;text-align:center;width:420px;max-width:100%;font-family:Montserrat,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif}
@media only screen and (min-width:768px){.btn-form{transition:all .5s ease}
.btn-form:hover{background:#fff;color:#1e1e1e}
}
.btn-submit{background:#1e1e1e;color:#fff}
.btn-back{margin-bottom:20px;text-decoration:underline;font-size:14px;font-size:1.4rem;font-family:Montserrat,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif}
.btn-simple{text-decoration:underline;color:#1e1e1e}
.form-check{margin-top:10%;padding-bottom:10%;font-size:14px;font-size:1.4rem;text-align:center}
.form-check a{color:#1e1e1e;text-decoration:underline}
@media only screen and (min-width:768px){.form-check a:hover{text-decoration:none}
}
.form-step{margin-bottom:5%;text-align:center}
.days-choice{margin-left:20px}
input::placeholder,select::placeholder{color:#a5a5a5}
#single-product{margin-top:60px}
#single-product h1{margin-bottom:20px;font-size:36px;font-size:3.6rem;font-weight:600;text-align:center}
.product-cat{font-size:14px;font-size:1.4rem;color:#4b4b4b}
.product-images{margin:70px 0 50px;position:relative}
.product-images .bx-wrapper{margin:0 auto;width:52.08333%}
.product-images .bx-viewport{overflow:visible!important}
.product-images .bx-next,.product-images .bx-prev{width:44px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.product-images .bx-prev{left:40px}
.product-images .bx-next{right:40px}
.product-images .bx-pager{position:absolute;bottom:-40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.product-images .bx-pager-item{margin:0 3px;display:inline-block;width:8px;height:8px;border-radius:50%;overflow:hidden}
.product-images .bx-pager-item a{text-indent:9999px;display:block;width:100%;height:100%;border-radius:50%;background:#e8e8e8}
.product-images .bx-pager-item a.active{background:#232734}
.news-page-box{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e8e8e8}
.archive-pager{margin:8% auto;text-align:center}
.archive-pager a,.archive-pager span{margin:0 5px;font-size:16px;font-size:1.6rem;color:#1e1e1e}
.sitemap-wrapper{margin-bottom:5%;padding-bottom:20px;border-bottom:1px solid #e8e8e8}
.site-map-list{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.site-map-list li{margin-right:1.333%;width:32%}
.site-map-list li.site-map-100{margin-right:0;width:100%}
.site-map-list li:nth-child(3n){margin-right:0}
.site-map-list li .common-nav-list-child{padding-left:30px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.site-map-list li .common-nav-list-child li{margin-right:4%;width:48%}
.site-map-list li .common-nav-list-child li:nth-child(2n){margin-right:0}
.single-share-list{margin-bottom:100px;text-align:center}
.single-share-list dd,.single-share-list dt{display:inline-block;vertical-align:middle}
.single-share-list dt{margin-right:20px;font-size:12px;font-size:1.2rem}
.single-share-list dd ul li{margin:0 14px;display:inline-block;vertical-align:middle}
.single-share-list dd ul li a{transition:all .5s ease,}
.single-share-list dd ul li a img{height:22px;}
.single-share-list dd ul li a:hover{opacity:.6}
#single-wrapper{word-break:break-all}
#single-wrapper .info-title{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e8e8e8;font-size:24px;font-size:2.4rem;font-weight:600}
#single-content{margin-bottom:120px}
#single-content h2{margin:40px 0 30px;padding:5px 10px;color:#fff;background:#000;font-size:22px;font-size:2.2rem}
#single-content h3{margin:40px 0 30px;padding:5px 10px;border-bottom:1px solid #000;color:#000;font-size:20px;font-size:2rem}
#single-content h4{margin:40px 0 30px;color:#000;font-size:20px;font-size:2rem}
#single-content h5{margin:30px 0 20px;color:#000;font-size:18px;font-size:1.8rem}
#single-content h6{margin:30px 0 20px;color:#000;font-size:16px;font-size:1.6rem}
#single-content p{display:block;margin:30px 0;line-height:1.8;font-size:16px;font-size:1.6rem}
@media only screen and (max-width:768px){#single-content p{display:block;margin:30px 0;line-height:1.8;font-size:15px;font-size:1.5rem;font-weight:300;}}
#single-content strong{font-weight:600}
#single-content em{font-style:italic}
#single-content blockquote{display:block;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:40px;-webkit-margin-end:40px}
#single-content a{color:#000;text-decoration:underline}
#single-content.product-single-content{margin-bottom:80px}
#single-content.product-single-content h2{padding:0;font-size:24px;font-size:2.4rem;font-weight:600;background:0 0;color:#1e1e1e;line-height:1.6}
.back-pro{margin-bottom:120px}
.aligncenter{display:block;margin:0 auto}
.alignright{float:right}
.alignleft{float:left}
img[class*=attachment-],img[class*=wp-image-]{height:auto;max-width:100%}
.single-footer{padding-top:40px;padding-bottom:40px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}
.single-link{width:33%}
.single-link a{color:#1e1e1e;font-size:14px;font-size:1.4rem;line-height:1.6;display:block}
@media only screen and (min-width:768px){.single-link a:hover{text-decoration:underline}
}
.single-list{text-align:center}
.single-next{text-align:right}
@media only screen and (max-width:1540px){.index-offece h2{font-size:60px;font-size:6rem}
.index-offece h2 span{font-size:30px;font-size:3rem}
.index-tour .box40{padding:0 20px}
.gw-tour .box40{padding:0}
#page-top{bottom:80px}
.slide-top-product li p{right:-20px}
.concept-text h3{font-size:70px;font-size:7rem}
.balance-section02 .concept-text h3{font-size:60px;font-size:6rem}
}
@media only screen and (max-width:1240px){html{font-size:.8vw}
.footer-nav-blank li a img{margin-right:3px}
.footer-nav-blank li+li{margin-left:10px}
.slide-top-product li p{padding:20px;width:260px;height:200px}
#nav-torigger{right:20px}
.header-item .btn-default{right:70px;min-width:120px}
.concept-text h3{font-size:48px;font-size:4.8rem}
.concept-text p strong{font-size:20px;font-size:2rem}
.balance-section .concept-text h3{font-size:46px;font-size:4.6rem}
.balance-section03 .concept-text h3{font-size:40px;font-size:4rem}
.page-mv-space{padding:100px 20px 0}
.bg-ot01 .column-4{padding:30px;height:auto;border-radius:15px}
.bg-grey-after:after{padding-top:28%}
}
@media only screen and (max-width:768px){.mv-index p strong{font-size:180px;font-size:18rem}
.copy-area{display:block;text-align:center}
.footer-nav-blank{margin-bottom:20px;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-ms-flex-box:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center}
.copy{text-align:center}
}
@media only screen and (max-width:640px){html{font-size:1.8vw}
.flex,.sp{display:block!important}
.sp_flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.sp_in{display:inline!important}
.sp_dib{display:inline-block!important}
.pc{display:none!important}
.flex-box{width:100%!important}
.flex-space-bot{margin-bottom:8%}
.flex-img img{width:100%}
.content{padding-top:15%;padding-bottom:15%}
.content.p-bot-0{padding-bottom:0}
.index-case-slide-wrapper .bx-pager{bottom:-20px}
#common-header h1{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:33.33333%;max-width:170px}
#common-footer{padding-top:10%;padding-bottom:5%}
.nav-logo{width:33.33333%}
.mv-index p strong{margin-bottom:30px;display:block;font-size:86px;font-size:8.6rem}
.mv-index p .btn-default{margin-left:0;top:0}
.header-item .btn-default{display:none}
#nav-torigger span.hamburger-text{font-size:10px;font-size:1rem}
#top-product h2{margin-bottom:20px;position:static;font-size:58px;font-size:5.8rem}
.slide-top-product li p{position:static;width:100%;height:auto;font-size:16px;font-size:1.6rem;line-height:2}
.top-product-box .bx-pager{bottom:-30px}
.top-product-box .bx-pager .bx-pager-item a.active{background:#1e1e1e}
.top-product-box .bx-next,.top-product-box .bx-prev{top:24%}
.top-product-box .bx-next img,.top-product-box .bx-prev img{width:15px}
.top-product-box .bx-prev{left:15px}
.top-product-box .bx-next{right:15px}
.product-info-box{margin-bottom:10%;margin-right:4%;width:48%}
.product-info-box:nth-child(2n){margin-right:0}
.btn-default.btn-big{display:block;width:100%;font-weight:600;font-size:20px;font-size:2rem}
.btn-default.btn-long{padding-left:20px;padding-right:20px;font-size:18px;font-size:1.8rem}
.sp-btn-big{padding:30px 20px;width:100%;font-size:16px;font-size:1.6rem;text-align:center;display:block;border:1px solid #1e1e1e;color:#1e1e1e;position:static;text-decoration:none}
.index-offece{padding-top:25%;padding-bottom:0}
.index-offece .box55{width:100%}
.index-offece h2{margin-bottom:25%;text-align:center;font-size:42px;font-size:4.2rem}
.index-offece h2 span{font-size:22px;font-size:2.2rem}
.index-office-sp-box{margin-left:-20px;padding:8% 20px 15%;width:calc(100% + 40px);background:#fff;color:#1e1e1e}
.index-office-sp-box p{margin-bottom:8%;font-size:18px;font-size:1.8rem}
.index-office-sp-box .btn-default{margin:0 auto;padding:30px 20px;display:block;width:55%;max-width:100%;border-color:#1e1e1e;color:#1e1e1e}
.index-tour{text-align:center}
.index-tour h2{padding-bottom:0}
.index-tour h2:after{content:none}
.index-tour p{margin:20px 0 30px;text-align:center}
.index-tour .box40{width:100%}
.index-case-slide-wrapper{margin:0 auto 10%;width:85%;max-width:100%}
.index-case-slide-wrapper .bx-viewport{overflow:visible!important}
.index-case-slide-wrapper .bx-next img,.index-case-slide-wrapper .bx-prev img{width:20px}
.index-case-slide-wrapper .bx-prev{left:-10px}
.index-case-slide-wrapper .bx-next{right:-10px}
#index-case-popup-wrapper{padding:10% 30px;width:calc(100% - 40px);box-shadow:0 0 5px rgba(0,0,0,.3)}
.bg-grey{background:#e9e9eb}
.index-column-wrapper{display:block}
.index-column-sp-wrapper{margin-bottom:10%;padding-bottom:40px;position:relative}
.index-column-sp-wrapper .bx-pager{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.index-column-sp-wrapper .bx-pager .bx-pager-item{margin:0 3px;display:inline-block;width:8px;height:8px;border-radius:50%;overflow:hidden}
.index-column-sp-wrapper .bx-pager .bx-pager-item a{text-indent:9999px;display:block;width:100%;height:100%;border-radius:50%;background:#d2d2d2}
.index-column-sp-wrapper .bx-pager .bx-pager-item a.active{background:#616161}
.info-data .cat-box,.info-data time{font-size:16px;font-size:1.6rem}
.info-title a{font-size:18px;font-size:1.8rem}
.news-page-box .info-title a{font-size:18px;font-size:1.8rem}
.column-box{margin-right:0;width:auto}
.column-box .thumb img{width:100%}
.news-box{padding-bottom:20px;border-bottom:1px solid #e8e8e8}
.news-box:last-child{padding-bottom:0;border-bottom:none}
.footer-logo{margin:0 auto 12%;width:45%!important}
.footer-nav{display:none}
.page-mv{padding-top:60%;padding-bottom:70%}
.page-mv.mv-product{padding-top:36%;padding-bottom:36%;height:auto}
.page-mv-space{padding:100px 20px 0}
.pnkz{padding-top:10px;padding-bottom:10px}
.pnkz .breadcrumbs{display:none}
.footer-nav-blank{margin-bottom:10px;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.footer-nav-blank li{margin-bottom:3%}
.footer-nav-blank li a{font-size:14px;font-size:1.4rem}
.footer-nav-blank li a img{width:10px}
.footer-nav-blank li:nth-child(2n){margin-left:30px}
#page-top{right:20px}
.copy small{font-size:12px;font-size:1.2rem}
#page-top{width:30px}
#page-top img{width:100%}
.common-nav-list-wrapper{padding-left:20px;padding-right:20px}
.common-nav-side-wrapper{padding-left:20px;padding-right:20px;position:static}
.common-side-nav{display:block}
.common-side-nav li{margin-bottom:5%}
.common-side-nav li a{padding-left:30px;position:relative;display:block}
.common-side-nav li a img{width:18px;position:absolute;left:0}
.common-side-nav li a span{text-align:justify}
.nav-logo{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.concept-text h3{text-align:justify}
.concept-text p{text-align:justify;line-height:2;font-size:18px;font-size:1.8rem}
.concept-text p strong:after{left:0;-webkit-transform:translateX(0);transform:translateX(0)}
.concept-img{padding-top:0}
.concept-img img{margin-right:-10%;margin-left:0;width:120%}
.balance-section02 .concept-text p{text-align:justify}
.balance-section02 .concept-img{margin-right:0;margin-left:-10%}
.concept-img-wrap{margin-top:5%}
.concept-movie{padding-top:55%}
.concept-movie video{width:100%}
.movie-text h3{font-size:26px;font-size:2.6rem}
.movie-text button{width:23.07692%}
.movie-text button img{width:100%}
.index-tour.page-tour{border:none;padding:0}
.side-bannar+.side-bannar{margin-top:5%}
.page-mv h2{font-size:80px;font-size:8rem}
.page-mv h2 span{margin-bottom:30px;font-size:16px;font-size:1.6rem}
.title01{margin-bottom:8%;font-size:24px;font-size:2.4rem}
.title01.title-margin-nazo{margin-bottom:8%}
.box240{margin-bottom:5%;width:48%}
.point-box{padding-left:20px;padding-right:20px}
.point-type{margin-bottom:10%}
.point-type .box34 img{width:100%;height:120px;object-fit:cover}
.column-4,.column-4-240{margin-bottom:5%;width:48%}
.ot-box01{padding-bottom:10%}
.ot-box01 h3{font-size:30px;font-size:3rem}
.ot-box01 .text-box{margin-bottom:5%}
.bg-ot01{padding-top:130px}
.smart-nav{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.office-box h4{margin-bottom:8%;font-size:76px;font-size:6rem}
.office-sp-img{margin-bottom:5%}
.office-sp-img img{width:100%}
.office-data{margin-bottom:8%}
.office-data dt{margin-bottom:5%}
.office-data dd{text-align:justify;font-size:18px;font-size:1.8rem;line-height:1.6}
.office-data dd p{text-align:justify;line-height:1.8}
.office-map{margin-bottom:10%;margin-top:10%}
.office-map dt{margin-bottom:8%;font-size:24px;font-size:2.4rem}
.office-box+.office-box{margin-top:15%;padding-top:12%}
.office-white{padding-left:20px;padding-right:20px}
#contact-form{margin-bottom:0}
#contact-form tr{padding-top:20px;padding-bottom:20px;display:block;height:auto !important;}
#contact-form tr:first-child{border-top:none}
#contact-form tr:last-child{border-bottom:none}
#contact-form tr td,#contact-form tr th{padding:0;display:block;width:100%;font-size:16px;height:auto !important;}
#contact-form tr th{margin-bottom:3%}
.form-long,.form-max,.form-small{width:100%}
.form-wrapper{margin-bottom:5%;padding-top:20px;border-top:1px solid #8e8e8e;border-bottom:1px solid #8e8e8e}
.select-wrap select{height:60px}
.form-input{height:60px}
#single-content p{font-size:15px;font-size:1.5rem;font-weight:300;}
.single-footer{padding-top:0;padding-bottom:0;border:none}
.single-list{margin:15px 0;padding-top:15px;padding-bottom:15px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}
.single-link a{line-height:1.4;font-size:16px;font-size:1.6rem}
.product-images{margin-top:40px;margin-bottom:80px;padding-left:20px;padding-right:20px;width:100%}
.product-images .bx-wrapper{width:85%}
.product-images .bx-next,.product-images .bx-prev{width:20px}
.sitemap-wrapper{margin-bottom:10%}
.site-map-list{display:block}
.site-map-list li{margin-right:0;width:100%}
.site-map-list li .common-nav-list-child{display:block}
.site-map-list li .common-nav-list-child li{margin-right:0;width:100%}
.green-bg h3{font-size:22px;font-size:2.2rem}
#top-product h2 span{padding:0}
.ot-bg{padding-top:15%;padding-bottom:15%;background:url(assets/img/ot-bg02_sp.jpg) no-repeat center;background-size:cover}
.mv-wood{background:url(assets/img/woodtexture/mv-wood.jpg) no-repeat center;background-size:cover}
.mv-green{background:url(assets/img/officegreen/mv-green_sp.jpg) no-repeat center;background-size:cover}
.index-offece p{line-height:2}
.point-type.type-a h4,.point-type.type-b h4{padding:0;border-bottom:none}
.point-type p{padding-left:0}
.type2{margin-top:18%}
.bg-grey-after{padding-top:0;padding-bottom:0;background:#f8f9f9}
.bg-grey-after:after{content:none;padding-top:90%}
.bg-grey-after .inner1200{position:relative;top:-30px}
.bg-grey-after .index-tour{padding-top:0}
.balance-section03 .concept-text h3{font-size:46px;font-size:4.6rem}
.sp-bot-50{padding-bottom:80px}
.bg-ot01 .column-4{padding:20px 15px}
.office-box02 h4{text-align:center}
.office-box02 h4:after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.office-box02 .office-data dt{display:none}
.index-tour{padding-top:30px;padding-bottom:30px}
#single-content.product-single-content{margin-top:60px;margin-bottom:50px}
#single-content.product-single-content h2{font-size:22px;font-size:2.2rem}
.back-pro{margin-bottom:80px}
.days-choice{margin-top:15px;margin-left:0;display:inline-block}
#ui-datepicker-div{width:calc(100% - 40px)}
.sptl{text-align:justify}
#common-header.header-animation .header-item .btn-default,#common-header.header-animation h1,#common-header.header-default .header-item .btn-default,#common-header.header-default h1,.nav-logo.navlogo-animation,.nav-logo.up-default{top:16px}
.second{height:100%}
#single-product{margin-top:40px}
#single-product h1{font-size:26px;font-size:2.6rem}
.p-bot-100{padding-bottom:60px}
.green-bg{margin-bottom:0}
}
@media only screen and (max-width:480px){html{font-size:2vw}
#page-top{width:20px}
.smart-nav li a{padding:20px 10px;font-size:16px;font-size:1.6rem}
#common-header{padding-top:16.3%;height:0}
#nav-torigger{width:32px;height:34px}
#nav-torigger.btn-animation{top:15px}
#nav-torigger.active span.hamburger:nth-of-type(1){-webkit-transform:translate(0,0) rotate(45deg);transform:translate(0,0) rotate(45deg)}
#nav-torigger.active span.hamburger:nth-of-type(2){-webkit-transform:translate(0,-7px) rotate(-45deg);transform:translate(0,-7px) rotate(-45deg)}
.p-bot-100{padding-bottom:40px}
}
@media only screen and (max-width:360px){html{font-size:2.2vw}
}
@media screen and (min-width:640px) and (max-width:970px){.singleBtnWrap li{margin:20px 0px!important;width:100%;}.btn-default.btn-big{width:320px;}}