@charset "utf-8";
@import url(css/basic.css);
@import url(shared.css);
.p-works h1{background-image:url("images/design/title.jpg");}
.p-after h1{background-image:url("/images/design/tyoukihosyo_kanban.jpg");}
.noh1 h1,.noh1 h1[title]{height:0;overflow:hidden;line-height:0;padding:0;min-height:auto;}
.noh1 h1[title]::before{content:none;}
#main #event,#main #staff{margin-bottom:40px;}
#main #staff{background:#eee;padding:30px 0;}
#works{background:none;}
#choice{background:url("images/bg_choice.jpg") 0 0;padding:20px;text-align:center;margin-bottom:2em;}
#choice h3{background:none;color:#333;font-size:1.4em;line-height:1.8;margin-bottom:10px;padding:8px 0;}
#choice h3+p{font-weight:bold;font-size:1.3em;color:#fff;background:#ff6e29;border-radius:2em;padding:10px 2em;margin-bottom:20px;display:inline-block;}
#choice ul li{background:#fff;display:flex;margin-bottom:20px;}
#choice ul a {text-decoration:none;display:flex;flex-direction:column;}
#choice ul img{margin:0;}
#choice ul p{margin:10px 0px 0;}
#choice ul p.a-btn{margin:auto 0 0;font-size:14px;background-color:#ff9429;border-radius:0;padding:10px;max-width:100%;}
.a_card2 a{box-shadow:0 -2px 0 #f5f4f0 inset;text-align:center;position:relative;color:#fff;display:block;/*filter:grayscale(100%);*/}
.a_card2 a:hover,.a_card2 .slick-active.slick-center a{filter:none;}
.a_card2 a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;transform:scaleX(0);-webkit-transition:.2s;transition:.2s;}
.a_card2 a:hover::after{transform:scaleX(1);}
.a_card2 a>div{opacity:0;transition:all .3s;width:100%;position:absolute;bottom:0;background:rgba(0,0,0,.6);padding:0;}
.a_card2 a:hover>div,.a_card2 .slick-active.slick-center a>div{opacity:1;}
.a_card2 p{line-height:1.25;margin:0;}
.a_card2 p.fc-gray{text-transform:uppercase;padding:2px 0;font-size:.8em;color:#b6b6b6;}
.photo img{margin:0;}
#slider0 .slick-slide,#slider1 .slick-slide{padding:0 10px;width:250px;}
#slider0 .slick-arrow,#slider1 .slick-arrow{width:50px;height:50px;border:none;top:50%;left:auto;right:0;background:#8e8577 url("images/design/next.png") center center no-repeat;background-size:contain;display:block;overflow:hidden;text-indent:120%;white-space:nowrap;word-wrap:normal;box-shadow:none;padding:0;position:absolute;transform:translateY(-50%);z-index:2;opacity:.8;}
#slider0 .slick-prev,#slider1 .slick-prev{left:0;right:auto;background-image:url("images/design/prev.png");}
.h3txt{border:none;text-align:center;font-size:2em;letter-spacing:.1em;text-transform:uppercase;font-family:Arial,Helvetica,"sans-serif";}
h4.h3txt{background:none;box-shadow:none;}
/*h3.h3txt{border:none;text-align:center;font-size:2em;font-weight:400;font-family:serif;letter-spacing:.1em;}*/
#index #voice{margin:3em 0 3em;padding:30px 0;}

#stalker{position:fixed;background:#d9c3c1;width:30px;height:30px;border-radius:30px;margin:-15px 0 0 -15px;z-index:998;pointer-events:none;opacity:0;transition:transform .5s}
#cursor.active,#stalker.active{transform:scale(1.4)}
.topmainview img,#container img{margin:auto;}
#container,#container #slides,#container #slides::before,#container #slides .slide,#container #slides .slide .slide-partial img{width:100%;height:100%;}
#container{overflow:hidden;padding-bottom:25px}
#container #slides{position:relative;}
#container #slides::before{content:"";position:absolute;top:0;left:0;opacity:.2;z-index:2;background-color:#000;}
#container #slides .slide{position:absolute;display:flex;}
#container #slides .slide .slide-partial{position:absolute;width:50%;height:100%;overflow:hidden;transition:transform 1s ease-in-out;}
#container #slides .slide .slide-partial img{position:absolute;z-index:1;object-fit:cover;transition:transform 1s ease-in-out;}
#container #slides .slide .slide-left{top:0;left:0;transform:translateX(-100%);}
#container #slides .slide .slide-left img{top:0;right:0;object-position:100% 50%;transform:translateX(50%);}
#container #slides .slide .slide-right{top:0;right:0;transform:translateX(100%);transition-delay:.2s;}
#container #slides .slide .slide-right img{top:0;left:0;object-position:0% 50%;transition-delay:.2s;transform:translateX(-50%);}
#container #slides .slide.active .title .title-text{transform:translate(0);transition-delay:.3s;}
#container #slides .slide.active .slide-partial,#container #slides .slide.active .slide-partial img{transform:translateX(0);}
#container #slide-select{position:absolute;bottom:0;left:0;right:0;width:fit-content;margin:auto;z-index:100;display:flex;align-items:center;justify-content:space-around;font-size:1.5em;color:#fff;}
#container #slide-select li{position:relative;cursor:pointer;margin:0 10px;}
#container #slide-select li.prev:hover{transform:translateX(-2px);}
#container #slide-select li.next:hover{transform:translateX(2px);}
#container #slide-select .selector{height:8px;width:8px;background-color:silver;border-radius:50%;transition:background-color .5s ease-in-out;}
#container #slide-select .selector.current{background-color:#333;}
/*カラー変更*/
h3,.h3{border-top:2px solid #8e8577;}
#pnav a{background:#8e8577 url(images/design/pnav_mail.png) center center no-repeat;background-size:contain;}
#fnav a[class|="btn"]{background:#8e8577 url(images/design/form.png) center center no-repeat;background-size:contain;}
/*[class*="linebox"],.list-btn a{border:3px solid #ddbab6;background:#f9f5f4;}*/[class*="linebox"],.list-btn a{border:none;background:#f5f5f5;}
h5::after,.h5::after{border-left:4px solid #8e8577;}
/*追加*/
#index #contact{margin:20px auto 10px;margin-left:auto;margin-right:auto;}
#side [class*="typebox2-"]>li{width:48%;}
[class*="typebox"].list-link2>li>a:only-child{justify-content:flex-start;}
.list-link2 li{position:relative;}
.list-link2 li::after{content:"▼";position:absolute;display:block;top:0;right:0;}
.list-link2 a{font-size:1.15em;border-bottom:solid 1px #333;text-align:left;display:block;width:100%;text-decoration:none;}
.list-link2 a:hover{color:#267cb6;}
.fs-075em{font-size:.75em;}.fs-0875em{font-size:.875em;}.fs-09375em{font-size:.9375em;}.fs-1em{font-size:1em;}.fs-1125em{font-size:1.125em;}.fs-12em{font-size:1.2em;}.fs-125em{font-size:1.25em;}.fs-15em{font-size:1.5em;}
.fs-075rem{font-size:.75rem;}.fs-0875rem{font-size:.875rem;}.fs-09375rem{font-size:.9375rem;}.fs-1rem{font-size:1rem;}.fs-1125rem{font-size:1.125rem;}.fs-125rem{font-size:1.25rem;}.fs-15rem{font-size:1.5rem;}
.h3,.h4,.h5,.h6,.title,.b{font-weight:500;}
[class*="typebox"].t-l>li{text-align:left;}
.ttl-point{background:#8e8577;color:#fff;display:inline-block;padding:.5em 20px;border-radius:3em;}
.ttl-point{border-radius:10px;position:relative;padding:.8em;font-weight:bold;font-size:1.2em;line-height:1.25;margin:20px 15px;}
.ttl-point::after{position:absolute;bottom:-12px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);content:"";border:6px solid transparent;border-top-color:#8e8577;}
[class*="ttl-"]{font-size:20px;text-align:center;}[class*="ttl-"]>span{vertical-align:middle;}
.fc-gray{color:#b7b7b7;}
.linebox.blue{background:#319CA7;border:none;;box-shadow:none;}
.linebox.red{background:#8e8577;border:none;;box-shadow:none;}
.linebox2{padding:20px 18px;border:none;;box-shadow:none;background:#f5f5f5;}
.linebox3{padding:18px 10px;border:none;;box-shadow:none;background:#fff;border-radius:10px;}
.as-c{align-self:center;}
.boxwrap{padding-top:30px;}
.boxwrap:not(:first-of-type){margin-top:24px;}
.boxwrap::after{content:"";position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);width:96%;height:100%;max-height:800px;z-index:-1;background-color:#fff;box-shadow:rgb(0 0 0 / 10%) 0px 2px 10px;margin:0 8px;text-align:center;}
.box-img{margin:0 auto;text-align:center;width:80%;}
.box-img img{width:100%;margin:0;height:100%;object-fit:cover;}
.box-txt{padding:30px 10%;}
#modelhouse{padding:30px 0;}
#features{margin:63px auto;}
#features [class*="typebox"]>li>span:only-child{align-content:center;height:3.416666666666667em;}
#features>.h3{padding:0.2em 0;line-height:1.25;margin-bottom:1em;}
#features a{text-decoration:none;color:#000;}
.linebox4{background-color:#fff;border:none;box-shadow:0 0 10px rgb(208 208 208 / 53%);padding:1em 1.5em 1em 2em;text-align:left;}
.list-type-number{counter-reset:olcount;}
.list-type-number>li{counter-increment:olcount;padding-left:1.75em;}
.list-type-number>li::before{content:counter(olcount)".";display:inline-block;background-color:#8e8577;color:#fff;font-weight:400;}
.list-type-number>li{padding:10px 5px 10px 3em;}
.list-type-number>li::before{content:"0"counter(olcount);z-index:2;font-size:1.2em;line-height:1;padding:.5em 0;border-radius:2.6em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;}
a.icon-ig,a.icon-fb,a.icon-blog2{color:#333;}

/*エスクラスから追加*/
/* fancyboxに使用 */
[class*="trimming"]{object-fit:cover;}
.typebox2-4 .trimming-160{width:92px;width:42vw;max-width:160px;height:92px;height:42vw;max-height:160px;}
.ff-mincho{font-family:'Sawarabi Mincho', serif;}
.ff-jose{font-weight:600;font-family:'Josefin Sans',sans-serif;letter-spacing:.1em;}
.ff-roman{font-weight:100;font-family:'Times New Roman', serif;}
a[class*="a-btn2"]{background:#fff;color:#676767;border:1px solid #838383;box-shadow:none;}
a[class*="a-btn2"]::after{background-color:#eee;border:1px solid #eee;transition:all 0.5s;}
a[class*="a-btn2"]::before{background:none;}
[class*="a-btn"]::before{content:"";width:0;height:0;margin:0;border:4px solid transparent;border-color:rgba(255,255,255,0);border-left-color:#50260b;}
[class*="a-btn"]::before{-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;}
[class*="a-btn"]::before{border-width:4px 6px;right:19px;}
[class*="a-btn"]::before{border-left-color:#fff;top:50%;}
.a-btn3{background:#dedbd6;color:#000;}.a-btn3::after{background:#bfb8ac;}
[class*="a-btn3"]::before{content:"";width:0;height:0;margin:0;border:4px solid transparent;border-color:rgba(255,255,255,0);border-left-color:#50260b;}
[class*="a-btn3"]::before{-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;}
[class*="a-btn3"]::before{border-width:4px 6px;right:19px;}
[class*="a-btn3"]::before{border-left-color:#333;top:50%;}
.a-btn4{background:#a5b3a4;color:#000;}.a-btn4::after{background:#889787;}
[class*="a-btn4"]::before{content:"";width:0;height:0;margin:0;border:4px solid transparent;border-color:rgba(255,255,255,0);border-left-color:#50260b;}
[class*="a-btn4"]::before{-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;}
[class*="a-btn4"]::before{border-width:4px 6px;right:19px;}
[class*="a-btn4"]::before{border-left-color:#333;top:50%;}
.a-btn5{background:#5f7e9c;color:#000;}.a-btn5::after{background:#4d6a87;}
[class*="a-btn5"]::before{content:"";width:0;height:0;margin:0;border:4px solid transparent;border-color:rgba(255,255,255,0);border-left-color:#50260b;}
[class*="a-btn5"]::before{-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;}
[class*="a-btn5"]::before{border-width:4px 6px;right:19px;}
[class*="a-btn5"]::before{border-left-color:#333;top:50%;}

.trimming>*,span.trimming{position:relative;}span.trimming{display:block;}
.trimming>*::before,span.trimming::before{content:"";padding-top:100%;display:block;}
.trimming>* img,span.trimming>img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;font-family:'object-fit:cover;';margin:0;}
[class*="trimming"]{object-fit:cover;font-family:'object-fit:cover;';}
.spanin span{display:inline-block;}
.sp-inline{content:"";float:left;display:none;}
.h3.blue{background:#0f3290;border:1px solid #0f3290;border-width:3px 0 1px 0;color:#fff;border-radius:10px;}
.h3.red{background:#cc161c;border:1px solid #cc161c;border-width:3px 0 1px 0;color:#fff;border-radius:10px;}
/* よくある質問 */
dl.box{overflow:hidden;display:block;}
dl.box>dt{cursor:pointer;position:relative;margin:0;padding:1.2em 2.5em 1.2em 1em;background:#f8f8f8;font-weight:500;font-size:1em;border-bottom:1px solid #fff;}
dl.box>dt:hover{color:#d75e2d;}
dl.box>dt::after{content:"+";position:absolute;right:1em;top:45%;margin-top:-.5em;font-weight:100;font-size:24px;}
dl.box>dt.on::after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);content:"-";top:50%;}
dl.box>dd{overflow:hidden;max-height:0;opacity:0;padding-left:20px;}
dl.box>dt.on+dd{max-height:none;opacity:1;padding:20px;margin-bottom:20px;}
dl.faq>dt {padding-left:3em;}
dl.faq>dt::before{position:absolute;content:"Q.";font-size:1.5em;top:.55em;left:.5em;font-weight:100;}
dl.box>dt::before{border-left:none;}
.scroll{overflow:auto;white-space:nowrap;}/* 表スクロール */
#a-reason ul{background:#e6dfd0;padding:10px 10px 5px 10px;}
.limb10>li{margin-bottom:10px;}
/*mb mt pb pt lh ls　追加*/
.pt0,.pv0,.pa0,#point p .pa0{padding-top:0;}.pr0,.ph0,.pa0,#point p .pa0{padding-right:0;}.pb0,.pv0,.pa0{padding-bottom:0;}.pl0,.ph0,.pa0{padding-left:0;}
.lh0{line-height:0;}.lh1{line-height:1;}.lh15{line-height:1.5;}.lh2{line-height:2;}
.ls{letter-spacing:.1em;}.ls05{letter-spacing:.5em;}.ls1em{letter-spacing:1em;}
.pconly{position:absolute;left:120%;top:0;}
#point::before,#point::after{background:none;}
/*KengakuCloud*/
#event h3{background:none;background-size:contain;height:auto;margin:0.6em 0;text-indent:0;}
#event a{text-decoration:none;}
#event img.kc-icon{margin:5px;}
.haikei{background:#f3f4ef;padding:20px;}
.sideline {position:relative;padding:0 65px;text-align:center;}
.sideline:before {position:absolute;top:calc(50% - 1px);left:0;width:100%;height:1px;content:'';background:#626251;}
.sideline span {position:relative;padding:0 0.8em;background:#f3f4ef;font-size:1.3em;color:#626251;}
.fc-blue2{color:#4b6783;}
.fc-brown2{color:#626251;}
[class*="h7"]{clear:both;position:relative;border-bottom:1px solid #626251;color:#626251;line-height:1.25;padding:.5em 0;text-align:center;display:block;font-size:1.525rem;}
.h7s{font-size:1.225rem;margin-bottom:1rem;}
.h7b{color:#000;}
.h7t{border-top:1px solid #000;color:#000;}
.bg2 dt{position:relative;z-index:1;padding:10px;margin-bottom:2em;}
.bg2 dt::after{content:"";position:absolute;top:2%;width:100%;height:100%;z-index:-1;background-color:#dddad6;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.p-miel .bg2 dt::after{background-color:#a5b3a4;}
.p-architecture .h7{border-bottom:1px solid #fff;color:#fff;}
.p-architecture .bg2 dt::after{background-color:#5f7e9c;}
.osusume{display:flex;margin-bottom:0;border-bottom:1px solid #626251;color:#626251;font-weight:500;}
.osusume-tag{padding:.5em;display:flex;flex-direction: column;justify-content:center;border-right:1px solid #626251;font-size:.875remrem;text-align:center;align-items:center;margin-right:0.9em;}
.osusume-tag span{font-size:3rem;font-weight: lighter;}
.osusume-txt{display:inline-block;padding:.5em 0;align-self:center;font-size:1rem;}
.flex-center,.flex-link-column a:only-child{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;}
.flex-center[class*="typebox2-"]>li:nth-child(2n+1){margin-right:0;}
iframe.map{filter: grayscale(1);}
#a-company01 .days7>dt,.days7>.dt{width:12em;}
#a-company01 .days7{padding:20px 0;border-bottom:1px solid #616161;max-width:880px;text-align: left;}
#a-company01 .days7:first-child{border-top: 1px solid #616161;padding-top: 20px;margin-top: 75px;}
#c-after h1{color:#000;}
.fc-black{color:#000;}
h2+p img{max-height: 22px;}
h2+p{padding: 16px 65px 5px 15px;}
/*フォント*/
.tel{font-family:"Noto Serif JP",serif;font-weight:500;}
/*トップスライド*/
#show #mv_prev::after,#show #mv_next::after{display:none;}
a.kasenno{text-decoration:none;color:#333;}
.fw-n{flex-wrap:nowrap;}
.w20-.w10{width:20%;}.w80-.w90{width:80%;}
@media(min-width:30em){
#concepttext p{padding:0 3.275%;}
/*エスクラスから追加*/
.typebox2-4 .trimming-160{width:160px;width:16vw;height:160px;height:16vw;}
.reverse{flex-direction:row-reverse;}
#features ol{font-size:2.5vw;}
.w20-.w10{width:10%;}.w80-.w90{width:90%;}
}
@media(min-width:40em){
.lin-25>li{width:25%;}
/*画像左右マージン調整*/
img.left,.grid2it img,.grid2tt>dt,.grid2tt>span:first-child:not(.right){margin-right:3%;}
img.right,.grid2tt>dt.right,.grid2tt>span:first-child.right{margin-left:3%;}
#features ol{font-size:2vw;}
#a-company01 .days7{padding:15px 0;font-size: 1.2em;}
#c-after h1/*,#c-thinkabout h1*/{padding: 7em 10px 5.892em 10px;}
}
@media(min-width:48em){
/*KengakuCloud*/
#event h3{margin-bottom:0.6em;}
.sponly{position:absolute;left:120%;top:0;}/*PCの時に消す*/
.pconly{position:static;}/*PCの時に出す*/
#cursor{position:fixed;background:#8e8577;border-radius:10px;width:10px;height:10px;margin:-5px 0 0 -5px;z-index:999;pointer-events:none;opacity:0;transition:transform .1s}
/*#show{height:85vh;}
#show>h3{font-size:32px;top:42%;line-height:1.95;}*/
#show .tmv_mark{top:30px;left:60px;}
#show .tmv_logo{top:auto;bottom:54px;padding-left:.5em;font-size:138px;font-family:'EB Garamond', serif;font-weight:400;}
#show .tmv_logo .ani-txt span:nth-child(n+4){font-size:1.5em;color:#48b237;line-height:1.15;}
.boxwrap{position:relative;display:flex;padding:40px 0;align-items:center;}
.boxwrap::after{width:80%;}
.boxwrap:nth-child(odd)::after{left:0}
.boxwrap:nth-child(even)::after{right:0;}
.boxwrap:nth-child(odd) .box-img{order:2;}
.boxwrap:nth-child(odd) .box-txt{order:1;}
.box-img{margin:0;width:50%;}
.box-txt{padding:0 5%;width:50%;}
/*カラー変更*/
#global,#global>ul>li{background:#fff;}
#global a{background:#fff url(images/design/nav1.png) center center no-repeat;}
#global{box-shadow:0px 6px 6px -5px rgba(0,0,0,0.1);}
/*#whatsnew section>p>span:first-child,#whatsnew time{color:#8e8577;font-family:'Zen Maru Gothic',-apple-system;font-weight:300;}*/
.oc-red,.fc-red,.ic-red>li::before,.ic-red>dt::before,.ic-red::before,.new::after{color:#8e8577;}
/*エスクラスから追加*/
.flex-reverse{flex-direction:row-reverse;}
.sp-inline{content:none;float:none;display:inherit;}.pc-inline{content:"";float:left;display:none;}
.scroll{white-space:normal;}/*表スクロール*/
.sponly{position:absolute;left:120%;top:0;}/*PCの時に消す*/
.bg::after{width:100%;height:90%;}
.h7{font-size:2.225rem;}
.osusume-tag{width:15%;font-size:1.425rem;}
.osusume-txt{width:75%;font-size:2.125rem;}
h2+p img {max-height: 2.6em;}
h2+p {padding:10px 0 0 40px;}
#header {padding-top: 11em;}
#nav{height: 11em /*167px*/;}
.bg2 dt{padding:20px;}
}
@media(min-width:68.5em){
#snav a.btn-request{background-image:url("images/design/side_request.png");background-color:rgba(148,139,123,.9);}
#snav a.btn-event{background-image:url("images/design/side_event.png");background-color:rgba(123,143,148,.9);}
#snav a.btn-soudan{background-image:url("images/design/side_soudan.png");background-color:rgba(148,123,123,.9);}
#features ol{font-size:24px;font-size:1.08rem;}
}