@charset "UTF-8";
/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */
html{-webkit-text-size-adjust:100%;-moz-tab-size:4;box-sizing:border-box;word-break:normal;tab-size:4
}
*,:after,:before{box-sizing:inherit;background-repeat:no-repeat
}
:after,:before{
text-decoration:inherit;vertical-align:inherit
}
*{margin:0;padding:0
}
hr{height:0;overflow:visible
}
details,main{display:block
}
summary{display:list-item
}
small{font-size:80%
}
[hidden]{display:none
}
abbr[title]{-webkit-text-decoration:underline dotted;border-bottom:none;text-decoration:underline;text-decoration:underline dotted
}
a{background-color:transparent
}
a:active,a:hover{outline-width:0
}
code,kbd,pre,samp{font-family:monospace,monospace
}
pre{font-size:1em
}
b,strong{font-weight:bolder
}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline
}
sub{bottom:-.25em
}
sup{
top:-.5em
}
input{border-radius:0
}
[disabled]{cursor:default
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto
}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px
}
[type=search]::-webkit-search-decoration{-webkit-appearance:none
}
textarea{overflow:auto;resize:vertical
}
button,input,optgroup,select,textarea{font:inherit
}
optgroup{font-weight:700
}
button{overflow:visible
}
button,select{
text-transform:none
}
[role=button],[type=button],[type=reset],[type=submit],button{color:inherit;cursor:pointer
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText
}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button
}
button,input,select,textarea{border-style:none;background-color:transparent
}
select{-moz-appearance:none;-webkit-appearance:none
}
select::-ms-expand{display:none
}
select::-ms-value{color:currentColor
}
legend{display:table;max-width:100%;border:0;color:inherit;white-space:normal
}
::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit
}
img{border-style:none
}
progress{vertical-align:baseline
}
svg:not([fill]){fill:currentColor
}
[aria-busy=true]{cursor:progress
}
[aria-controls]{cursor:pointer
}
[aria-disabled]{cursor:default
}
*,:after,:before{box-sizing:border-box
}
html{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:14px
}
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;word-wrap:break-word;background-color:#fff;font-family:Noto Sans JP,sans-serif;letter-spacing:.48px;line-height:1.71429
}
a,body{color:#302d2c
}
a{outline:none;text-decoration:none
}
img,svg,video{max-width:100%;vertical-align:top
}
picture{display:inline-block
}
picture img,table{width:100%
}
table{max-width:100%;border:1px solid #302d2c;border-collapse:collapse
}
table td,table th{border:1px solid #302d2c;word-break:break-all
}
input::-ms-clear{display:none
}
input:placeholder{color:rgba(17,17,17,.3)
}
input:placeholder-shown{color:rgba(17,17,17,.3)
}
input::-webkit-input-placeholder{color:rgba(17,17,17,.3)
}
input:-moz-placeholder,input::-moz-placeholder{color:rgba(17,17,17,.3)
}
input:-ms-input-placeholder{color:rgba(17,17,17,.3)
}
ol,ul{list-style-position:inside
}
button{outline:none
}
.c-btn__square{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:60px;overflow:hidden;border:2px solid #339900;border-radius:4px;background:hsla(0,0%,100%,.5);color:#000;font-size:14px;font-weight:700;line-height:1;transition:border-radius .5s ease
}
.c-btn__square:after,.c-btn__square:before{display:inline-block;position:absolute;content:"";will-change:transform
}
.c-btn__square:before{
top:calc(50% - 4px);width:8px;height:8px;transform:translateX(-16px);border-radius:50%
}
.c-btn__square:after,.c-btn__square:before{right:0;background-color:#339900;transition:transform .5s ease
}
.c-btn__square:after{
top:calc(50% - 1px);width:40px;height:2px;transform:translateX(24px)
}
.c-btn__square span{display:inline-block;position:relative;padding-bottom:2px;padding-left:7px;letter-spacing:2.1px
}
.c-btn__square span:after{display:inline-block;position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:#339900;content:"";opacity:0;transition:opacity .5s ease
}
.c-btn__square.black{background-color:#339900;color:#fff
}
.c-btn__square.black:after,.c-btn__square.black:before,.c-btn__square.black span:after{background-color:#fff
}
.c-btn__square.green{background-color:#339900;color:#99CC33
}
.c-btn__square.green:after,.c-btn__square.green:before,.c-btn__square.green span:after{background-color:#fff
}


.c-icon__cloud{display:inline-block;background-size:cover
}
.c-icon__cloud.fill.green{background-image:url(../images/common/ico__cloud__fill__green.svg)
}
.c-icon__cloud.line.blue{background-image:url(../images/common/ico__cloud__line__blue.svg)
}
.c-icon__cloud.line.white{background-image:url(../images/common/ico__cloud__line__white.png)
}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #fff inset!important
}
.c-input-checkbox,.c-input-radio{display:flex;flex-wrap:wrap;margin-top:3px;margin-bottom:-17px
}
.c-input-checkbox button,.c-input-checkbox input,.c-input-checkbox select,.c-input-checkbox textarea,.c-input-radio button,.c-input-radio input,.c-input-radio select,.c-input-radio textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:none;border-radius:0;outline:none;background:none
}
.c-input-checkbox select::-ms-expand,.c-input-radio select::-ms-expand{display:none
}
.c-input-checkbox>span,.c-input-radio>span{display:flex;align-items:center
}
.c-input-checkbox label,.c-input-radio label{display:inline-block;margin-right:30px;margin-bottom:17px;cursor:pointer
}
.c-input-checkbox label input,.c-input-radio label input{display:none
}
.c-input-checkbox label input:checked+span:after,.c-input-checkbox label input:hover:checked+span:after,.c-input-radio label input:checked+span:after,.c-input-radio label input:hover:checked+span:after{background-color:#31735e
}
.c-input-checkbox label span,.c-input-radio label span{display:flex;position:relative;align-items:center;font-size:14px;font-weight:400;letter-spacing:.4px;line-height:1
}
.c-input-checkbox label span:after,.c-input-checkbox label span:before,.c-input-radio label span:after,.c-input-radio label span:before{display:inline-block;margin-top:2px;background-color:#f3f3f3;content:""
}
.c-input-checkbox label span:before,.c-input-radio label span:before{width:24px;height:24px;margin-right:10px;border-radius:4px
}
.c-input-checkbox label span:after,.c-input-radio label span:after{position:absolute;top:5px;left:5px;width:14px;height:14px;margin-right:10px;border-radius:2px;transition:background-color .5s ease
}
.c-input-text{width:100%
}
.c-input-text input{width:100%;padding:20px;border-radius:4px;background-color:#f3f3f3;font-size:14px;font-weight:400;line-height:1
}
html[data-type=laptop][data-os=mac-os][data-browser=safari][data-touchsupport=true] .c-input-text{height:58px
}
html[data-type=laptop][data-os=mac-os][data-browser=safari][data-touchsupport=true] .c-input-text input{height:58px;padding:0 14px;font-size:16px;letter-spacing:1.2px
}
html[data-type=laptop][data-os=mac-os][data-browser=safari][data-touchsupport=true] .c-input-text input:placeholder{padding-top:4px
}
html[data-type=laptop][data-os=mac-os][data-browser=safari][data-touchsupport=true] .c-input-text input:placeholder-shown{padding-top:4px
}
html[data-type=laptop][data-os=mac-os][data-browser=safari][data-touchsupport=true] .c-input-text input::-webkit-input-placeholder{padding-top:4px
}
html[data-type=laptop][data-os=mac-os][data-browser=safari][data-touchsupport=true] .c-input-text input:-moz-placeholder,html[data-type=laptop][data-os=mac-os][data-browser=safari][data-touchsupport=true] .c-input-text input::-moz-placeholder{padding-top:4px
}
html[data-type=laptop][data-os=mac-os][data-browser=safari][data-touchsupport=true] .c-input-text input:-ms-input-placeholder{padding-top:4px
}
.c-input-textbox{width:100%;height:300px
}
.c-input-textbox textarea{width:100%;height:100%;padding:20px
}
.c-input-select,.c-input-textbox textarea{border-radius:4px;background-color:#f3f3f3
}
.c-input-select{position:relative;width:230px
}
.c-input-select.is-active select{color:#302d2c
}
.c-input-select:after{display:inline-block;position:absolute;top:calc(50% - 3px);right:15px;width:0;height:0;border-width:10px 6px 0;border-style:solid;border-color:#000 transparent transparent;content:""
}
.c-input-select select{width:100%;height:58px;padding:0 16px;font-size:14px;font-weight:400;letter-spacing:1.6px;line-height:1;cursor:pointer
}
.c-company-detail{display:flex;z-index:99;position:absolute;top:30px;left:27px
}
.c-company-detail__logo{width:13.8px;height:98px
}
.c-company-detail__txtarea{-ms-writing-mode:tb-rl;margin-right:11px;font-family:Prompt,sans-serif;font-size:13px;font-weight:600;line-height:1.30769;writing-mode:vertical-rl
}
.c-company-detail__txtarea--txt{letter-spacing:.4px
}
.c-company-detail__txtarea--txt:not(:first-of-type){margin-right:2px
}
.c-company-detail__txtarea--txt .txt{font-size:10px;font-weight:500;letter-spacing:.1px;line-height:1
}
.c-company-detail__txtarea--txt .txt:not(:first-of-type){margin-top:5px
}
.c-footer-cv{position:relative;margin-top:161px
}
.c-footer-cv:before{display:inline-block;z-index:2;position:absolute;top:-30px;left:calc((100vw - 1130px)/2);width:221px;height:69px;background-image:url(../images/common/txt__hellowelcome.svg);content:""
}
.c-footer-cv__inner{display:flex;position:relative;justify-content:space-between;margin:0 auto;overflow:hidden
}
.c-footer-cv__txtarea{display:flex;flex-direction:column;justify-content:flex-start;padding-top:75px
}
.c-footer-cv__txtarea .tit{font-size:30px;font-weight:700;letter-spacing:3px;line-height:1.86667
}
.c-footer-cv__txtarea .txt{margin-top:19px;font-size:14px;font-weight:700;letter-spacing:.42px;line-height:2.14286
}
.c-footer-cv__txtarea .btn{margin-top:31px
}
.c-footer-cv__imagearea .image{position:relative;width:100%;height:100%
}
.c-footer-cv__imagearea .image img{width:100%;height:100%;object-fit:cover;font-family:"object-fit: cover"
}
.c-footer-cv__imagearea .image:after{
display:inline-block;position:absolute;top:calc(50% - 111px);left:calc(50% - 119.5px);width:240px;height:200px;background-image:url(../images/common/txt_takumi_logo.png);content:""
}
.c-footer-cv__cloud{z-index:2;position:absolute
}
.c-footer-cv__cloud.no-1{
top:-56px;left:calc(50% - 146px);width:146px;height:86px
}
.c-footer-cv__cloud.no-2{bottom:21px;left:23px;width:138px;height:82px
}
.c-footer-cv__cloud.no-3{bottom:-41px;left:calc(50% + 30px);width:170px;height:101px
}
.c-footer-cv__cloud.no-4{
top:-38px;right:44px;width:138px;height:82px
}
.c-blogitem{display:flex;flex-direction:column;width:400px
}
.c-blogitem .imagearea{width:100%;height:239px;overflow:hidden;border-radius:20px
}
.c-blogitem .imagearea img{width:100%;height:100%;object-fit:cover;font-family:"object-fit: cover";transition:transform .6s ease
}
.c-blogitem .txtarea{display:flex;flex-direction:column;margin-top:23px
}
.c-blogitem .txtarea__date{color:#99CC33;font-family:Prompt,sans-serif;font-size:12px;font-weight:400;letter-spacing:1px;line-height:1
}
.c-blogitem .txtarea__tit{display:inline-block;margin-top:13px;font-size:14px;font-weight:400;line-height:1.71429
}
.c-blogitem .txtarea__cate{display:inline-flex;margin-top:17px
}
.c-blogitem .txtarea__cate--item{display:inline-block;padding:6px 11px 7px 12px;border:1px solid #302d2c;border-radius:4px;font-size:11px;font-weight:400;letter-spacing:.15px;line-height:1;transition:color .5s ease,background-color .5s ease
}
html[data-browser=ie][data-browserversion="11"] .c-blogitem .txtarea__cate--item{padding-top:7px;padding-bottom:6px
}
.c-animation{
transform:translateY(50px);opacity:0;transition:opacity 2.5s cubic-bezier(.075,.82,.165,1),transform 2.5s cubic-bezier(.075,.82,.165,1);will-change:transform
}
.c-animation.is-animation{
transform:translateY(0);opacity:1
}
.c-tit-arrow{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:54px;padding-bottom:2px;padding-left:10px;border-radius:4px;background-color:#31735e;color:#fff;font-size:20px;font-weight:700;letter-spacing:1.6px;line-height:1
}
.c-tit-arrow .caption{color:#31735e;font-size:12px;font-weight:500;letter-spacing:.4px;line-height:2
}
.c-tit-arrow:after{position:absolute;bottom:-16px;left:calc(50% - 14px);width:0;height:0;border-width:16px 15px 0;border-style:solid;border-color:#31735e transparent transparent;content:""
}
html[data-browser=ie][data-browserversion="11"] .c-tit-arrow:after{bottom:-15px
}
.c-tag__list{display:flex;flex-wrap:wrap;margin-bottom:-5px
}
.c-tag__item{display:inline-block;margin-right:5.8px;margin-bottom:5px;padding:7px 14px 8px;border-radius:4px;background-color:#f3f3f3;color:#99CC33;font-size:12px;font-weight:400;letter-spacing:1px;line-height:1;transition:color .5s ease,background-color .5s ease
}
.c-pager{width:100%
}
.c-pager,.c-pager .pager{display:flex;align-items:center;justify-content:center
}
.c-pager .pager{position:relative;min-width:30px;margin:0 20px;font-family:Prompt,sans-serif;font-size:30px;font-weight:600;line-height:1;transition:color .5s ease
}
.c-pager .pager:after{display:inline-block;position:absolute;top:50%;left:calc(50% - 13px);width:26px;height:2px;transform:rotate(-45deg);transform-origin:center;background-color:#99CC33;content:"";opacity:0
}
.c-pager .pager.is-current{color:#99CC33
}
.c-pager .pager.is-current:after{opacity:1
}
.c-pager .arrow{display:inline-flex;align-items:center;justify-content:flex-end;width:29px;height:29px
}
.c-pager .arrow span{display:inline-block;position:relative;width:7px;height:7px;border-radius:50%;background-color:#302d2c
}
.c-pager .arrow span:after,.c-pager .arrow span:before{display:inline-block;position:absolute;content:""
}
.c-pager .arrow span:before{
top:calc(50% - 1px);right:7px;width:16px;height:2px;background-color:#302d2c;transition:width .5s ease
}
.c-pager .arrow span:after{display:inline-block;top:calc(50% - 12px);left:-25px;width:24px;height:24px;transform:rotate(135deg);border-width:0 2px 2px 0;border-style:solid;border-color:#302d2c;vertical-align:middle;content:"";transition:left .5s ease
}
html[data-browser=ie][data-browserversion="11"] .c-pager .arrow span:after{margin-bottom:1px!important
}
.c-pager .arrow.is-disabled{opacity:.2;pointer-events:none
}
.c-pager .arrow.prev{margin-right:32px
}
.c-pager .arrow.next{margin-left:32px;transform:scale(-1)
}
.c-works-item{width:33.33333%
}
.c-works-item .imagearea{width:100%;height:200px;overflow:hidden
}
.c-works-item .imagearea img{width:100%;height:100%;object-fit:cover;font-family:"object-fit: cover";transition:transform .6s ease
}
.c-works-item .txtarea{margin-top:23px;padding:0 20px
}
.c-works-item .txtarea__tit{display:inline-block;font-size:18px;font-weight:500;letter-spacing:1.44px;line-height:1.77778
}
.c-works-item .txtarea__tags{display:flex;flex-wrap:wrap;margin-top:11px;margin-bottom:-6px
}
.c-works-item .txtarea__tags--item{display:inline-block;margin-right:4px;margin-bottom:6px;padding:5px 9px 4px;border:1px solid #99CC33;border-radius:10px;color:#99CC33;font-size:10px;font-weight:500;line-height:1;transition:color .5s ease,background-color .5s ease
}
.c-ankerlink{display:flex
}
.c-ankerlink__item{display:flex;position:relative;flex-direction:column;align-items:center;width:33%
}
.c-ankerlink__item:before{left:0
}
.c-ankerlink__item:before,.c-ankerlink__item:last-of-type:after{display:inline-block;position:absolute;top:0;width:3px;height:100%;background-image:url(../images/common/line__dotted.svg);background-repeat:repeat-y;background-size:3px 6px;content:""
}
.c-ankerlink__item:last-of-type:after{right:0
}
.c-ankerlink__item .number{margin-left:5px;color:#99CC33;font-family:Prompt,sans-serif;font-size:48px;font-weight:600;letter-spacing:4.6px;line-height:1
}
.c-ankerlink__item .titarea{display:flex;flex-direction:column;align-items:center;margin-top:7px
}
.c-ankerlink__item .titarea .en{margin-left:4px;font-family:Prompt,sans-serif;font-size:12px;font-weight:600;letter-spacing:2.4px;line-height:1;text-align:center
}
.c-ankerlink__item .titarea .en .small{display:inline-block
}
.c-ankerlink__item .titarea .ja{position:relative;margin-top:36px;font-size:16px;font-weight:700;letter-spacing:.8px;line-height:1.75;text-align:center
}
.c-ankerlink__item .arrow{display:inline-block;position:relative;align-items:center;width:2px;height:20px;margin-top:19px;background-color:#302d2c;transition:transform .5s ease
}
.c-ankerlink__item .arrow:after{display:inline-block;position:absolute;bottom:0;left:-7px;width:16px;height:16px;transform:rotate(45deg);border-width:0 2px 2px 0;border-style:solid;border-color:#302d2c;vertical-align:middle;content:""
}
html[data-browser=ie][data-browserversion="11"] .c-ankerlink__item .arrow:after{margin-bottom:1px!important
}
.c-ankerlink__item:first-of-type .number{margin-left:6px;letter-spacing:4.3px
}
.c-blognav{margin-top:9px
}
.c-blognav__inner{display:flex;flex-direction:column
}
.c-blognav__inner.sticky{
top:50px
}
.c-blognav__item:not(:first-of-type){margin-top:70px
}
.c-blognav__item .tit{font-family:Prompt,sans-serif;font-size:24px;font-weight:600;letter-spacing:3.5px;line-height:1
}
.c-blognav__item .linklist{display:flex;position:relative;flex-direction:column;margin-top:32px;padding-top:20px
}
.c-blognav__item .linklist:before{display:inline-block;position:absolute;top:-10px;left:0;width:58px;height:3px;background-image:url(../images/common/line__dotted__x.svg);background-repeat:repeat-x;background-size:6px 3px;content:""
}
.c-blognav__item .linklist__item{list-style:none
}
.c-blognav__item .linklist__item:not(:first-of-type){margin-top:28px
}
.c-blognav__item .linklist__item.en:not(:first-of-type){margin-top:26px
}
.c-blognav__item .linklist__item.en .linklist__link{display:inline-block;font-family:Prompt,sans-serif;font-size:20px;font-weight:400;letter-spacing:1.5px;line-height:1
}
.c-blognav__item .linklist__item.en .linklist__link--num{margin-left:5px;font-size:14px
}
.c-blognav__item .linklist__link{display:flex;align-items:baseline;font-size:16px;font-weight:700;letter-spacing:1.3px;line-height:1;transition:color .5s ease
}
.c-blognav__item .more-btn{display:none;align-items:center;justify-content:center;width:231px;height:40px;margin-top:37px;padding-bottom:1px;padding-left:2px;border:2px solid #302d2c;border-radius:4px;font-size:13px;font-weight:700;letter-spacing:.8px;line-height:1;transition:background-color .5s ease,color .5s ease
}
.c-blognav__item .more-btn.is-show{display:flex
}
html{height:100%
}
body{position:relative;width:100%;min-height:100%;margin:0 auto
}
.mainwrap{
transition:filter .5s ease;transition-delay:50ms
}
.mainwrap__inner{position:relative;top:0;height:100%;overflow:hidden;opacity:1;will-change:top
}
.is-page-leave-animation .mainwrap__inner{
top:10px;opacity:0;transition:opacity .35s ease,top .35s ease
}
.l-page{position:relative;background-color:#fff
}
.l-container{position:relative;width:1130px;min-width:1130px;margin:0 auto
}
body:not(.top) .blog__header,body:not(.top) .c-company-detail,body:not(.top) .l-breadcrumbs,body:not(.top) .l-header,body:not(.top) .l-page-header{
transform:translateY(-20px);opacity:0
}
body:not(.top) .blog__icon{
transform:translateY(5px);opacity:0
}
body:not(.top) .l-page{
transform:translateY(-15px);opacity:0
}
html.is-loaded body:not(.top) .blog__header,html.is-loaded body:not(.top) .blog__icon,html.is-loaded body:not(.top) .c-company-detail,html.is-loaded body:not(.top) .l-breadcrumbs,html.is-loaded body:not(.top) .l-header,html.is-loaded body:not(.top) .l-page-header{
transform:translateY(0);opacity:1;transition:opacity .9s ease,transform .9s ease;transition-delay:.2s
}
html.is-loaded body:not(.top) .blog__icon{
transform:translateY(0);opacity:1;transition:opacity .6s ease,transform .6s ease;transition-delay:1s
}
html.is-loaded body:not(.top) .l-page{
transform:translateY(0);opacity:1;transition:opacity .9s ease,transform .9s ease;transition-delay:.4s
}
html[data-browser=firefox][data-os=mac-os] .mainwrap{filter:none!important
}
.l-breadcrumbs{z-index:10;position:absolute;top:23px;right:20px;margin-bottom:20px
}
.l-breadcrumbs__inner{display:flex;align-items:center;font-size:12px;font-weight:400;line-height:1
}
.l-breadcrumbs__inner>span{display:inline-flex;align-items:center
}
.l-breadcrumbs__inner>span:not(:first-of-type){margin-left:3px
}
.l-breadcrumbs__inner>span:not(:first-of-type):before{margin-right:4px;color:#9d9d9d;content:">"
}
.l-breadcrumbs__inner a{color:#9d9d9d;letter-spacing:.5px
}
.l-footer{display:flex;position:relative;align-items:center;justify-content:center;height:858px;margin-top:132px;overflow:hidden
}
.top .l-footer{margin-top:81px
}
.l-footer:after,.l-footer:before{display:inline-block;z-index:3;position:absolute;top:-500px;width:100%;height:500px;background-color:#fff;content:""
}
.l-footer:before{left:-50%;transform:rotate(-21.4deg);transform-origin:100% 100%
}
.l-footer:after{left:50%;transform:rotate(21.4deg);transform-origin:0 100%
}
.l-footer__inner{display:flex;position:relative;align-items:flex-start;justify-content:center;width:100%;height:100%;margin:0 auto;padding:30px 0 30px 0;
}
.l-footer__inner:after{display:inline-block;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/common/bg__footer__mask.png);background-size:cover;content:""
}
.l-footer .snsarea{margin-top:30px
}
.l-footer .snsarea,.l-footer .snsarea__btn{display:flex;align-items:center;justify-content:center
}
.l-footer .snsarea__btn{width:24px;height:24px
}
.l-footer .snsarea__btn:not(:first-of-type){margin-left:20px
}
.l-footer .snsarea__btn:before{display:inline-block;background-size:cover;content:""
}
.l-footer .snsarea__btn.tw:before{width:24px;height:20px;background-image:url(../images/common/ico__tw.svg)
}
.l-footer .snsarea__btn.ig:before{width:24px;height:24px;background-image:url(../images/common/ico__ig.svg)
}
.l-footer .snsarea__btn.fb:before{width:13px;height:24px;background-image:url(../images/common/ico__fb.svg)
}
.l-footer__gotop{display:flex;z-index:4;position:absolute;top:0;left:calc(50% - 25px);flex-direction:column;align-items:center;justify-content:center;width:50px
}
.l-footer__gotop--line{display:inline-block;display:flex;position:relative;align-items:flex-end;justify-content:center;width:100%;height:59px;overflow:hidden
}
.l-footer__gotop--line:after{display:inline-block;position:absolute;top:0;left:calc(50% - 1px);width:2px;height:100%;background-color:#302d2c;content:"";transition:transform .5s ease
}
.l-footer__gotop--line .arrow{display:inline-block;width:100%;height:100%
}
.l-footer__gotop--line .arrow:after,.l-footer__gotop--line .arrow:before{display:inline-block;position:absolute;top:0;width:13px;height:2px;background-color:#302d2c;content:"";transition:transform .5s ease,top .5s ease
}
.l-footer__gotop--line .arrow:before{left:calc(50% - 11.5px);transform:rotate(-45deg) scaleX(0);transform-origin:100% 100%
}
.l-footer__gotop--line .arrow:after{right:calc(50% - 11.5px);transform:rotate(45deg) scaleX(0);transform-origin:0 100%
}
.l-footer__gotop--txt{display:inline-block;margin-top:14px;padding-left:2.6px;font-family:Prompt,sans-serif;font-size:14px;font-weight:600;letter-spacing:2.7px;line-height:1
}
.l-footer__txtarea{display:flex;z-index:2;position:relative;flex-direction:column;align-items:center;justify-content:flex-start
}
.l-footer__txtarea .tit{margin-top:35px;margin-bottom:22px;padding-left:12.5px;font-size:20px;font-weight:700;letter-spacing:1.59px;line-height:1
}
.l-footer__txtarea .txt{font-size:13px;font-weight:500;letter-spacing:.4px;line-height:2
}
.l-footer__txtarea .txt:not(:first-of-type){margin-top:0
}
.l-footer__txtarea .txt__tel{letter-spacing:.4px
}
.l-footer__txtarea .txt__mail{margin-left:10px;letter-spacing:.4px
}
.l-footer__txtarea .cv{display:block;width:100%;margin-top:29px;border-top:2px solid #302d2c;border-bottom:2px solid #302d2c
}
.l-footer__txtarea .cv__txt{display:inline-block;display:flex;align-items:center;justify-content:center;width:100%;padding:20px 0;font-size:13px;font-weight:500;line-height:1
}
.l-footer__txtarea .cv__txt:before{display:inline-block;width:23px;height:21px;margin-right:15px;margin-left:1px;background-image:url(../images/common/ico__mail__line__black.svg);background-size:cover;content:"";transition:transform .5s ease
}
.l-footer__txtarea .copyright{margin-top:28px;font-family:Prompt,sans-serif;font-size:14px;font-weight:400;letter-spacing:.4px;line-height:1;text-align:center
}
.l-footer__cloud{z-index:4;position:absolute
}
.l-footer__cloud.no-1{
top:248px;left:calc(50% - 375px);width:78px;height:70px
}
.l-footer__cloud.no-2{
top:169px;left:calc(50% + 157px);width:57px;height:51px
}
.l-footer__cloud.no-3{
top:348px;left:calc(50% + 273px);width:76px;height:68px
}
.l-footer__bg{z-index:-1;position:absolute;bottom:0;left:0;width:100%;height:100%;object-fit:cover;font-family:"object-fit: cover"
}
.l-header{z-index:9
}
.l-header,.l-header__inner{position:relative;background-color:#fff
}
.l-header__inner{display:flex;align-items:center;justify-content:center;height:168px;margin:0 auto
}
.top .l-header__inner{height:146px
}
.top .l-header__inner .logo__image{margin-top:18px
}
.l-header__inner .logo__image{margin-top:7px
}
.l-header__inner .logo__image img{width:100%;height:100%
}
.l-floatbtn{z-index:9999;position:fixed;top:calc(50vh - 70px);right:0
}
.is-page-leave-animation .l-floatbtn{
transform:translateX(20px)!important;opacity:0!important;transition-delay:unset!important
}
.l-floatbtn .btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70px;height:70px
}
.l-floatbtn .btn .txt{color:#fff;font-family:Prompt,sans-serif;font-size:8px;font-weight:600;line-height:1
}
.l-floatbtn__hmb{position:relative;padding-bottom:14px;background-color:#99CC33
}
.l-floatbtn__hmb .line{position:relative;width:22px;height:2px;background-color:#fff;transition:.4s ease
}
.l-floatbtn__hmb .line:after,.l-floatbtn__hmb .line:before{display:inline-block;position:absolute;width:100%;height:2px;background-color:#fff;content:"";transition:.4s ease;will-change:transform
}
.l-floatbtn__hmb .line:before{
top:-10px;left:0
}
.l-floatbtn__hmb .line:after{bottom:-10px;left:0
}
.l-floatbtn__hmb .txt{position:absolute;top:47px;letter-spacing:2px;transition:opacity .4s ease,transform .4s ease
}
.l-floatbtn__hmb .txt[data-state=close]{left:17px
}
.l-floatbtn__hmb .txt[data-state=open]{left:17px;opacity:0
}
.is-nav-active .l-floatbtn__hmb .txt[data-state=close]{opacity:0
}
.is-nav-active .l-floatbtn__hmb .txt[data-state=open]{opacity:1
}
.l-floatbtn__contact{background-color:#339900
}
.l-floatbtn__contact .icon:before{display:inline-block;width:23px;height:21px;background-image:url(../images/common/ico__mail__line__white.svg);background-size:cover;content:"";transition:transform .4s ease
}
.l-floatbtn__contact .txt{margin-top:2px;letter-spacing:.5px;transition:transform .4s ease
}
.l-nav{display:flex;visibility:hidden;z-index:999;position:fixed;top:0;right:0;flex-direction:column;align-items:center;justify-content:center;width:50vw;height:100vh;padding:91px 66px;background-color:#fff;opacity:0
}
.is-loaded .l-nav{
transition:opacity .5s ease,visibility .5s ease,transform .5s ease
}
.is-nav-active .l-nav{visibility:visible;opacity:1
}
.l-nav>.inner{display:inline-block
}
.l-nav__inner{width:100%
}
.l-nav__list{display:flex;flex-direction:column;width:100%;list-style:none
}
.l-nav__list:not(:first-of-type){margin-top:44px
}
.l-nav__item{position:relative;height:100%
}
.l-nav__item:not(:first-of-type){margin-top:28px
}
.l-nav__link{display:inline-flex;position:relative;flex-direction:column;color:#302d2c;transition:opacity .5s ease;transition:padding .3s ease,margin .3s ease
}
.l-nav__link:hover{opacity:.8
}
.l-nav__link .ja{font-size:20px;font-weight:700;letter-spacing:4px;line-height:1
}
.l-nav__link .en{font-family:Prompt,sans-serif;font-size:11px;font-weight:600;letter-spacing:3.3px;line-height:1
}
.l-nav__btn{display:inline-flex;flex-direction:column;margin-top:69px
}
.l-nav__btn .caption{font-size:12px;font-weight:700;letter-spacing:2.4px;line-height:1
}
.l-nav__btn .tit{position:relative;font-family:Prompt,sans-serif;font-size:30px;font-weight:600;letter-spacing:4.8px;line-height:1
}
.l-nav__btn .tit:after{display:inline-block;position:absolute;right:-42px;bottom:8px;width:41px;height:52px;background-image:url(../images/common/ico__mag.svg);background-size:cover;content:""
}
.l-nav__bg{visibility:hidden;z-index:98;position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.1);opacity:0;transition:.5s ease;will-change:opacity
}
html[data-browser=firefox][data-os=mac-os] .l-nav__bg,html[data-browser=ie][data-browserversion="11"] .l-nav__bg{background-color:hsla(0,0%,100%,.8)
}
.is-nav-active .l-nav__bg{visibility:visible;opacity:1
}
.l-page-header{z-index:1;position:relative
}
.l-page-header__inner{display:flex;position:relative;align-items:flex-end;justify-content:center;height:240px;background-position:50%;background-repeat:no-repeat;background-size:cover
}
.l-page-header__inner:before{display:inline-block;position:absolute;background-size:cover;content:""
}
.l-page-header__tit{position:relative;padding-bottom:1px
}
.l-page-header__tit .ja{display:inline-block;padding-left:6px;font-family:Prompt,Noto Sans JP,sans-serif;font-size:35px;font-weight:700;letter-spacing:5.2px;line-height:1
}
html[data-browser=safari] .l-page-header__tit .ja{letter-spacing:5px
}
.l-page-header__tit .en{display:inline-block;position:absolute;bottom:-56px;left:6px;color:#99CC33;font-family:Prompt,sans-serif;font-size:13px;font-weight:500;letter-spacing:4px;line-height:1
}
.top__weatherinfo{z-index:99;position:absolute;top:31px;right:27px
}
.top__weatherinfo--inner{display:flex;position:relative;flex-direction:column;align-items:center
}
.top__weatherinfo--icon{width:52px;height:52px;background-position:50%;background-repeat:no-repeat;background-size:cover
}
.top__weatherinfo--icon[data-weather=clear]{background-image:url(../images/common/ico__clear.svg)
}
.top__weatherinfo--icon[data-weather=clouds]{background-image:url(../images/common/ico__clouds.svg)
}
.top__weatherinfo--icon[data-weather=rain]{background-image:url(../images/common/ico__rain.svg)
}
.top__weatherinfo--icon[data-weather=snow]{background-image:url(../images/common/ico__snow.svg)
}
.top__weatherinfo--info{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:12px;font-family:Prompt,sans-serif;font-size:11px;font-weight:600;letter-spacing:.3px;line-height:1
}
.top__weatherinfo--info .city{margin-top:3px
}
.top__weatherinfo--temperature{width:100%;margin-top:7px;padding-top:6px;padding-left:9px;border-top:2px solid #302d2c;font-family:Prompt,sans-serif;font-size:32px;font-weight:600;letter-spacing:3.1px;line-height:1;text-align:center
}
.top__mv{position:relative
}
.top__mv--catchcopy{display:flex;z-index:99;position:absolute;top:-66px;right:18.35%;flex-direction:row-reverse;width:72px;height:182px
}
.top__mv--catchcopy .txt{-ms-writing-mode:tb-rl;position:relative;writing-mode:vertical-rl
}
.top__mv--catchcopy .txt:not(:first-of-type){margin-right:24px
}
.top__mv--catchcopy .txt span{position:relative;font-size:20px;font-weight:700;letter-spacing:6px;line-height:1
}
.top__mv--catchcopy .txt span:after{display:inline-block;position:absolute;right:2px;bottom:-24px;content:"";content:"。"
}
.top__mv--slide{position:relative;height:calc(100vh - 146px)
}
.top__mv--slide:before{display:inline-block;z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/top/mask__mv.png);background-position:top;background-size:100%;content:""
}
html[data-browser=safari] .top__mv--slide:before{
top:-1px
}
.top__mv--slide-inner{will-change:transform
}
.top__mv--slide-item{display:flex;align-items:center;justify-content:center;overflow-x:hidden
}
.top__mv--slide-item .image{width:100%;height:100%;overflow:hidden
}
.top__mv--slide-item .image img{width:100%;height:100%;object-fit:cover;transform:scale(1.1) translateX(0);font-family:"object-fit: cover"
}
.top__mv--slide-item.swiper-slide-active .image img,.top__mv--slide-item.swiper-slide-duplicate-active .image img,.top__mv--slide-item.swiper-slide-prev .image img{
animation:zoomfade 7s linear 0s 1 forwards;will-change:transform
}
@keyframes zoomfade{0%{
transform:scale(1.1) translateX(0)
}
to{
transform:scale(1.1) translateX(-4%)
}

}
.top__mv--slide-progressbar{z-index:1;position:absolute;bottom:0;left:0;width:100%;height:5px;transform:translateX(-100%);background-color:#99CC33;will-change:transform
}
.top__mv--slide-progressbar.is-progress{
transform:translateX(0);transition:transform 5.5s linear
}
.top__mv--blog{display:inline-block;z-index:1;position:absolute;right:20px;bottom:20px
}
.top__mv--blog .inner{display:flex;width:550px;height:40px;overflow:hidden;border-radius:30px
}
.top__mv--blog .inner .date{min-width:115px;background-color:#99CC33;color:#fff;font-family:Prompt,sans-serif;font-size:12px;font-weight:400;line-height:1
}
.top__mv--blog .inner .tit{display:flex;align-items:center;width:100%;height:100%;padding-bottom:2px;font-size:14px;font-weight:500;letter-spacing:.4px;line-height:1;transition:background-color .5s ease
}
html[data-browser=ie][data-browserversion="11"] .top__mv--blog .inner .tit{padding-top:1px;padding-bottom:0
}
.top__works{margin-top:43px
}
.top__works--titarea .tit{font-family:Prompt,sans-serif;font-size:24px;font-weight:600;letter-spacing:1.9px;line-height:1.25
}
.top__works--list{display:flex;margin-top:13px
}
.top__concept{margin-top:181px
}
.top__concept,.top__concept--txtarea{display:flex;position:relative;flex-direction:column;align-items:center
}
.top__concept--txtarea{z-index:1;width:400px
}
.top__concept--txtarea .tit{margin-left:24px;font-size:42px;font-weight:700;letter-spacing:4.2px;line-height:1.69048;text-align:center
}
.top__concept--txtarea .txt{margin-top:20px;font-size:16px;font-weight:500;line-height:2.125;text-align:center
}
.top__concept--txtarea .btn{margin-top:41px
}
.top__concept--cloud{z-index:1;position:absolute
}
.top__concept--cloud.no-1{
top:-18px;left:calc(50% - 477px);width:201px;height:119px
}
.top__concept--cloud.no-2{
top:-104px;left:calc(50% + 208px);width:170px;height:101px
}
.top__concept--cloud.no-3{
top:130px;left:calc(50% + 349px);width:126px;height:75px
}
.top__concept--cloud.no-4{bottom:-38px;left:calc(50% + 354px);width:166px;height:98px
}
.top__concept--bg{position:relative;margin-top:-228px
}
.top__concept--bg,.top__concept--bg .image{width:100%;height:100%
}
.top__morecontent{margin-top:86px
}
.top__morecontent--item{z-index:1;position:relative;width:400px
}
.top__morecontent--item .txtarea__tit{font-size:30px;font-weight:700;letter-spacing:3.1px;line-height:1.86667
}
.top__morecontent--item .txtarea__tit span{position:relative
}
.top__morecontent--item .txtarea__tit span:before{display:inline-block;position:absolute;top:-11px;left:calc(50% - 7px);width:7px;height:7px;border-radius:50%;background-color:#99CC33;content:""
}
.top__morecontent--item .txtarea__txt{margin-top:21px;font-size:16px;font-weight:500;letter-spacing:.51px;line-height:2.125
}
.top__morecontent--item .txtarea__btn{margin-top:27px
}
.top__morecontent--cloud{z-index:1;position:absolute
}
.top__morecontent--cloud.no-1{
top:528px;left:84px;width:170px;height:101px
}
.top__morecontent--cloud.no-2{
top:-4px;left:calc(50% - 63px);width:126px;height:75px
}
.top__morecontent--cloud.no-3{
top:751px;left:-76px;width:150px;height:88px
}
.top__morecontent--cloud.no-4{z-index:0;right:-41px;bottom:183px;width:228px;height:134px
}
.top__cv{display:inline-block;position:relative;width:100%;margin-top:120px
}
.top__cv--tit{display:flex;top:-48px;flex-direction:row-reverse;align-items:flex-start;width:62px
}
.top__cv--tit .txt{-ms-writing-mode:tb-rl;position:relative;font-size:20px;font-weight:700;letter-spacing:6px;line-height:1;writing-mode:vertical-rl
}
.top__cv--tit .txt:not(:first-of-type){margin-top:18px;margin-right:22px
}
.top__cv--tit .txt:after{-ms-writing-mode:lr-tb;display:inline-block;z-index:1;position:absolute;right:1px;bottom:-21px;transform:rotate(32deg);content:"";content:"!";writing-mode:horizontal-tb
}
.top__cv--imagearea{
text-align:center
}
.top__cv--imagearea .image{position:relative
}
.top__cv--imagearea .image:after{display:inline-block;position:absolute;top:calc(50% - 106.5px);left:calc(50% - 119px);width:246px;height:207px;background-image:url(../images/top/txt__cv.svg);content:"";transition:transform .5s ease
}
.top__mag{margin-top:90px;background-image:url(../images/common/bg__mag.svg);background-repeat:repeat-x;background-size:456px 466px
}
.top__mag--inner{display:flex;flex-direction:column;align-items:center;width:1065px;margin:0 auto
}
.top__mag--titarea{position:relative;margin-top:2px
}
.top__mag--titarea .tit{display:inline-block;position:relative;margin-left:8px;font-family:Prompt,sans-serif;font-size:40px;font-weight:600;letter-spacing:8px;line-height:1.3;text-align:left
}
.top__mag--titarea .tit:after{display:inline-block;position:absolute;right:34px;bottom:1px;width:41px;height:52px;background-image:url(../images/common/ico__mag.svg);background-size:cover;content:""
}
.top__mag--titarea .caption{display:inline-flex;position:absolute;right:-79px;bottom:14px;flex-direction:column;transform:rotate(-4deg);font-size:11px;font-weight:700;letter-spacing:1px;line-height:1
}
.top__mag--titarea .caption .txt:not(:first-of-type){margin-top:14px
}
.top__mag--titarea .caption .txt span{display:inline-block;position:relative
}
.top__mag--titarea .caption .txt span:after{display:inline-block;position:absolute;bottom:-9px;left:0;width:100%;height:2px;background-color:#302d2c;background-repeat:repeat-x;content:""
}
.top__mag--list{display:flex;justify-content:space-between;width:100%;margin-top:61px
}
.top__mag--list .c-blogitem{width:335px
}
.top__mag--list .c-blogitem .imagearea{height:200px
}
.top__mag--btn{width:400px;margin-top:60px
}
.privacy .l-page-header__inner{background-image:url(../images/privacy/img__header.jpg)
}
.privacy .l-page-header__inner:before{bottom:-13px;left:calc(50% - 337px);width:672px;height:182px;background-image:url(../images/common/bg__header__crown.svg)
}
.privacy__area{width:780px;margin:205px auto 0;padding-left:80px;counter-reset:item
}
.privacy__item{z-index:1;position:relative
}
.privacy__item:not(:first-of-type){margin-top:80px
}
.privacy__item:before{display:inline-block;z-index:-1;position:absolute;top:-10px;left:-80px;color:#99CC33;font-family:Prompt,sans-serif;font-size:40px;font-weight:600;letter-spacing:5.5px;line-height:1;content:"";content:counter(item,decimal-leading-zero);counter-increment:item
}
.privacy__item:first-of-type:before{letter-spacing:11px
}
.privacy__item--tit{/* padding-left:76px;*/ font-size:20px;font-weight:700;letter-spacing:1.8px;line-height:1
}
.privacy__item--txtarea{margin-top:28px
}
.privacy__item--txtarea,.privacy__item--txtarea .tit{font-size:16px;font-weight:500;line-height:2.125
}
.privacy__item--txtarea .tit+.list{padding-left:17px
}
.privacy__item--txtarea .list{list-style:none
}
.privacy__item--txtarea .list__item{display:flex
}
.privacy__item--txtarea .list__item:before{display:inline-block;width:14px;min-width:14px;height:14px;margin-top:11px;margin-right:6px;border-radius:50%;background-color:#99CC33;content:""
}
.privacy__contact{margin-top:70px
}
.privacy__contact .txt{font-size:16px;font-weight:500;line-height:2.125;text-align:right
}
.concept .l-page-header__inner{background-image:url(../images/concept/img__header.jpg)
}
.concept .l-page-header__inner:before{bottom:-82px;left:calc(50% - 208.5px);width:417px;height:263px;background-image:url(../images/common/bg__header__house.svg)
}
.concept .l-page-header__tit .ja{display:inline-block;padding-left:8px;font-size:40px;letter-spacing:8px;line-height:1.45
}
.concept .l-page-header__caption{position:absolute;bottom:-47px;left:calc(50% + 113px);transform:rotate(-10deg);font-family:Prompt,sans-serif;font-size:10px;font-weight:500;letter-spacing:1.1px;line-height:1.7
}
.concept__area{margin-top:191px
}
.concept__intro{display:flex;position:relative;flex-direction:column;align-items:center
}
.concept__intro--tit{margin-left:8px;font-size:35px;font-weight:700;letter-spacing:3.5px;line-height:1.68571;text-align:center
}
.concept__intro--txt{width:640px;margin-top:34px;font-size:16px;font-weight:500;line-height:2.125
}
.concept__intro--cloud{z-index:1;position:absolute
}
.concept__intro--cloud.no-1{
top:-119px;left:calc(50% - 394px);width:170px;height:101px
}
.concept__intro--cloud.no-2{
top:10.7%;left:calc(50% + 415px);width:126px;height:75px
}
.concept__intro--cloud.no-3{
top:27.2%;left:calc(50% - 549px);width:138px;height:81px
}
.concept__intro--bg{position:relative;width:100%;margin-top:75px
}
.concept__intro--bg:before{display:inline-block;position:absolute;top:-69px;left:calc(50% + 465px);width:52px;height:72px;background-image:url(../images/common/ico__chicken.svg);background-size:cover;content:""
}
.concept__intro--bg:after{display:inline-block;z-index:1;position:absolute;bottom:-2px;left:0;width:100%;height:100%;background-image:url(../images/concept/mask01.png);background-position-y:100%;background-size:100%;content:""
}
.concept__intro--bg .image{width:100%
}
.concept__link{margin-top:112px
}
.concept__listarea{margin-top:201px
}
.concept__listarea--item{display:flex;position:relative;flex-direction:column;align-items:center
}
.concept__listarea--item .titarea{display:inline-flex;position:relative;flex-direction:column;align-items:center;font-family:Prompt,sans-serif
}
.concept__listarea--item .titarea:before{display:inline-block;position:absolute;top:-60px;left:calc(50% - 167px);width:334px;height:172px;background-image:url(../images/common/ico__home__line.svg);content:""
}
.concept__listarea--item .titarea__number{margin-left:4px;color:#99CC33;font-size:80px;font-weight:600;letter-spacing:4px;line-height:1
}
.concept__listarea--item .titarea__tit{margin-top:8px;margin-left:3px;font-size:14px;font-weight:600;letter-spacing:2.8px;line-height:1
}
.concept__listarea--item .item{z-index:1;position:relative;width:100%;margin-top:130px
}
.concept__listarea--item .item:not(:first-of-type){margin-top:92px
}
.concept__listarea--item .item__txtarea--tit{font-size:35px;font-weight:700;letter-spacing:2.75px;line-height:1.68571
}
.concept__listarea--item .item__txtarea--tit span{position:relative
}
.concept__listarea--item .item__txtarea--tit span:before{display:inline-block;position:absolute;top:-6px;left:calc(50% - 7px);width:7px;height:7px;border-radius:50%;background-color:#99CC33;content:""
}
.concept__listarea--item .item__txtarea--txt{width:332px;margin-top:23px;font-size:16px;font-weight:500;line-height:2.125
}
.concept__listarea--item .option{display:flex;flex-direction:column;align-items:center;width:988px;margin-top:103px;margin-left:142px;padding:30px 30px 38px;background-color:#f3f3f3
}
.concept__listarea--item .option__tit{width:840px;margin-top:-57px
}
.concept__listarea--item .option__flowtxt{display:flex;flex-wrap:wrap;width:100%;margin-top:45px;margin-bottom:-21px;list-style:none;counter-reset:item
}
.concept__listarea--item .option__flowtxt li{display:flex;align-items:center;margin-bottom:21px;font-size:20px;font-weight:700;letter-spacing:1.6px;line-height:1
}
.concept__listarea--item .option__flowtxt li:last-of-type{margin-right:0
}
.concept__listarea--item .option__flowtxt li:before{display:inline-block;display:flex;align-items:center;justify-content:center;width:38px;min-width:38px;height:38px;margin-right:7px;padding-left:5px;border-radius:50%;box-shadow:inset 0 0 0 3px #31735e;color:#31735e;font-family:Prompt,sans-serif;font-size:20px;font-weight:600;letter-spacing:5.5px;line-height:1;content:"";content:counter(item);counter-increment:item
}
.concept__listarea--item .option.powerlist{margin-top:77px;padding:30px 38px 38px
}
.concept__listarea--item .option__powerlist{display:flex;align-items:flex-start;justify-content:space-between;width:100%;margin-top:43px;list-style:none;counter-reset:item
}
.concept__listarea--item .option__powerlist--item{width:calc(33.33333% - 10px)
}
.concept__listarea--item .option__powerlist--item .tit{display:flex;font-size:18px;font-weight:700;letter-spacing:1.4px;line-height:1.66667
}
.concept__listarea--item .option__powerlist--item .tit:before{display:inline-block;display:flex;align-items:center;justify-content:center;width:38px;min-width:38px;height:38px;margin-top:-3px;margin-right:7px;padding-left:5px;border-radius:50%;box-shadow:inset 0 0 0 3px #31735e;color:#31735e;font-family:Prompt,sans-serif;font-size:20px;font-weight:600;letter-spacing:5.5px;line-height:1;content:"";content:counter(item);counter-increment:item
}
.concept__listarea--item .option__powerlist--item .txt{display:inline-block;margin-top:18px;font-size:14px;font-weight:500;line-height:1.71429
}
.concept__listarea--item .option__powerlist--item .caption{display:inline-block;margin-top:8px;font-size:12px;font-weight:500;line-height:2
}
.concept__listarea--item .option__line{display:inline-block;z-index:1;position:relative;width:100%;margin-top:32px;text-align:center
}
.concept__listarea--item .option__line:before{display:inline-block;z-index:-1;position:absolute;top:calc(50% - 1.5px);left:0;width:100%;height:3px;background-color:#31735e;content:""
}
.concept__listarea--item .option__line span{display:inline-block;padding:0 12px 0 13px;background-color:#f3f3f3;color:#31735e;font-size:16px;font-weight:700;letter-spacing:1.2px;line-height:1
}
.concept__listarea--item .option__list{display:flex;justify-content:space-between;width:100%;margin-top:19px;padding:0 9px
}
.concept__listarea--item .option__list--item{width:150px
}
.concept__listarea--item .option__list--item .image{width:100%;height:150px
}
.concept__listarea--item .option__list--item .tit{margin-top:6px;font-size:10px;font-weight:400;letter-spacing:.3px;line-height:1.8
}
.concept__listarea--item .infoarea{display:flex;flex-direction:column;align-items:center;width:975px;margin-top:114px;margin-left:-4px;padding:34px 30px 40px;background-color:#f3f3f3
}
.concept__listarea--item .infoarea__tit{margin-left:6px;font-size:16px;font-weight:700;letter-spacing:1.28px;line-height:1;text-align:center
}
.concept__listarea--item .infoarea__iframearea{display:flex;width:100%;margin-top:30px
}
.concept__listarea--item .infoarea__iframearea .iframeitem{width:50%;height:240px
}
.concept__listarea--item .infoarea__iframearea .iframeitem iframe{width:100%;height:100%;border:none
}
.concept__listarea--item .infoarea__btn{width:400px;margin-top:29px;margin-left:4px
}
.concept__listarea--item .flowarea{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:94px
}
.concept__listarea--item .flowarea__tit{width:562px
}
.concept__listarea--item .flowarea__inner{margin-top:46px
}
.concept__listarea--item .cloud{z-index:1;position:absolute
}
.concept__listarea--item.planning .cloud.no-1{
top:-4px;left:calc(50% + 165px);width:170px;height:101px
}
.concept__listarea--item.planning .cloud.no-2{
top:492px;left:calc(50% + 167px);width:146px;height:86px
}
.concept__listarea--item.planning .cloud.no-3{
top:923px;left:calc(50% + 336px);width:141px;height:84px
}
.concept__listarea--item.building .cloud.no-1{
top:0;left:calc(50% - 335px);width:170px;height:101px
}
.concept__listarea--item.building .cloud.no-2{
top:136px;left:calc(50% + 298px);width:146px;height:86px
}
.concept__listarea--item.building .cloud.no-3{
top:524px;left:calc(50% + 10px);width:141px;height:84px
}
.concept__listarea--item.search .cloud.no-1{
top:19px;left:calc(50% + 165px);width:113px;height:67px
}
.concept__listarea--item.search .cloud.no-2{
top:77px;left:calc(50% + 312px);width:170px;height:101px
}
.concept__listarea--item.search .cloud.no-3{
top:655px;left:calc(50% - 515px);width:146px;height:86px
}
.concept__listarea--item.followup .cloud.no-1{
top:-30px;left:calc(50% - 376px);width:112px;height:67px
}
.concept__listarea--item.followup .cloud.no-2{
top:78px;left:calc(50% + 278px);width:146px;height:86px
}
.concept__outro{position:relative;margin-top:128px
}
.concept__outro:before{position:absolute;top:-83px;left:calc(50% - 39px);width:0;height:0;border-width:44px 39.5px 0;border-style:solid;border-color:#99CC33 transparent transparent;content:""
}
.concept__outro--txt{margin-left:3px;font-size:30px;font-weight:700;letter-spacing:3px;line-height:1.96667;text-align:center
}
.concept__outro--cloud{z-index:1;position:absolute
}
.concept__outro--cloud.no-1{bottom:-227px;left:calc(50% - 313px);width:126px;height:75px
}
.concept__outro--cloud.no-2{bottom:-155px;left:calc(50% - 82px);width:170px;height:101px
}
.concept__outro--cloud.no-3{bottom:-191px;left:calc(50% + 174px);width:126px;height:75px
}
.athome{width:100%
}
.athome .ser-koma{border:0 solid #fff!important;background:none!important
}
.u-option-link{
text-align:left;text-decoration:underline
}

.works .l-page-header__inner{background-image:url(../images/works/img__header.jpg)
}

/*
.works .l-page-header__inner:before{bottom:-13px;left:calc(50% - 337px);width:672px;height:182px;background-image:url(../images/common/bg__header__crown.svg)
}
/*
.works .l-page-header__inner{
align-items:flex-start;background:none
}
.works .l-page-header__inner:after,.works .l-page-header__inner:before{width:495px;height:240px;background-size:cover
}
.works .l-page-header__inner:before{bottom:0;left:0;background-image:url(../images/works/img__header01.jpg)
}
.works .l-page-header__inner:after{display:inline-block;position:absolute;top:0;right:0;background-image:url(../images/works/img__header02.jpg);content:""
}
*/

.works .l-page-header__tit{z-index:1;margin-top:40px;padding:50px;background-color:#fff;
border-top-left-radius:20px;     /*左上*/
border-top-right-radius:20px;    /*右上*/
/* border-bottom-left-radius:50px;  /*左下*/
/* border-bottom-right-radius:70px  /*右下*/

}
.works .l-page-header__tit .ja{display:inline-block;padding-left:7.8px;font-size:40px;letter-spacing:7.8px;line-height:1.425
}
.works .l-page-header__caption{z-index:2;position:absolute;bottom:120px;left:calc(50% - 18px);transform:rotate(-10deg);font-family:Prompt,sans-serif;font-size:10px;font-weight:500;letter-spacing:1.1px;line-height:1.7
}
.works__area{margin-top:87px
}
.works__list{margin-top:70px
}
.works__list--item{display:inline-block
}
.works__list--item:not(:first-of-type){margin-top:60px
}
.works__list--item .imagearea{width:100%;height:400px;overflow:hidden
}
.works__list--item .imagearea img{width:100%;height:100%;object-fit:cover;font-family:"object-fit: cover";transition:transform .6s ease
}
.works__list--item .txtarea{display:flex;flex-direction:column;margin-top:13px;padding:0 100px
}
.works__list--item .txtarea__tit{font-size:18px;font-weight:500;letter-spacing:1.44px;line-height:2.33333
}
.works__list--item .txtarea__tags{margin-top:13px
}
.works .c-pager{margin-top:107px
}
.works .c-footer-cv{margin-top:194px
}
.works-detail__mv{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:calc(100vh - 168px);overflow:hidden
}
.works-detail__mv:after{display:inline-block;z-index:1;position:absolute;bottom:0;left:0;width:100%;height:417px;background:linear-gradient(rgba(3,3,3,0),rgba(0,0,0,.3));content:""
}
.works-detail__mv--inner{display:flex;z-index:2;position:relative;align-items:flex-end;width:1011px;height:100%
}
.works-detail__mv--inner .txtarea{display:flex;flex-direction:column;margin-bottom:43px
}
.works-detail__mv--inner .txtarea__tit{margin-left:-2px;color:#fff;font-size:35px;font-weight:700;letter-spacing:.1em;line-height:1.68571;text-shadow:0 3px 6px rgba(0,0,0,.16)
}
.works-detail__mv--inner .txtarea__meta{margin-top:17px;color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;line-height:1
}
.works-detail__mv--inner .txtarea__meta--family{margin-left:-2px
}
.works-detail__mv--inner .txtarea__meta--family:before{display:inline-block;width:1px;height:15px;margin-right:10px;transform:rotate(45deg);transform-origin:left bottom;background-color:#fff;content:""
}
.works-detail__mv--image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;font-family:"object-fit: cover"
}
.works-detail__txtarea{width:900px;margin:56px auto 0
}
.works-detail__txtarea .intro-txt{width:640px;margin:0 auto;font-size:16px;font-weight:500;line-height:2.125
}
.works-detail__txtarea .spec{display:flex;justify-content:space-between;width:640px;margin:59px auto 81px
}
.works-detail__txtarea .spec__inner{display:flex;flex-direction:column;width:calc(50% - 10px)
}
.works-detail__txtarea .spec__item{display:flex;padding-bottom:18px;border-bottom:2px solid #cdd6dd;font-size:14px;font-weight:500;line-height:1
}
.works-detail__txtarea .spec__item:not(:first-of-type){margin-top:15px
}
.works-detail__txtarea .spec__item dd{font-weight:400
}
.works-detail__txtarea .image-wrap{display:flex;flex-wrap:wrap;margin-top:65px
}
.works-detail__txtarea p{width:640px;margin:45px auto 0;font-size:16px;font-weight:500;line-height:2.125
}
.works-detail__txtarea img{width:100%;height:100%
}
.works-detail__other{margin-top:127px
}
.works-detail__other--tit{display:flex;z-index:1;position:relative;align-items:center;justify-content:center;padding-left:6px;font-family:Prompt,sans-serif;font-size:30px;font-weight:600;letter-spacing:6px;line-height:1
}
.works-detail__other--tit:before{display:inline-block;z-index:-1;position:absolute;bottom:-15px;left:calc(50% - 53.5px);width:107px;height:97px;background-image:url(../images/common/ico__home.svg);content:""
}
.works-detail__other--list{display:flex;margin-top:51px
}
.works-detail__btn{width:577px;margin:80px auto 0
}
.works-detail .c-footer-cv{margin-top:186px
}
.company .l-page-header__inner{background-image:url(../images/company/img__header.jpg)
}
.company .l-page-header__inner:before{bottom:-46px;left:calc(50% - 240.5px);width:481px;height:226px;background-image:url(../images/common/bg__header__house__double.svg)
}
.company .l-page-header__tit .ja{display:inline-block;padding-left:8px;font-size:40px;letter-spacing:8px;line-height:1.45
}
.company .l-page-header__caption{position:absolute;top:130px;/* left:calc(50% + 142px);*/ transform:rotate(-10deg);font-family:Prompt,sans-serif;font-size:10px;font-weight:500;letter-spacing:1.1px;line-height:1.7
}
.company__area{margin-top:191px
}
.company__intro{display:flex;position:relative;justify-content:space-between
}
.company__intro--txtarea{width:460px;margin-left:4px
}
.company__intro--tit{font-size:35px;font-weight:700;letter-spacing:3.39px;line-height:1.68571
}
.company__intro--txt{margin-top:25px;margin-left:5px;font-size:16px;font-weight:500;line-height:2.125
}
.company__intro--imagearea{width:326px;height:286px;margin:41px -3px 0 0
}
.company__intro--cloud{z-index:1;position:absolute
}
.company__intro--cloud.no-1{
top:-21px;left:calc(50% - 601px);width:141px;height:84px
}
.company__intro--cloud.no-2{
top:-120px;left:calc(50% + 109px);width:170px;height:101px
}
.company__intro--cloud.no-3{
top:151px;left:calc(50% + 492px);width:126px;height:75px
}
.company__link{margin-top:98px
}
.company__link--item .titarea{margin-top:20px
}
.company__sec{margin-top:157px
}
.company__sec--item .titarea__tit,.company__sec--item .titarea__tit .en{display:flex;flex-direction:column;align-items:center
}
.company__sec--item .titarea__tit .en{margin-left:8px;font-family:Prompt,sans-serif;font-size:45px;font-weight:600;letter-spacing:9px;line-height:1
}
.company__sec--item .titarea__tit .en span{margin-bottom:24px;margin-left:-4px;font-size:18px;letter-spacing:3.6px
}
.company__sec--item .titarea__tit .ja{position:relative;margin-top:46px;padding-left:1px;font-size:16px;font-weight:700;letter-spacing:1.6px;line-height:1
}
.company__sec--item .titarea__tit .ja:before{display:inline-block;position:absolute;top:-31px;left:calc(50% - 30px);width:60px;height:10px;border-radius:5px;background-color:#99CC33;content:""
}
.company__sec--item.policy{margin-top:148px
}
.company__sec--item.overview{margin-top:125px
}
.company__sec--item.modelhouse{margin-top:132px
}
.company__stafflist{display:flex;flex-direction:column;margin:82px auto 0
}
.company__stafflist--item{display:flex;width:600px;padding:20px 15px 26px;border-bottom:2px solid #99CC33
}
.company__stafflist--item:not(:first-of-type){margin-top:60px
}
.company__stafflist--item .txtarea{display:flex;flex-direction:column;width:100%
}
.company__stafflist--item .txtarea__meta{display:flex;flex-direction:column;margin-left:2px
}
.company__stafflist--item .txtarea__meta--position{font-size:14px;font-weight:700;letter-spacing:1.2px;line-height:1
}
.company__stafflist--item .txtarea__meta--name{display:flex;align-items:center;margin-top:16px
}
.company__stafflist--item .txtarea__meta--name .ja{font-size:21px;font-weight:700;letter-spacing:4px;line-height:1
}
.company__stafflist--item .txtarea__meta--name .en{margin-top:2px;margin-left:13px;color:#99CC33;font-family:Prompt,sans-serif;font-size:14px;font-weight:600;letter-spacing:2.8px;line-height:1
}
.company__stafflist--item .txtarea__txt{margin-top:30px;font-size:14px;font-weight:500;letter-spacing:.4px;line-height:2.14286
}
.company__policy{display:flex;align-items:center;justify-content:center;width:100%;height:610px;margin-top:54px;background-image:url(../images/company/bg__policy.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover
}
.company__policy .inner{display:flex;align-items:center;justify-content:space-between;padding:70px;border-radius:4px;background-color:#fff
}
.company__policy .txtarea{margin-top:10px
}
.company__policy .txtarea__tit{font-size:26px;font-weight:700;letter-spacing:2.6px;line-height:1
}
.company__policy .txtarea__txt{margin-top:32px;padding-right:10px;font-size:14px;font-weight:400;letter-spacing:.4px;line-height:2.14286
}
.company__policy .imagearea{position:relative
}
.company__policy .imagearea img{width:100%;height:100%
}
html[data-browser=ie][data-browserversion="11"] .company__policy .imagearea:after{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/common/logo.png);background-size:cover;content:""
}
html[data-browser=ie][data-browserversion="11"] .company__policy .imagearea img{display:none
}
.company__overview{margin-top:70px
}
.company__overview .tit{margin-left:17px;font-size:26px;font-weight:700;letter-spacing:2.6px;line-height:1;text-align:center
}
.company__overview .inner{display:flex;width:900px;margin:58px auto 0
}
.company__overview .inner .list{display:flex;flex-direction:column
}
.company__overview .inner .list:not(:first-of-type){margin-left:40px
}
.company__overview .inner .item{display:flex;width:430px;padding-bottom:17px;padding-left:5px;border-bottom:2px solid #cdd6dd;font-size:14px;font-weight:400;line-height:1
}
.company__overview .inner .item:not(:first-of-type){margin-top:16px
}
.company__overview .inner .item dd{line-height:1.6
}
.company__overview .inner .item dd a{
text-decoration:underline
}
.company__overview .inner .item dt{min-width:108px;font-weight:500;line-height:1.6
}
.company__modelhouse{margin-top:47px
}
.company__modelhouse .tit{margin-left:2px;font-size:26px;font-weight:700;letter-spacing:2.6px;line-height:2.07692;text-align:center
}
.company__modelhouse .slide{height:500px;margin-top:33px
}
.company__modelhouse .slide__item{width:900px!important;height:100%;margin:0 -35px
}
.company__modelhouse .slide__item img{
transform:scale(.8);transform-origin:center;transition:transform .8s ease
}
.company__modelhouse .slide__item.swiper-slide-active img,.company__modelhouse .slide__item.swiper-slide-duplicate-active img{
transform:scale(1)
}
.company__modelhouse .detailarea{display:flex;width:900px;margin:55px auto 0
}
.company__modelhouse .detailarea__txt .txt{font-size:14px;font-weight:400;line-height:2.14286
}
.company__modelhouse .detailarea__image{display:flex
}
.company__modelhouse .detailarea__image .image-1f{width:437px;height:308px
}
.company__modelhouse .detailarea__image .image-2f{width:252px;height:306px;margin-top:9px
}
.company__modelhouse .btn{width:577px;margin:45px auto 0
}
.company__modelhouse .maparea{position:relative;width:100%;height:678px;margin-top:50px
}
.company__modelhouse .maparea iframe{width:100%;height:100%;border:none
}
.company__modelhouse .mapdetail{display:flex;position:relative;align-items:center;justify-content:center;padding:47px 0 68px;background-color:#f3f3f3
}
.company__modelhouse .mapdetail__list{display:flex;/*width:812px*/
}
.company__modelhouse .mapdetail__list--item .item{display:flex;font-size:14px;font-weight:400;line-height:1.85714
}
.company__modelhouse .mapdetail__list--item .item:not(:first-of-type){margin-top:6px
}
.company__modelhouse .mapdetail__list--item .item dt{min-width:57px;font-weight:500
}
.company__modelhouse .mapdetail__list--item .item dd b{display:inline-block;margin-bottom:2px;font-weight:700
}
.company__modelhouse .mapdetail__list--item .item.adjust dt{min-width:66px
}
.company__modelhouse .mapdetail__list--item .item.adjust dd{margin-top:2px
}
.company__modelhouse .mapdetail__list--item .map-btn{display:flex;align-items:center;justify-content:center;width:330px;height:40px;margin-top:18px;padding-bottom:2px;padding-left:3px;border:2px solid #302d2c;border-radius:4px;font-size:13px;font-weight:700;letter-spacing:.65px;line-height:1
}
.company__modelhouse .mapdetail__btn{position:absolute;bottom:-30px;left:calc(50% - 288.5px);width:577px
}
.company .l-footer{margin-top:111px
}
.wp-block-embed-youtube{position:relative;width:100%;height:0;margin-bottom:50px;padding-bottom:56.25%;overflow:hidden
}
.wp-block-embed-youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%
}
.blog__area--article .main-content>div,.blog__area--article .main-content>figure,.blog__area--article .main-content>h1,.blog__area--article .main-content>h2,.blog__area--article .main-content>h3,.blog__area--article .main-content>h4,.blog__area--article .main-content>h5,.blog__area--article .main-content>h6,.blog__area--article .main-content>p{margin-top:60px!important
}
.blog__area--article .main-content>:first-child,.blog__area--article .main-content>h1+div,.blog__area--article .main-content>h1+figure,.blog__area--article .main-content>h1+p,.blog__area--article .main-content>h2+div,.blog__area--article .main-content>h2+figure,.blog__area--article .main-content>h2+p,.blog__area--article .main-content>h3+div,.blog__area--article .main-content>h3+figure,.blog__area--article .main-content>h3+p,.blog__area--article .main-content>h4+div,.blog__area--article .main-content>h4+figure,.blog__area--article .main-content>h4+p,.blog__area--article .main-content>h5+div,.blog__area--article .main-content>h5+figure,.blog__area--article .main-content>h5+p,.blog__area--article .main-content>h6+div,.blog__area--article .main-content>h6+figure,.blog__area--article .main-content>h6+p{margin-top:30px!important
}
.blog__area--article .wp-block-media-text .wp-block-media-text__content{padding:0 0 0 20px
}
.blog__area--article .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{padding:0 20px 0 0
}
.blog .l-header__inner{width:auto;min-width:auto;height:auto;background:none
}
.blog .l-header__inner .logo__image{width:62px;height:48px
}
.blog .c-company-detail{
top:276px;left:57px
}
.blog__header--inner,.blog__header--tit{display:inline-block;position:relative
}
.blog__header--tit{font-family:Prompt,sans-serif;font-size:40px;font-weight:600;letter-spacing:8px;line-height:1.3;text-align:left
}
.blog__header--tit:after{display:inline-block;position:absolute;right:34px;bottom:1px;width:41px;height:52px;background-image:url(../images/common/ico__mag.svg);background-size:cover;content:""
}
.blog__header--txt{display:inline-block;position:absolute;bottom:-31px;left:23px;font-family:Prompt,sans-serif;font-size:20px;font-weight:600;letter-spacing:6px;line-height:1
}
.blog__header--caption{display:inline-flex;position:absolute;right:calc(50% - 82px);bottom:-80px;flex-direction:column;transform:rotate(-4deg);font-size:11px;font-weight:700;letter-spacing:1px;line-height:1
}
.blog__header--caption .txt:not(:first-of-type){margin-top:14px
}
.blog__header--caption .txt span{display:inline-block;position:relative
}
.blog__header--caption .txt span:after{display:inline-block;position:absolute;bottom:-9px;left:0;width:100%;height:2px;background-color:#302d2c;background-repeat:repeat-x;content:""
}
.blog__header--caption .txt:last-of-type span:after{display:none
}
.blog__fv{width:calc(100% - 178px)
}
.blog__fv,.blog__fv--inner{position:relative
}
.blog__fv--inner .c-blogitem{width:100%;transform:translateY(0);opacity:1;transition:none
}
.blog__fv--inner .c-blogitem .imagearea{height:calc(100vh - 113px)
}
.blog__fv--inner .c-blogitem .txtarea{margin-top:25px
}
.blog__fv--inner.archives{display:flex;align-items:center;height:calc(100vh - 370px)
}
.blog__fv--tit{z-index:1;position:absolute;color:#fff
}
.blog__fv--tit h2{display:inline-block;position:relative;font-size:24px;font-weight:700;letter-spacing:1.9px;line-height:1
}
.blog__fv--tit h2:after{display:inline-block;position:absolute;bottom:-11px;left:0;width:100%;height:2px;background-color:#fff;content:"";opacity:1;transition:opacity .5s ease
}
.blog__fv--image{width:100%;height:100%;overflow:hidden;border-radius:20px
}
.blog__fv--image img{width:100%;height:100%;object-fit:cover;font-family:"object-fit: cover"
}
.blog__fv.detail .blog__fv--inner .imagearea{width:100%;height:calc(100vh - 113px);overflow:hidden;border-radius:20px
}
.blog__fv.detail .blog__fv--inner .imagearea img{width:100%;height:100%;object-fit:cover;font-family:"object-fit: cover"
}
.blog__area{z-index:1;position:relative;margin-top:77px
}
.blog__area.archives{margin-top:85px
}
.blog__area.detail{margin-top:39px
}
.blog__area.detail+.c-footer-cv{margin-top:156px
}
.blog__area--inner{display:flex;flex-wrap:wrap;justify-content:space-between
}
.blog__area--list{display:flex;flex-wrap:wrap;height:100%
}
.blog__area--article .article-tit{font-size:34px;font-weight:700;letter-spacing:2.7px;line-height:1.47059
}
.blog__area--article .metaarea{display:flex;align-items:center;margin-top:32px
}
.blog__area--article .metaarea__date{color:#99CC33;font-family:Prompt,sans-serif;font-size:16px;font-weight:400;letter-spacing:1.3px;line-height:1
}
.blog__area--article .metaarea__cate{display:inline-flex;margin-top:-2px;margin-left:11px
}
.blog__area--article .metaarea__cate--item{display:inline-block;padding:6px 11px 7px 12px;border:1px solid #302d2c;border-radius:4px;font-size:11px;font-weight:400;letter-spacing:.15px;line-height:1;transition:color .5s ease,background-color .5s ease
}
.blog__area--article .main-content h1,.blog__area--article .main-content h2,.blog__area--article .main-content h3,.blog__area--article .main-content h4,.blog__area--article .main-content h5,.blog__area--article .main-content h6{position:relative;padding:21px 0 24px;font-size:26px;font-weight:700;letter-spacing:2.1px;line-height:1.53846
}
.blog__area--article .main-content h1:after,.blog__area--article .main-content h1:before,.blog__area--article .main-content h2:after,.blog__area--article .main-content h2:before,.blog__area--article .main-content h3:after,.blog__area--article .main-content h3:before,.blog__area--article .main-content h4:after,.blog__area--article .main-content h4:before,.blog__area--article .main-content h5:after,.blog__area--article .main-content h5:before,.blog__area--article .main-content h6:after,.blog__area--article .main-content h6:before{display:inline-block;position:absolute;left:0;width:100%;height:3px;background-image:url(../images/common/line__dotted__x.svg);background-repeat:repeat-x;background-size:6px 3px;content:""
}
.blog__area--article .main-content h1:before,.blog__area--article .main-content h2:before,.blog__area--article .main-content h3:before,.blog__area--article .main-content h4:before,.blog__area--article .main-content h5:before,.blog__area--article .main-content h6:before{
top:0
}
.blog__area--article .main-content h1:after,.blog__area--article .main-content h2:after,.blog__area--article .main-content h3:after,.blog__area--article .main-content h4:after,.blog__area--article .main-content h5:after,.blog__area--article .main-content h6:after{bottom:0
}
.blog__area--article .main-content h1+p,.blog__area--article .main-content h2+p,.blog__area--article .main-content h3+p,.blog__area--article .main-content h4+p,.blog__area--article .main-content h5+p,.blog__area--article .main-content h6+p{margin-top:23px
}
.blog__area--article .main-content p{font-size:16px;font-weight:500;line-height:2.125
}
.blog__area--article .main-content b{background:linear-gradient(transparent 47%,#fffb91 0)
}
.blog__area--article .main-content a{color:#31735e;text-decoration:underline
}
.blog__area--article .main-content a:hover{
text-decoration:none
}
.blog__area--article .share-area{margin-top:64px
}
.blog__area--article .share-area__tit{padding-left:2px;font-family:Prompt,sans-serif;font-size:14px;font-weight:600;letter-spacing:1.2px;line-height:1;text-align:center
}
.blog__area--article .share-area__list{display:flex;justify-content:space-between;margin-top:10px
}
.blog__area--article .share-area__btn{display:flex;position:relative;align-items:center;justify-content:center;width:calc(25% - 3px);height:56px;border-radius:4px;background-color:#ebebeb;transition:background-color .5s ease
}
.blog__area--article .share-area__btn .txt{display:flex;position:absolute;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;font-family:Prompt,sans-serif;font-size:14px;font-weight:600;letter-spacing:1.1px;line-height:1;transition:opacity .5s ease,transform .5s ease
}
.blog__area--article .share-area__btn .txt:before{display:inline-block;width:15px;height:15px;margin-top:-3px;background-size:contain;content:""
}
.blog__area--article .share-area__btn.checkmark .copy{display:flex;position:absolute;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;transform:translateY(10px);font-family:Prompt,sans-serif;font-size:14px;font-weight:600;letter-spacing:1.1px;line-height:1;opacity:0;transition:opacity .5s ease,transform .5s ease
}
.blog__area--article .share-area__btn.checkmark.is-copyed .txt{
transform:translateY(-10px);opacity:0
}
.blog__area--article .share-area__btn.checkmark.is-copyed .copy{
transform:translateY(0);opacity:1;transition-delay:.15s
}
.blog__area--related{width:100%;margin-top:88px
}
.blog__area--related .tit{padding-left:6px;font-family:Prompt,sans-serif;font-size:30px;font-weight:600;letter-spacing:6px;line-height:1;text-align:center
}
.blog__area--related .list{display:flex;justify-content:space-between;margin-top:38px
}
.blog__area .c-pager{margin-top:107px
}
.blog .c-footer-cv{margin-top:257px
}
.contact .l-page-header__inner{background-image:url(../images/contact/img__header.jpg)
}
.contact .l-page-header__inner:before{bottom:-13px;left:calc(50% - 337px);width:672px;height:182px;background-image:url(../images/common/bg__header__crown.svg)
}
.contact .l-page-header__tit .ja{display:inline-block;margin-left:-9px;padding-left:0;font-size:35px;letter-spacing:5.25px;line-height:1.6
}
.contact .l-page-header__caption{position:absolute;top:122px;left:calc(50% + 254px);transform:rotate(-10deg);font-family:Prompt,sans-serif;font-size:10px;font-weight:500;letter-spacing:1.1px;line-height:1.7
}
.contact__area{margin:195px auto 0
}
.contact__area .txt{font-size:16px;font-weight:500;line-height:2.125
}
.contact__main{width:100%;margin:40px auto 0
}
.contact__main--inputarea .item{display:flex;padding:38px 5px
}
.contact__main--inputarea .item:not(:first-of-type){border-top:2px solid #ccc
}
.contact__main--inputarea .item.adjust{padding:23px 5px 37px
}
.contact__main--inputarea .item.adjust:not(:first-of-type){padding:23px 5px 32px
}
.contact__main--inputarea .item .tit{display:flex;position:relative;flex-direction:column;min-width:227px
}
.contact__main--inputarea .item .tit.center{justify-content:center
}
.contact__main--inputarea .item .tit__txt{position:relative;font-size:18px;font-weight:700;letter-spacing:.9px;line-height:1.77778
}
.contact__main--inputarea .item .tit__txt span{font-size:14px
}
.contact__main--inputarea .item .tit__txt.adjust{margin-top:12px
}
.contact__main--inputarea .item .tit__caption{margin-top:2px;color:#e50047;font-size:13px;font-weight:500;letter-spacing:.7px;line-height:1
}
.contact__main--inputarea .item .tit.required .tit__txt:after{display:inline-block;display:flex;align-items:center;justify-content:center;width:57px;height:24px;padding-bottom:2px;border:2px solid #e50047;border-radius:13px;background-color:#fff;color:#e50047;font-size:14px;font-weight:400;letter-spacing:0;line-height:1;content:"";content:"必須"
}
.contact__main--inputarea .item .detail{margin-left:30px
}
.contact__main--btnarea{margin-top:17px
}
.contact__main--btnarea .txt{padding-left:37px;font-size:14px;font-weight:400;letter-spacing:.42px;line-height:1;text-align:center
}
.contact__main--btnarea .txt a{
text-decoration:underline
}
.contact__main--btnarea .inner{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:16px;padding:36px 40px 39px 77px;border:2px solid #ccc;border-radius:4px
}
.contact__main--btnarea .inner .chk{margin-top:0;margin-bottom:0
}
.contact__main--btnarea .inner .chk label{margin-right:0;margin-bottom:0
}
.contact__main--btnarea .inner .btn{width:577px;margin-top:16px;padding-right:3px
}
.contact__main--btnarea .inner .btn span{letter-spacing:2.1px
}
.contact__main--btnarea .back-btn{width:400px;margin:30px auto 0
}
.contact__main.confirm .contact__main--inputarea .item .tit .tit__caption,.contact__main.confirm .contact__main--inputarea .item .tit .tit__txt:after{display:none
}
.contact__main.confirm input,.contact__main.confirm label,.contact__main.confirm select,.contact__main.confirm textarea{-webkit-user-select:none;-ms-user-select:none;border-radius:0;background:none;pointer-events:none;user-select:none
}
.contact__main.confirm input:placeholder,.contact__main.confirm label:placeholder,.contact__main.confirm select:placeholder,.contact__main.confirm textarea:placeholder{display:none
}
.contact__main.confirm input:placeholder-shown,.contact__main.confirm label:placeholder-shown,.contact__main.confirm select:placeholder-shown,.contact__main.confirm textarea:placeholder-shown{display:none
}
.contact__main.confirm input::-webkit-input-placeholder,.contact__main.confirm label::-webkit-input-placeholder,.contact__main.confirm select::-webkit-input-placeholder,.contact__main.confirm textarea::-webkit-input-placeholder{display:none
}
.contact__main.confirm input:-moz-placeholder,.contact__main.confirm input::-moz-placeholder,.contact__main.confirm label:-moz-placeholder,.contact__main.confirm label::-moz-placeholder,.contact__main.confirm select:-moz-placeholder,.contact__main.confirm select::-moz-placeholder,.contact__main.confirm textarea:-moz-placeholder,.contact__main.confirm textarea::-moz-placeholder{display:none
}
.contact__main.confirm input:-ms-input-placeholder,.contact__main.confirm label:-ms-input-placeholder,.contact__main.confirm select:-ms-input-placeholder,.contact__main.confirm textarea:-ms-input-placeholder{display:none
}
.contact__main.confirm textarea{resize:none
}
.contact__main.confirm .c-input-select{-webkit-user-select:none;-ms-user-select:none;border-radius:0;background:none;pointer-events:none;user-select:none
}
.contact__main.confirm .c-input-select:after{display:none
}
.contact__main.confirm .c-input-textbox{height:auto
}
.contact .l-footer{margin-top:80px
}
.thanks__area{margin-top:37px
}
.thanks__area--inner,.thanks__area--inner .titarea__tit{display:flex;flex-direction:column;align-items:center
}
.thanks__area--inner .titarea__tit .ja{padding-left:5px;font-size:35px;font-weight:700;letter-spacing:5.3px;line-height:1.6;text-align:center
}
.thanks__area--inner .titarea__tit .en{margin-top:21px;padding-right:30px;color:#99CC33;font-family:Prompt,sans-serif;font-size:13px;font-weight:600;letter-spacing:4px;line-height:1
}
.thanks__area--inner .txtarea{margin-top:58px
}
.thanks__area--inner .txtarea__txt{font-size:16px;font-weight:500;line-height:2.125;text-align:center
}
.thanks__area--inner .txtarea__txt:not(:first-of-type){margin-top:34px
}
.thanks__area--inner .btn{width:400px;margin-top:35px
}
.thanks__area--inner .btn span{padding-right:2px
}
.thanks .c-footer-cv{margin-top:146px
}
.notfound__area{margin-top:37px
}
.notfound__area--inner,.notfound__area--inner .titarea__tit{display:flex;flex-direction:column;align-items:center
}
.notfound__area--inner .titarea__tit .ja{padding-left:5px;font-size:35px;font-weight:700;letter-spacing:5.3px;line-height:1.6;text-align:center
}
.notfound__area--inner .titarea__tit .en{margin-top:21px;padding-left:5px;color:#99CC33;font-family:Prompt,sans-serif;font-size:13px;font-weight:600;letter-spacing:4px;line-height:1
}
.notfound__area--inner .txtarea{margin-top:58px
}
.notfound__area--inner .txtarea__txt{font-size:16px;font-weight:500;line-height:2.125;text-align:center
}
.notfound__area--inner .txtarea__txt:not(:first-of-type){margin-top:34px
}
.notfound__area--inner .btn{width:400px;margin-top:45px
}
.notfound__area--inner .btn span{padding-right:2px
}
.notfound .c-footer-cv{margin-top:146px
}
.sticky{position:-webkit-sticky;position:sticky;top:0
}
.sticky:after,.sticky:before{display:table;content:""
}
.swiper-button-next,.swiper-button-prev{letter-spacing:0
}
.swiper-container{
width:100%
}
.swiper-slide img{width:100%;height:100%;object-fit:cover;font-family:"object-fit: cover"
}
body:not(.top) .swiper-container{opacity:0;transition:opacity .5s ease
}
body:not(.top) .swiper-container.swiper-container-initialized{opacity:1
}
@media screen{[hidden~=screen]{display:inherit
}
[hidden~=screen]:not(:active):not(:focus):not(:target){clip:rect(0 0 0 0)!important;position:absolute!important
}

}
@media screen and (max-width:899px){body{font-family:Noto Sans JP,sans-serif;letter-spacing:.42px
}
.c-btn__square span{padding-left:3px;letter-spacing:.7px
}
.c-input-checkbox,.c-input-radio{margin-bottom:-14px
}
.c-input-checkbox label,.c-input-radio label{margin-right:15px;margin-bottom:14px
}
.c-input-checkbox label span:before,.c-input-radio label span:before{margin-right:6px
}
.c-input-text{height:58px
}
.c-input-text input{height:58px;padding:0 14px;font-size:16px;letter-spacing:1.2px
}
.c-input-text input:placeholder{padding-top:4px
}
.c-input-text input:placeholder-shown{padding-top:4px
}
.c-input-text input::-webkit-input-placeholder{padding-top:4px
}
.c-input-text input:-moz-placeholder,.c-input-text input::-moz-placeholder{padding-top:4px
}
.c-input-text input:-ms-input-placeholder{padding-top:4px
}
.c-input-textbox textarea{font-size:16px
}
.c-input-select{width:100%
}
.c-input-select select{height:58px;font-size:16px
}
.c-company-detail{display:flex;top:14px;left:15px;flex-direction:column-reverse;align-items:flex-start
}
.c-company-detail__logo{width:14px;height:99px
}
.c-company-detail__txtarea{display:flex;margin-top:9px;margin-right:0;margin-left:-1px;font-size:10px;line-height:1
}
.c-company-detail__txtarea--txt{letter-spacing:0
}
.c-company-detail__txtarea--txt br{display:none
}
.c-footer-cv{margin-top:116px
}
.c-footer-cv:before{
top:-45px;left:calc(50% - 102px);width:202px;height:73px;background-image:url(../images/common/txt__hellowelcome__sm.svg);background-size:100%
}
.c-footer-cv__inner{flex-direction:column-reverse;width:100%;margin:0 auto
}
.c-footer-cv__txtarea{width:100%;margin-top:-5px;padding:0 20px
}
.c-footer-cv__txtarea .tit{padding-left:2px;font-size:18px;letter-spacing:1.4px;line-height:1.88889;text-align:center
}
.c-footer-cv__txtarea .txt{margin-top:11px;letter-spacing:.42px
}
.c-footer-cv__txtarea .btn{margin-top:25px
}
.c-footer-cv__imagearea{margin-right:0
}
.c-footer-cv__imagearea .image:after{
top:6.6%;left:calc(50% - 119px)
}
.c-footer-cv__cloud.no-1{
top:-56px;left:calc(50% - 146px);width:146px;height:86px
}
.c-footer-cv__cloud.no-2{bottom:21px;left:-94px;width:138px;height:82px
}
.c-footer-cv__cloud.no-3{bottom:-41px;left:calc(50% + 30px);width:170px;height:101px
}
.c-footer-cv__cloud.no-4{
top:-38px;right:-74px;width:138px;height:82px
}
.c-blogitem{width:100%
}
.c-blogitem .imagearea{position:relative;height:0;padding-top:59.701493%
}
.c-blogitem .imagearea img{position:absolute;top:0;left:0
}
.c-blogitem .txtarea{margin-top:18px
}
.c-blogitem .txtarea__date{letter-spacing:1px
}
.c-blogitem .txtarea__tit{margin-top:8px;font-size:14px;line-height:1.85714
}
.c-blogitem .txtarea__cate{margin-top:11px
}
.c-blogitem .txtarea__cate--item{padding:6px 11px 7px 12px;letter-spacing:.15px
}
.c-tit-arrow{display:block;height:auto;padding:12px 12px 14px;font-size:15px;letter-spacing:1.1px;line-height:1.73333
}
.c-tit-arrow .caption{color:#fff;font-size:12px;font-weight:500;letter-spacing:1px;line-height:2
}
.c-tag__list{margin-bottom:-5px
}
.c-tag__item{margin-right:4.4px;margin-bottom:5px;padding:7px 9px 8px
}
.c-pager .pager{margin:0 15px
}
.c-pager .pager:after{left:calc(50% - 15px)
}
.c-pager .arrow{position:absolute;bottom:-60px;width:29px;height:29px
}
.c-pager .arrow.prev{left:26px;margin-right:0
}
.c-pager .arrow.next{right:26px;margin-left:0
}
.c-works-item{width:100%
}
.c-works-item:not(:first-of-type){margin-top:28px
}
.c-works-item .imagearea{height:165px
}
.c-works-item .txtarea{margin-top:21px
}
.c-works-item .txtarea__tit{font-size:16px;letter-spacing:1.29px;line-height:1
}
.c-works-item .txtarea__tags{margin-top:11px
}
.c-works-item .txtarea__tags--item{margin-right:5px;padding:5px 9px;border-radius:11px
}
.c-ankerlink{flex-direction:column
}
.c-ankerlink__item{flex-direction:row;width:100%;padding:10px 0 11px
}
.c-ankerlink__item:before{
top:0
}
.c-ankerlink__item:before,.c-ankerlink__item:last-of-type:after{left:0;width:100%;height:2px;background-image:url(../images/common/line__dotted__sm.svg);background-repeat:repeat-x;background-size:6px 3px
}
.c-ankerlink__item:last-of-type:after{
top:auto;bottom:0
}
.c-ankerlink__item .number{min-width:57px;margin-top:-4px;margin-left:0;padding-left:5px;font-size:24px;letter-spacing:2.6px;line-height:1
}
.c-ankerlink__item .titarea{
align-items:flex-start;width:100%;margin-top:7px
}
.c-ankerlink__item .titarea .en{margin-left:0;font-size:10px;letter-spacing:1px;line-height:1
}
.c-ankerlink__item .titarea .ja{margin-top:4px;font-size:14px;letter-spacing:.8px;line-height:1.78571;text-align:left
}
.c-ankerlink__item .arrow{width:2px;height:20px;margin-top:0;margin-right:20px
}
.c-ankerlink__item .arrow:after{display:inline-block;bottom:1px;left:-6.9px;width:15px;height:15px;transform:rotate(45deg);border-width:0 2px 2px 0;border-style:solid;border-color:#302d2c;vertical-align:middle;content:""
}
html[data-browser=ie][data-browserversion="11"] .c-ankerlink__item .arrow:after{margin-bottom:1px!important
}
.c-ankerlink__item:first-of-type .number{margin-left:0;letter-spacing:2.6px
}
.c-blognav{margin-top:9px
}
.c-blognav__inner.sticky{position:relative;top:auto
}
.c-blognav__item:not(:first-of-type){margin-top:70px
}
.c-blognav__item .tit{letter-spacing:3.6px
}
.c-blognav__item .linklist{padding-left:1px
}
.c-blognav__item .linklist.row-sm{flex-direction:row;flex-wrap:wrap
}
.c-blognav__item .linklist__item:not(:first-of-type){margin-top:28px
}
.c-blognav__item .linklist__item.en{width:50%
}
.c-blognav__item .linklist__item.en:not(:first-of-type){margin-top:0
}
.c-blognav__item .linklist__item.en:nth-of-type(n+3){margin-top:26px
}
.c-blognav__item .linklist__item.en .linklist__link{letter-spacing:1.5px
}
.c-blognav__item .linklist__item.en .linklist__link--num{margin-left:5px;font-size:14px
}
.c-blognav__item .linklist__link{letter-spacing:1.3px
}
.c-blognav__item .more-btn{width:100%;margin-top:25px;padding-bottom:1px;padding-left:2px;letter-spacing:.8px
}
.works-detail__txtarea .c-tag__list{padding:0 20px 20px!important
}
.l-container{width:100%;min-width:100%;padding:0 20px
}
.l-lg{display:none!important
}
.l-breadcrumbs{display:none
}
.l-footer{height:auto;margin-top:40px
}
.top .l-footer{margin-top:60px
}
.l-footer:after,.l-footer:before{
top:-100%;height:100%
}
.l-footer:before{
transform:rotate(-21.4deg)
}
.l-footer:after{
transform:rotate(21.4deg)
}
.l-footer__inner{padding-top:30px
}
.l-footer__gotop{
top:0;left:calc(50% - 25px);width:50px
}
.l-footer__gotop--line{height:60px
}
.l-footer__gotop--line:after{left:calc(50% - 1px);width:2px
}
.l-footer__gotop--txt{margin-top:15px
}
.l-footer__txtarea{margin-bottom:30px;padding:0 20px
}
.l-footer__txtarea .logo{/*width:91px;height:70px;*/margin-left:2px
}
.l-footer__txtarea .tit{padding-left:13px
}
.l-footer__txtarea .txt{margin-left:1px;text-align:center
}
.l-footer__txtarea .txt:not(:first-of-type){margin-top:0
}
.l-footer__txtarea .cv{width:calc(100% + 20px);margin:25px -20px 0
}
.l-footer__txtarea .cv__txt{padding:20px 0
}
.l-footer__txtarea .cv__txt:before{margin-right:15px;margin-left:1px
}
.l-footer__txtarea .copyright{margin-top:34px
}
.l-footer__cloud.no-1{
top:144px;left:calc(50% - 230px)
}
.l-footer__cloud.no-2{
top:104px;right:calc(50% - 217px);left:auto
}
.l-footer__bg{width:100%;height:67%;object-fit:cover;font-family:"object-fit: cover"
}
.l-header__inner{width:100%;min-width:100%;height:121px;padding:0 20px
}
.top .l-header__inner{height:140px
}
.top .l-header__inner .logo__image{margin-top:-18px
}
.l-header__inner .logo{margin-top:-16px
}
.l-header__inner .logo__image{/* width:73px;height:56px;*/ margin-top:0
}
.l-floatbtn{display:flex;visibility:hidden;z-index:99;top:auto;bottom:0;flex-direction:row-reverse;transform:translateY(20px);opacity:0;transition:transform .5s ease,opacity .5s ease,visibility .5s ease
}
.is-scroll .l-floatbtn{visibility:visible;transform:translateY(0);opacity:1
}
.l-floatbtn__contact .icon{margin-top:4px
}
.l-floatbtn__contact .txt{margin-top:3px;letter-spacing:.5px
}
.l-nav{width:100%;height:100%;padding:0;transform:translateY(10px)
}
.is-nav-active .l-nav{
transform:translateY(0)
}
.l-nav__logoarea{display:inline-block;z-index:1;position:absolute;top:25px;/* right:25px;width:73px;height:56px;*/ margin-top:0
}
.l-nav__logoarea .logo{width:100%;height:100%
}
.l-nav>.inner{width:100%;height:calc(100% - 70px);padding:35px 41px 70px;overflow-y:auto
}
.l-nav>.inner,.l-nav__inner{display:flex;align-items:center
}
.l-nav__inner{flex-direction:column
}
.l-nav__item:not(:first-of-type),.l-nav__list:not(:first-of-type){margin-top:25px
}
.l-nav__link .ja{font-size:17px;letter-spacing:2.6px;line-height:1.52941
}
.l-nav__link .ja.sm-letter-space-shrink{letter-spacing:1.7px
}
.l-nav__link .en{margin-top:7px;margin-left:2px;font-size:10px;letter-spacing:2px;line-height:1
}
.l-nav__btn,.l-nav__link[data-linkname=home] .ja{margin-left:-3px
}
.l-nav__btn{margin-top:45px
}
.l-nav__btn .caption{font-size:11px;letter-spacing:1.65px;line-height:1
}
.l-nav__btn .tit{margin-top:12px;font-size:22px;letter-spacing:2.7px;line-height:1
}
.l-nav__btn .tit:after{right:0;bottom:0;width:25px;height:31px
}
.l-nav__close{position:absolute;bottom:0;left:0;width:100%;height:70px;background-color:#99CC33
}
.l-nav__close--inner{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding-bottom:2px
}
.l-nav__close--inner .line{position:relative;width:31px;height:28px
}
.l-nav__close--inner .line:after,.l-nav__close--inner .line:before{display:inline-block;position:absolute;top:0;width:2px;height:100%;background-color:#fff;content:""
}
.l-nav__close--inner .line:before{left:calc(50% - 1px);transform:rotate(130deg)
}
.l-nav__close--inner .line:after{right:calc(50% - 1px);transform:rotate(-130deg)
}
.l-nav__close--inner .txt{margin-top:4px;margin-left:2px;color:#fff;font-family:Prompt,sans-serif;font-size:8px;font-weight:600;letter-spacing:2px;line-height:1
}
.l-page-header__inner{height:200px
}
.l-page-header__tit{margin-bottom:-8px;padding-bottom:0
}
.l-page-header__tit .ja{padding-left:4px;font-size:26px;letter-spacing:3.9px;line-height:1.38462
}
.l-page-header__tit .en{bottom:-37px;left:8px;letter-spacing:4.2px
}
html:not(.is-fv-scrolled) .top .l-header__inner{
transform:translateY(-10px);opacity:0
}
html:not(.is-fv-scrolled) .top .c-company-detail,html:not(.is-fv-scrolled) .top__mv,html:not(.is-fv-scrolled) .top__weatherinfo{opacity:0
}
html:not(.is-fv-scrolled).is-loaded .top .l-header__inner{
transform:translateY(0);opacity:1;transition:opacity 2s cubic-bezier(.075,.82,.165,1),transform 2s cubic-bezier(.075,.82,.165,1);transition-delay:.4s
}
html:not(.is-fv-scrolled).is-fv-show .top .c-company-detail,html:not(.is-fv-scrolled).is-fv-show .top__mv,html:not(.is-fv-scrolled).is-fv-show .top__weatherinfo{opacity:1;transition:opacity 1.5s ease
}
.top__weatherinfo{
top:15px;right:14px
}
.top__weatherinfo--icon{width:42px;height:42px
}
.top__weatherinfo--info{margin-top:8px;font-size:10px;letter-spacing:.4px;line-height:1
}
.top__weatherinfo--info .city{margin-top:2px
}
.top__weatherinfo--temperature{margin-top:5px;padding-top:4px;padding-left:11px;font-size:25px;letter-spacing:2.6px;line-height:1
}
.top__mv{z-index:9
}
.top__mv--catchcopy{
top:-24px;left:calc(50% - 31px);width:62px;height:168px
}
.top__mv--catchcopy .txt:not(:first-of-type){margin-right:14px
}
.top__mv--catchcopy .txt span{font-size:18px;line-height:1
}
.top__mv--catchcopy .txt span:after{right:-2px;bottom:-24px
}
.top__mv--slide{height:calc(100vh - 265px)
}
html[data-orientation=landscape] .top__mv--slide{min-height:401px
}
.top__mv--slide-item .image img{
transform:scale(1.1) translateX(0)
}
.top__mv--slide-item.swiper-slide-active .image img,.top__mv--slide-item.swiper-slide-duplicate-active .image img,.top__mv--slide-item.swiper-slide-prev .image img{
animation:zoomfade 7s linear 0s 1 forwards
}
@keyframes zoomfade{0%{
transform:scale(1.1) translateX(0)
}
to{
transform:scale(1.1) translateX(-4%)
}

}
.top__mv--blog{position:relative;right:auto;bottom:auto;margin-top:18px
}
.top__mv--blog .inner{flex-direction:column;width:100%;height:auto;padding:0 30px;border-radius:0
}
.top__mv--blog .inner .date{width:100px;min-width:auto;padding:9px 0;border-radius:30px;text-align:center
}
.top__mv--blog .inner .tit{margin-top:8px;padding-bottom:2px;font-size:14px;letter-spacing:.4px;line-height:1.71429
}
.top__works{margin-top:29px
}
.top__works--titarea{padding:0 25px
}
.top__works--list{flex-direction:column;margin-top:19px
}
.top__concept{margin-top:36px
}
.top__concept--txtarea{width:100%;padding:0 20px
}
.top__concept--txtarea .tit{margin-right:-32px;margin-left:0;font-size:34px;letter-spacing:3.3px;line-height:1.64706
}
.top__concept--txtarea .txt{margin-top:18px;margin-right:-21px;font-size:14px;line-height:2
}
.top__concept--txtarea .btn{margin-top:26px
}
.top__concept--cloud.no-1{
top:147px;left:-46px;width:102px;height:61px
}
.top__concept--cloud.no-2{
top:478px;left:calc(50% - 63px);width:79px;height:47px
}
.top__concept--cloud.no-3{
top:428px;right:-33px;left:auto;width:94px;height:56px
}
.top__concept--bg{margin-top:24px
}
.top__concept--bg .image{display:flex;align-items:center;justify-content:center
}
.top__concept--bg .image img{min-width:464px
}
.top__morecontent{margin-top:44px
}
.top__morecontent--item{width:100%;margin-top:55px
}
.top__morecontent--item .txtarea__tit{padding:0 10px;font-size:24px;letter-spacing:2.5px;line-height:1.75
}
.top__morecontent--item .txtarea__tit span:before{
top:-9px;left:calc(50% - 5px);width:6px;height:6px
}
.top__morecontent--item .txtarea__txt{margin-top:13px;padding:0 10px;font-size:14px;line-height:2;text-align:center
}
.top__morecontent--item .txtarea__btn{margin-top:26px
}
.top__morecontent--item .imagearea{margin-top:40px;padding:0 20px;text-align:center
}
.top__morecontent--item.no-1{margin-top:0
}
.top__cv{display:flex;flex-direction:column;align-items:center;margin-top:55px
}
.top__cv--tit{position:relative;top:0
}
.top__cv--tit:after,.top__cv--tit:before{display:inline-block;position:absolute;bottom:-6px;width:3px;height:75px;background-color:#302d2c;content:""
}
.top__cv--tit:before{left:-49px;transform:rotate(-34deg)
}
.top__cv--tit:after{right:-49px;transform:rotate(34deg)
}
.top__cv--imagearea{margin-top:26px
}
.top__cv--imagearea .image:after{
top:calc(50% - 102px);width:251px;height:207px;background-image:url(../images/top/txt__cv__sm.svg)
}
.top__mag{margin-top:59px;background-position-y:55px;background-size:187px 192px
}
.top__mag--inner{width:100%;padding:0 20px
}
.top__mag--titarea{width:100%;margin-top:2px;padding:0 28px
}
.top__mag--titarea .tit{margin-left:0;letter-spacing:8px
}
.top__mag--titarea .caption{bottom:18px;left:209px
}
.top__mag--list{flex-direction:column;margin-top:49px
}
.top__mag--list .c-blogitem{width:100%
}
.top__mag--btn,.top__mag--list .c-blogitem:not(:first-of-type){margin-top:40px
}
.top__mag--btn{width:100%
}
.privacy .l-page-header__inner{background-image:url(../images/privacy/img__header__sm.jpg)
}
.privacy .l-page-header__inner:before{bottom:-43px;left:calc(50% - 139px);width:285px;height:178px;background-image:url(../images/common/bg__header__crown__sm.svg)
}
.privacy__area{width:100%;margin:117px auto 0;padding-left:0
}
.privacy__item{display:flex;flex-direction:column;align-items:center
}
.privacy__item:not(:first-of-type){margin-top:39px
}
.privacy__item:before{z-index:-1;position:relative;top:auto;left:auto;margin-left:4px;font-size:55px;letter-spacing:3px;line-height:1
}
.privacy__item:first-of-type:before{margin-left:7px;letter-spacing:5.6px
}
.privacy__item--tit{margin-top:12px;margin-left:3px;padding-left:0
}
.privacy__item--txtarea{width:100%;margin-top:29px
}
.privacy__item--txtarea,.privacy__item--txtarea .tit{font-size:14px;line-height:2.14286
}
.privacy__item--txtarea .tit+.list{padding-left:15px
}
.privacy__item--txtarea .list__item:before{width:13px;min-width:13px;height:13px;margin-top:9px;margin-right:5px
}
.privacy__contact{margin-top:20px
}
.privacy__contact .txt{font-size:14px;line-height:2.14286
}
.u-option-link{margin:20px 0 0
}
.concept__listarea--item .option{
align-items:flex-start
}
.concept .mainwrap{overflow-x:hidden
}
.concept .l-page-header__inner{background-image:url(../images/concept/img__header__sm.jpg)
}
.concept .l-page-header__inner:before{bottom:-50px;left:calc(50% - 137.5px);width:275px;height:175px;background-image:url(../images/common/bg__header__house.svg)
}
.concept .l-page-header__tit{margin-bottom:-28px
}
.concept .l-page-header__tit .ja{padding-left:8px;font-size:32px;letter-spacing:6.3px;line-height:1.34375
}
.concept .l-page-header__tit .en{bottom:-17px;letter-spacing:3.8px
}
.concept .l-page-header__caption{bottom:-56px;left:calc(50% + 35px)
}
.concept__area{margin-top:55px
}
.concept__intro{padding-top:50px
}
.concept__intro--tit{margin-left:4px;padding:0 20px;font-size:28px;letter-spacing:2.8px;line-height:1.82143
}
.concept__intro--txt{width:100%;margin-top:20px;padding:0 20px;font-size:14px;line-height:2.14286
}
.concept__intro--cloud.no-1{z-index:0;top:54%;left:calc(50% - 154px);width:137px;height:82px
}
.concept__intro--cloud.no-2{
top:0;left:calc(50% + 122px);width:126px;height:75px
}
.concept__intro--bg{margin-top:95px
}
.concept__intro--bg:before{
top:-50px;right:30px;left:auto;width:36px;height:50px
}
.concept__intro--bg:after{bottom:-1px
}
.concept__link{margin-top:14px
}
.concept__listarea{margin-top:85px
}
.concept__listarea--item:not(:first-of-type){margin-top:80px
}
.concept__listarea--item .titarea:before{
top:-37px;left:calc(50% - 104px);width:208px;height:80px;background-size:100%
}
.concept__listarea--item .titarea__number{margin-left:5px;font-size:50px;letter-spacing:3px;line-height:1
}
.concept__listarea--item .titarea__tit{margin-top:3px;margin-left:3px;font-size:10px;letter-spacing:2px;line-height:1
}
.concept__listarea--item .item{margin-top:48px
}
.concept__listarea--item .item:not(:first-of-type){margin-top:57px
}
.concept__listarea--item .item__txtarea--tit{font-size:28px;letter-spacing:2.2px;line-height:1.71429
}
.concept__listarea--item .item__txtarea--tit span:before{
top:-4px;left:calc(50% - 5px);width:7px;height:7px
}
.concept__listarea--item .item__txtarea--txt{width:100%;margin-top:21px;font-size:14px;line-height:2.14286
}
.concept__listarea--item .item__imagearea{width:calc(100% + 40px);margin:36px -20px 0
}
.concept__listarea--item .item__imagearea img{width:100%
}
.concept__listarea--item .option{width:calc(100% + 40px);margin:88px -20px 0;padding:30px 15px 39px
}
.concept__listarea--item .option__tit{width:100%;margin-top:-67px
}
.concept__listarea--item .option__flowtxt{margin-top:37px;margin-bottom:-11px;padding:0 5px
}
.concept__listarea--item .option__flowtxt li{margin-right:7px;margin-bottom:11px;font-size:18px;letter-spacing:1.4px;line-height:1
}
.concept__listarea--item .option__flowtxt li:last-of-type,.concept__listarea--item .option__flowtxt li:nth-of-type(2n){margin-right:0
}
.concept__listarea--item .option__flowtxt li:before{width:32px;min-width:32px;height:32px;margin-right:6px;padding-top:1px;padding-left:5px;font-size:16px;letter-spacing:5.5px;line-height:1
}
.concept__listarea--item .option.powerlist{margin-top:63px;padding:30px 15px 36px
}
.concept__listarea--item .option__powerlist{flex-direction:column;margin-top:39px;padding:0 5px
}
.concept__listarea--item .option__powerlist--item{width:100%
}
.concept__listarea--item .option__powerlist--item:not(:first-of-type){margin-top:27px
}
.concept__listarea--item .option__powerlist--item .tit{letter-spacing:1.4px
}
.concept__listarea--item .option__powerlist--item .tit:before{width:32px;min-width:32px;height:32px;margin-right:6px;padding-left:5px;font-size:16px;letter-spacing:5.5px;line-height:1
}
.concept__listarea--item .option__powerlist--item .txt{margin-top:8px;font-size:14px;line-height:2.14286
}
.concept__listarea--item .option__powerlist--item .caption{margin-top:0;font-size:12px;line-height:2.5
}
.concept__listarea--item .option__line{width:calc(100% - 10px);margin-top:22px;padding:0 10px
}
.concept__listarea--item .option__line span{padding:0 14px 0 15px;letter-spacing:1.3px
}
.concept__listarea--item .option__list{flex-wrap:wrap;margin-top:19px;padding:0 15px
}
.concept__listarea--item .option__list--item{width:calc(50% - 10px)
}
.concept__listarea--item .option__list--item:nth-of-type(2n){margin-left:15px
}
.concept__listarea--item .option__list--item:nth-of-type(n+3){margin-top:18px
}
.concept__listarea--item .option__list--item:nth-of-type(odd){margin-top:-18px
}
.concept__listarea--item .option__list--item:first-of-type{margin-top:0
}
.concept__listarea--item .option__list--item .image{position:relative;width:100%;height:0;padding-top:100%
}
.concept__listarea--item .option__list--item .image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;font-family:"object-fit: cover"
}
.concept__listarea--item .option__list--item .tit{margin-top:8px;letter-spacing:.3px
}
.concept__listarea--item .infoarea{width:calc(100% + 40px);margin:30px -20px 0;padding:28px 20px 30px
}
.concept__listarea--item .infoarea__tit{margin-left:2px;font-size:13px;letter-spacing:2.1px;line-height:1.84615
}
.concept__listarea--item .infoarea__iframearea{flex-direction:column;margin-top:30px
}
.concept__listarea--item .infoarea__iframearea .iframeitem{width:100%;height:240px
}
.concept__listarea--item .infoarea__btn{width:100%;margin-top:29px;margin-left:0
}
.concept__listarea--item .flowarea{width:calc(100% + 10px);margin:30px -5px
}
.concept__listarea--item .flowarea__tit{width:100%
}
.concept__listarea--item .flowarea__inner{position:relative;width:100%;margin-top:35px;padding-bottom:37px;overflow-x:auto
}
.concept__listarea--item .flowarea__inner .ps__rail-x{height:10px;border-radius:5px!important;background-color:#f3f3f3!important;opacity:1!important
}
.concept__listarea--item .flowarea__inner .ps__thumb-x{bottom:0;height:100%!important;border-radius:5px!important;background-color:#99CC33!important
}
.concept__listarea--item .flowarea__inner img{width:1130px;max-width:1130px;height:320px
}
.concept__listarea--item.planning .item.no-2 .item__imagearea{margin-top:35px
}
.concept__listarea--item.planning .cloud.no-1{
top:.5%;left:calc(50% - 227px);width:96px;height:57px
}
.concept__listarea--item.planning .cloud.no-2{
top:49.5%;left:calc(50% - 12px);width:99px;height:58px
}
.concept__listarea--item.planning .cloud.no-3{
top:-2.8%;left:calc(50% + 96px);width:150px;height:90px
}
.concept__listarea--item.building{margin-top:98px
}
.concept__listarea--item.building .item{margin-top:38px
}
.concept__listarea--item.building .item__imagearea{margin-top:35px
}
.concept__listarea--item.building .item.no-2{margin-top:46px
}
.concept__listarea--item.building .item.no-2 .item__imagearea{margin-top:36px
}
.concept__listarea--item.building .cloud.no-1{
top:-2.8%;left:calc(50% - 201px);width:96px;height:57px
}
.concept__listarea--item.building .cloud.no-2{
top:22%;left:calc(50% - 152px);width:99px;height:58px
}
.concept__listarea--item.building .cloud.no-3{
top:2.7%;left:calc(50% + 81px);width:150px;height:90px
}
.concept__listarea--item.search{margin-top:108px
}
.concept__listarea--item.search .item__imagearea{margin-top:33px
}
.concept__listarea--item.search .cloud.no-1{
top:-5.7%;left:calc(50% - 260px);width:152px;height:90px
}
.concept__listarea--item.search .cloud.no-2{
top:.5%;left:calc(50% + 101px);width:96px;height:57px
}
.concept__listarea--item.followup{margin-top:129px
}
.concept__listarea--item.followup .cloud.no-1{
top:.5%;left:calc(50% - 227px);width:96px;height:57px
}
.concept__listarea--item.followup .cloud.no-3{
top:-3%;left:calc(50% + 96px);width:150px;height:90px
}
.concept__outro{margin-top:71px
}
.concept__outro:before{
top:-71px
}
.concept__outro--txt{margin-left:3px;font-size:22px;letter-spacing:1.8px;line-height:1.84091
}
.concept .c-footer-cv{margin-top:105px
}
.concept .athome .ser-komas-slider{width:200px;margin:10px auto!important
}
.concept .athome .ser-koma{border:0 solid #fff!important
}


.works .l-page-header__inner{background-image:url(../images/works/img__header__sm.jpg)
}

.works .l-page-header__inner{height:240px
}
.works .l-page-header__inner:after,.works .l-page-header__inner:before{width:50%;height:200px
}
/*
.works .l-page-header__inner:before{
top:0;bottom:auto;background-image:url(../images/works/img__header01__sm.jpg)
}
.works .l-page-header__inner:after{
top:auto;bottom:3px;background-image:url(../images/works/img__header02__sm.jpg)
}
*/

.works .l-page-header__tit{z-index:1;margin-top:66px;padding:29px 25px
}
.works .l-page-header__tit .ja{font-size:32px;letter-spacing:6.2px;line-height:1.375
}
.works .l-page-header__tit .en{bottom:12px;left:32px;font-weight:600;letter-spacing:4px
}
.works .l-page-header__caption{bottom:67px;left:calc(50% - 19px)
}
.works__area{margin-top:70px
}
.works__list{width:calc(100% + 40px);margin:41px -20px 0
}
.works__list--item{width:100%
}
.works__list--item:not(:first-of-type){margin-top:31px
}
.works__list--item .imagearea{position:relative;height:0;padding-top:42.666666%
}
.works__list--item .imagearea img{position:absolute;top:0;left:0
}
.works__list--item .txtarea{margin-top:13px;padding:0 20px
}
.works__list--item .txtarea__tit{font-size:14px;letter-spacing:1.1px;line-height:1.85714
}
.works__list--item .txtarea__tags{margin-top:14px
}
.works .c-pager{margin-top:48px
}
.works .c-footer-cv{margin-top:171px
}
.works-detail__mv{height:calc(100vh - 121px)
}
.works-detail__mv:after{height:417px;background:linear-gradient(rgba(3,3,3,0),rgba(0,0,0,.3))
}
.works-detail__mv--inner{width:100%;padding:0 22px
}
.works-detail__mv--inner .txtarea{margin-bottom:33px
}
.works-detail__mv--inner .txtarea__tit{font-size:28px;line-height:1.42857
}
.works-detail__mv--inner .txtarea__meta{margin-top:11px
}
.works-detail__mv--inner .txtarea__meta--family{margin-left:-3px
}
.works-detail__mv--inner .txtarea__meta--family:before{margin-right:11px
}
.works-detail__txtarea{width:100%;margin:25px auto 0
}
.works-detail__txtarea .intro-txt{width:100%;padding:0 20px;font-size:14px;line-height:2.14286
}
.works-detail__txtarea .spec{flex-direction:column;width:100%;margin:29px auto 0;padding:0 20px
}
.works-detail__txtarea .spec+.image-wrap{margin-top:39px
}
.works-detail__txtarea .spec__inner{width:100%
}
.works-detail__txtarea .spec__inner:not(:first-of-type){margin-top:15px
}
.works-detail__txtarea .spec__item dt{min-width:78px
}
.works-detail__txtarea .image-wrap{margin-top:62px
}
.works-detail__txtarea p{width:100%;margin:26px auto 0;padding:0 20px;font-size:14px;line-height:2.14286
}
.works-detail__other{margin-top:95px
}
.works-detail__other--tit{padding-left:6px;font-size:24px;letter-spacing:4.8px;line-height:1
}
.works-detail__other--tit:before{bottom:-7px;left:calc(50% - 46.5px);width:93px;height:82px;background-size:100%
}
.works-detail__other--list{flex-direction:column;margin-top:36px
}
.works-detail__btn{width:calc(100% - 40px);margin:39px auto 0
}
.works-detail .c-footer-cv{margin-top:108px
}
.company .mainwrap{overflow-x:hidden
}
.company .l-page-header__inner{background-image:url(../images/company/img__header__sm.jpg)
}
.company .l-page-header__inner:before{bottom:-24px;left:calc(50% - 144.5px);width:289px;height:136px;background-size:100%
}
.company .l-page-header__tit{margin-bottom:-28px
}
.company .l-page-header__tit .ja{padding-left:8px;font-size:32px;letter-spacing:6.3px;line-height:1.34375
}
.company .l-page-header__tit .en{bottom:-17px;letter-spacing:3.8px
}
.company .l-page-header__caption{
top:122px;/*auto;*/ bottom:-53px;/*left:calc(50% + 57px*/)
}
.company__area{margin-top:105px
}
.company__intro{flex-direction:column;padding:0 20px
}
.company__intro--txtarea{width:100%;margin-left:2px
}
.company__intro--tit{font-size:28px;letter-spacing:2.8px;line-height:1.82143;text-align:center
}
.company__intro--txt{margin-top:20px;margin-left:-2px;font-size:14px;line-height:2.14286
}
.company__intro--imagearea{width:289px;height:220px;margin:0 auto
}
.company__intro--cloud.no-1{
top:-50px;left:calc(50% + 122px);width:126px;height:75px
}
.company__link{margin-top:40px
}
.company__link--item{padding:7px 7px 14px
}
.company__link--item .titarea{margin-top:10px
}
.company__link--item .titarea .ja{margin-top:2px
}
.company__link--item .arrow{margin-top:7px;margin-right:13px
}
.company__sec{margin-top:58px
}
.company__sec--item .titarea__tit .en{margin-left:8px;font-size:35px;letter-spacing:7px;line-height:1
}
.company__sec--item .titarea__tit .en span{margin-bottom:15px;margin-left:-4px;font-size:16px;letter-spacing:3.6px
}
.company__sec--item .titarea__tit .ja{margin-top:31px;padding-left:2px;letter-spacing:1.6px
}
.company__sec--item .titarea__tit .ja:before{
top:-18px;left:calc(50% - 25px);width:50px;height:6px;border-radius:3px
}
.company__sec--item.policy{margin-top:59px
}
.company__sec--item.overview{margin-top:54px
}
.company__sec--item.modelhouse{margin-top:114px
}
.company__stafflist{margin:58px auto 0;padding:0 20px
}
.company__stafflist--item{width:100%;padding:0 0 24px
}
.company__stafflist--item:not(:first-of-type){margin-top:33px
}
.company__stafflist--item .txtarea{
align-items:center
}
.company__stafflist--item .txtarea__meta{margin-left:3px
}
.company__stafflist--item .txtarea__meta--position{letter-spacing:1.4px
}
.company__stafflist--item .txtarea__meta--name{margin-top:16px
}
.company__stafflist--item .txtarea__meta--name .ja{letter-spacing:4.2px
}
.company__stafflist--item .txtarea__meta--name .en{margin-top:2px;margin-left:13px
}
.company__stafflist--item .txtarea__image{margin-top:25px;text-align:center
}
.company__stafflist--item .txtarea__txt{margin-top:35px;letter-spacing:.4px
}
.company__policy{height:auto;margin-top:34px;padding:30px 20px
}
.company__policy .inner{flex-direction:column;padding:37px 40px 50px;border-radius:4px
}
.company__policy .txtarea{margin-top:0
}
.company__policy .txtarea__tit{margin-left:14px;font-size:26px;letter-spacing:2.6px;line-height:1.69231;text-align:center
}
.company__policy .txtarea__txt{margin-top:22px;padding-right:0;letter-spacing:.4px
}
.company__policy .imagearea{/* width:159px;height:122px;*/ margin-top:26px
}
.company__overview{margin-top:29px;padding:0 20px
}
.company__overview .tit{margin-left:3px;font-size:22px;letter-spacing:2.2px;line-height:2
}
.company__overview .inner{flex-direction:column;width:100%;margin:33px auto 0
}
.company__overview .inner .list:not(:first-of-type){margin-top:11px;margin-left:0
}
.company__overview .inner .item{width:100%;padding-bottom:12px;padding-left:5px;font-size:14px;line-height:1.71429
}
.company__overview .inner .item:not(:first-of-type){margin-top:11px
}
.company__modelhouse{margin-top:34px
}
.company__modelhouse .tit{margin-left:2.8px;font-size:20px;letter-spacing:2px;line-height:1.8
}
.company__modelhouse .slide{height:375px;margin-top:26px
}
.company__modelhouse .slide__item{width:100%!important;margin:0
}
.company__modelhouse .detailarea{flex-direction:column-reverse;align-items:center;width:100%;margin:30px auto 0;padding:0 30px
}
.company__modelhouse .detailarea__txt{margin-top:25px
}
.company__modelhouse .detailarea__image{flex-direction:column
}
.company__modelhouse .detailarea__image .image-2f{margin-top:42px;margin-left:17px
}
.company__modelhouse .btn{width:calc(100% - 40px);margin:25px 20px 0
}
.company__modelhouse .btn span{letter-spacing:2.1px
}
.company__modelhouse .maparea{height:0;margin-top:40px;padding-top:100%
}
.company__modelhouse .maparea iframe{position:absolute;top:0;left:0
}
.company__modelhouse .mapdetail{padding:26px 20px 50px
}
.company__modelhouse .mapdetail__list{flex-direction:column;width:100%
}
.company__modelhouse .mapdetail__list--item:not(:first-of-type){margin-top:14px
}
.company__modelhouse .mapdetail__list--item .item{display:flex;font-size:14px;line-height:2.14286
}
.company__modelhouse .mapdetail__list--item .item:not(:first-of-type){margin-top:1px
}
.company__modelhouse .mapdetail__list--item .item dt{min-width:57px
}
.company__modelhouse .mapdetail__list--item .item dd b{margin-bottom:0
}
.company__modelhouse .mapdetail__list--item .item.adjust{flex-direction:column
}
.company__modelhouse .mapdetail__list--item .item.adjust dt{min-width:auto
}
.company__modelhouse .mapdetail__list--item .item.adjust dd{margin-top:1px
}
.company__modelhouse .mapdetail__list--item .map-btn{width:100%;margin-top:16px
}
.company__modelhouse .mapdetail__btn{bottom:-35px;left:20px;width:calc(100% - 40px)
}
.company__modelhouse .mapdetail__btn span{letter-spacing:2.1px
}
.company .l-footer{margin-top:75px
}
.blog .blog__area--article .main-content>div,.blog .blog__area--article .main-content>figure,.blog .blog__area--article .main-content>h1,.blog .blog__area--article .main-content>h2,.blog .blog__area--article .main-content>h3,.blog .blog__area--article .main-content>h4,.blog .blog__area--article .main-content>h5,.blog .blog__area--article .main-content>h6,.blog .blog__area--article .main-content>p{margin-top:30px!important
}
.blog .blog__area--article .main-content>:first-child,.blog .blog__area--article .main-content>h1+div,.blog .blog__area--article .main-content>h1+figure,.blog .blog__area--article .main-content>h1+p,.blog .blog__area--article .main-content>h2+div,.blog .blog__area--article .main-content>h2+figure,.blog .blog__area--article .main-content>h2+p,.blog .blog__area--article .main-content>h3+div,.blog .blog__area--article .main-content>h3+figure,.blog .blog__area--article .main-content>h3+p,.blog .blog__area--article .main-content>h4+div,.blog .blog__area--article .main-content>h4+figure,.blog .blog__area--article .main-content>h4+p,.blog .blog__area--article .main-content>h5+div,.blog .blog__area--article .main-content>h5+figure,.blog .blog__area--article .main-content>h5+p,.blog .blog__area--article .main-content>h6+div,.blog .blog__area--article .main-content>h6+figure,.blog .blog__area--article .main-content>h6+p{margin-top:20px!important
}
.blog .blog__area--article .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,.blog .blog__area--article .wp-block-media-text .wp-block-media-text__content{padding:0
}
.blog .blog__area--article .main-content .wp-block-media-text{display:block
}
.blog .c-company-detail,.blog .l-header{display:none
}
.blog__header{height:137px
}
.blog__header--inner{display:flex;align-items:center;width:100%;height:100%;padding:0 19px
}
.blog__header--tit{margin-top:-8px;font-size:38px;letter-spacing:4.6px;line-height:1.13158
}
.blog__header--tit:after{right:15px;bottom:-14px;width:44px;height:54px
}
.blog__header--txt{bottom:13px;left:20px;font-size:12px;letter-spacing:1px;line-height:1
}
.blog__header--txt img{margin-top:1px;margin-left:3px
}
.blog__header--caption{
top:24px;right:auto;bottom:auto;left:262px
}
.blog__fv{width:100%
}
.blog__fv--inner .c-blogitem .imagearea{height:0;padding-top:56.8%;border-radius:0
}
.blog__fv--inner .c-blogitem .txtarea{margin-top:18px;padding:0 20px
}
.blog__fv--inner .c-blogitem .txtarea__cate{margin-top:8px
}
.blog__fv--inner.archives{justify-content:center;height:auto
}
.blog__fv--tit{margin-top:-13px;padding-left:2px
}
.blog__fv--tit h2{font-size:20px;letter-spacing:1.6px;line-height:1
}
.blog__fv--image{position:relative;height:0;padding-top:51.466667%;border-radius:0
}
.blog__fv--image img{position:absolute;top:0;left:0
}
.blog__fv.detail .blog__fv--inner .imagearea{position:relative;height:0;padding-top:56.8%;border-radius:0
}
.blog__fv.detail .blog__fv--inner .imagearea img{position:absolute;top:0;left:0
}
.blog__area,.blog__area.archives{margin-top:40px
}
.blog__area.detail{margin-top:30px
}
.blog__area.detail .c-blognav{margin-top:76px
}
.blog__area.detail+.c-footer-cv{margin-top:100px
}
.blog__area--inner{flex-direction:column
}
.blog__area--list{order:1
}
.blog__area--list .c-blogitem:first-of-type{
transform:translateY(0);opacity:1;transition:none
}
.blog__area--list .c-blogitem:not(:first-of-type){margin-top:40px
}
.blog__area--article .article-tit{font-size:24px;letter-spacing:1.9px;line-height:1.5
}
.blog__area--article .metaarea{margin-top:17px
}
.blog__area--article .metaarea__cate{margin-left:11px
}
.blog__area--article .metaarea__cate--item{padding:6px 11px 7px 12px;letter-spacing:.15px
}
.blog__area--article .main-content h2{padding:21px 0 23px;font-size:22px;letter-spacing:1.76px;line-height:1.55
}
.blog__area--article .main-content h2:after,.blog__area--article .main-content h2:before{height:3px
}
.blog__area--article .main-content h2+p{margin-top:14px
}
.blog__area--article .main-content p{margin-top:25px;font-size:14px;line-height:2.14286
}
.blog__area--article .main-content img{width:100%;height:auto
}
.blog__area--article .main-content .l-row{margin-top:45px
}
.blog__area--article .main-content .l-row+.l-row{margin-top:25px
}
.blog__area--article .share-area{margin-top:54px
}
.blog__area--article .share-area__tit{padding-left:2px
}
.blog__area--article .share-area__list{justify-content:center;margin-top:13px
}
.blog__area--article .share-area__btn{width:56px;border-radius:4px
}
.blog__area--article .share-area__btn:not(:first-of-type){margin-left:10px
}
.blog__area--article .share-area__btn:before{display:inline-block;width:25px;height:25px;background-size:cover;content:""
}
.blog__area--article .share-area__btn.fb__2:before{background-image:url(../images/common/ico__fb__2.svg)
}
.blog__area--article .share-area__btn.tw:before{background-image:url(../images/common/ico__tw.svg)
}
.blog__area--article .share-area__btn.ln:before{background-image:url(../images/common/ico__ln.svg)
}
.blog__area--article .share-area__btn.checkmark:before{background-image:url(../images/common/ico__checkmark.svg)
}
.blog__area--article .share-area__btn.tw:before{width:25px;height:22px
}
.blog__area--article .share-area__btn.checkmark:before{opacity:1;transition:opacity .5s ease,transform .5s ease
}
.blog__area--article .share-area__btn.checkmark .copy{font-size:12px;letter-spacing:1px;line-height:1
}
.blog__area--article .share-area__btn.checkmark.is-copyed:before{
transform:translateY(-10px);opacity:0
}
.blog__area--article .share-area__btn .txt{display:none
}
.blog__area--related{position:relative;width:calc(100% + 40px);margin:116px -20px 0
}
.blog__area--related:before{display:inline-block;z-index:-1;position:absolute;top:-76px;left:0;width:100%;height:192px;background-image:url(../images/common/bg__mag.svg);background-repeat:repeat-x;background-size:187px 192px;content:""
}
.blog__area--related .tit{padding-left:6px;font-size:24px;letter-spacing:4.9px;line-height:1
}
.blog__area--related .list{flex-direction:column;margin-top:35px;padding:0 20px
}
.blog__area--related .list .c-blogitem:not(:first-of-type){margin-top:40px
}
.blog__area .c-pager{position:relative;order:2;width:calc(100% + 40px);margin:58px -20px 0
}
.blog__area .c-pager:after{display:inline-block;z-index:-1;position:absolute;bottom:-114px;left:0;width:100%;height:192px;background-image:url(../images/common/bg__mag.svg);background-repeat:repeat-x;background-size:187px 192px;content:""
}
.blog__area .c-blognav{order:3;margin-top:138px
}
.blog .c-footer-cv{margin-top:99px
}
.contact .l-page-header__inner{background-image:url(../images/contact/img__header.jpg)
}
.contact .l-page-header__inner:before{bottom:-43px;left:calc(50% - 139px);width:285px;height:178px;background-image:url(../images/common/bg__header__crown__sm.svg)
}
.contact .l-page-header__tit{margin-bottom:-26px
}
.contact .l-page-header__tit .ja{padding-left:14px;font-size:26px;letter-spacing:3.8px;line-height:1.38462
}
.contact .l-page-header__tit .en{bottom:-19px;letter-spacing:3.9px
}
.contact .l-page-header__caption{
top:auto;bottom:-78px;left:calc(50% + 55px)
}
.contact__area{margin:103px auto 0
}
.contact__area .txt{padding:0 50px;font-size:14px;line-height:2.14286
}
.contact__main{width:100%;margin:27px auto 0
}
.contact__main--inputarea .item{display:flex;flex-direction:column;padding:29px 30px 28px
}
.contact__main--inputarea .item:not(:first-of-type){border-top:2px solid #ccc
}
.contact__main--inputarea .item.adjust{padding:29px 30px
}
.contact__main--inputarea .item.adjust:not(:first-of-type){padding:32px 30px
}
.contact__main--inputarea .item.adjust .detail{margin-top:20px
}
.contact__main--inputarea .item .tit{flex-direction:row;align-items:center;min-width:100%
}
.contact__main--inputarea .item .tit.center{justify-content:flex-start
}
.contact__main--inputarea .item .tit__txt{display:flex;align-items:center;font-size:16px;letter-spacing:1.8px;line-height:1
}
.contact__main--inputarea .item .tit__txt span{font-size:16px
}
.contact__main--inputarea .item .tit__txt.adjust{margin-top:0
}
.contact__main--inputarea .item .tit__caption{margin-top:0;margin-left:6px;font-size:13px;font-weight:500;letter-spacing:.7px;line-height:1
}
.contact__main--inputarea .item .tit.required .tit__txt:after{margin-bottom:-2px;margin-left:6px
}
.contact__main--inputarea .item .detail{margin-top:21px;margin-left:0
}
.contact__main--inputarea .item .detail.c-input-text{margin-top:22px
}
.contact__main--inputarea .item .detail.c-input-select{margin-top:29px
}
.contact__main--btnarea{margin-top:3px;padding-top:23px;border-top:2px solid #ccc
}
.contact__main--btnarea .txt{padding:0 20px;font-size:14px;letter-spacing:.42px;line-height:2.07143;text-align:left
}
.contact__main--btnarea .inner{margin-top:14px;padding:0 20px;border:none;border-radius:4px
}
.contact__main--btnarea .inner .btn{width:100%;padding-right:1px
}
.contact__main--btnarea .back-btn{width:70%;margin:30px auto 0
}
.contact .l-footer{margin-top:50px
}
.thanks__area{margin-top:20px
}
.thanks__area--inner{padding:0 50px
}
.thanks__area--inner .titarea__tit .ja{padding-left:10px;font-size:26px;line-height:1.38462
}
.thanks__area--inner .titarea__tit .en{margin-top:21px;padding-right:0
}
.thanks__area--inner .txtarea{margin-top:30px;padding-left:10px
}
.thanks__area--inner .txtarea__txt{font-size:14px;line-height:2.14286
}
.thanks__area--inner .txtarea__txt:not(:first-of-type){margin-top:25px
}
.thanks__area--inner .btn{width:100%;margin-top:35px;margin-left:10px
}
.thanks__area--inner .btn span{padding-right:2px
}
.thanks .c-footer-cv{margin-top:116px
}
.notfound__area{margin-top:20px
}
.notfound__area--inner{padding:0 50px
}
.notfound__area--inner .titarea__tit .ja{padding-left:10px;font-size:26px;line-height:1.38462
}
.notfound__area--inner .titarea__tit .en{margin-top:21px;padding-right:0
}
.notfound__area--inner .txtarea{margin-top:30px;padding-left:10px
}
.notfound__area--inner .txtarea__txt{font-size:14px;line-height:2.14286
}
.notfound__area--inner .txtarea__txt:not(:first-of-type){margin-top:25px
}
.notfound__area--inner .btn{width:100%;margin-top:35px;margin-left:10px
}
.notfound__area--inner .btn span{padding-right:2px
}
.notfound .c-footer-cv{margin-top:116px
}

}
@media print,screen and (min-width:900px){
a[href^="tel:"]{pointer-events:none
}
.c-btn__square:hover{border-radius:12px
}
.c-btn__square:hover:before{
transform:translateX(-40px)
}
.c-btn__square:hover:after{
transform:translateX(0)
}
.c-btn__square:hover span:after{opacity:1
}
.c-input-checkbox label input:hover+span:after,.c-input-radio label input:hover+span:after{background-color:rgba(49,115,94,.2)
}
.c-footer-cv__inner:after,.c-footer-cv__inner:before{display:inline-block;z-index:1;position:absolute;left:0;width:100%;height:4.758418741vw;max-height:65px;background-image:url(../images/common/mask__footercv.png);background-size:contain;content:""
}
.c-footer-cv__inner:before{
top:-39px;background-position:100%
}
.c-footer-cv__inner:after{bottom:-33px;transform:scale(-1);background-position:0
}
.c-footer-cv__txtarea{width:577px;min-width:577px;margin-left:calc((100vw - 1130px)/2)
}
.c-footer-cv__imagearea{width:100%;min-width:598px;height:470px;margin-left:73px
}
.c-blogitem .txtarea__cate--item:hover{background-color:#302d2c;color:#fff
}
.c-blogitem:hover .imagearea img{
transform:scale(1.1)
}
.c-animation.to-left{
transform:translateX(50px)
}
.c-animation.to-left.is-animation{
transform:translateX(0)
}
.c-animation.to-right{
transform:translateX(-50px)
}
.c-animation.to-right.is-animation{
transform:translateX(0)
}
.c-animation.to-bottom{
transform:translateY(-50px)
}
.c-animation.to-bottom.is-animation{
transform:translateY(0)
}
.c-underline,.top__mv--blog .inner .tit span{position:relative
}
.c-underline:after,.top__mv--blog .inner .tit span:after{display:inline-block;position:absolute;bottom:-3px;left:0;width:100%;height:1px;background-color:#302d2c;content:"";opacity:0;transition:opacity .5s ease
}
.c-tit-arrow .caption{position:absolute;right:-1px;bottom:-25px
}
.c-tag__item:hover{background-color:#99CC33;color:#fff
}
.c-pager .pager:hover{color:#99CC33
}
.c-pager .arrow:hover span:before{width:23px
}
.c-pager .arrow:hover span:after{left:-32px
}
.c-works-item:nth-of-type(0){
transition-delay:0ms
}
.c-works-item:first-of-type{
transition-delay:80ms
}
.c-works-item:nth-of-type(2){
transition-delay:.16s
}
.c-works-item:nth-of-type(3){
transition-delay:.24s
}
.c-works-item .txtarea__tags--item:hover{background-color:#99CC33;color:#fff
}
.c-works-item:hover .imagearea img{
transform:scale(1.1)
}
.c-ankerlink__item .titarea .en .small{margin-bottom:6px;margin-left:-2px;font-size:12px;letter-spacing:2.4px
}
.c-ankerlink__item .titarea .ja:before{display:inline-block;position:absolute;top:-20px;left:calc(50% - 18.5px);width:37px;height:7px;background-image:url(../images/common/ico__tit__decoration.svg);content:""
}
.c-ankerlink__item:hover .arrow{
transform:translateY(5px)
}
.c-blognav__item .linklist__link:hover{color:#99CC33
}
.c-blognav__item .more-btn:hover{background-color:#302d2c;color:#fff
}
body{min-width:1130px
}
.is-nav-active .mainwrap{filter:blur(20px);transition-delay:50ms
}
.l-row-lg{display:flex
}
.l-sm{display:none!important
}
body:not(.top) .l-floatbtn{
transform:translateX(10px);opacity:0
}
html.is-loaded body:not(.top) .l-floatbtn{
transform:translateX(0);opacity:1;transition:opacity .9s ease,transform .9s ease;transition-delay:1s
}
.l-breadcrumbs__inner a{
transition:opacity .5s ease
}
.l-breadcrumbs__inner a:hover{opacity:.6
}
.l-footer__inner{min-width:1130px
}
.l-footer__gotop:hover .l-footer__gotop--line:after{
transform:translateY(20px)
}
.l-footer__gotop:hover .l-footer__gotop--line .arrow:after,.l-footer__gotop:hover .l-footer__gotop--line .arrow:before{
top:18px
}
.l-footer__gotop:hover .l-footer__gotop--line .arrow:before{
transform:rotate(-45deg) scaleX(1)
}
.l-footer__gotop:hover .l-footer__gotop--line .arrow:after{
transform:rotate(45deg) scaleX(1)
}
.l-footer__txtarea .cv__txt:hover:before{
transform:rotate(15deg)
}
.l-floatbtn__hmb:hover .line:before{
transform:translateY(4px)
}
.l-floatbtn__hmb:hover .line:after,.l-floatbtn__hmb:hover .txt{
transform:translateY(-4px)
}
.is-nav-active .l-floatbtn__hmb .line{background:#99CC33
}
.is-nav-active .l-floatbtn__hmb .line:before{
top:50%;transform:rotate(-45deg) translateY(0)
}
.is-nav-active .l-floatbtn__hmb .line:after{
top:50%;transform:rotate(45deg) translateY(0)
}
.is-nav-active .l-floatbtn__hmb .txt{
transform:translateY(0)
}
.l-floatbtn__contact:hover .icon:before{
transform:rotate(15deg)
}
.l-floatbtn__contact:hover .txt{
transform:translateY(-3px)
}
.l-nav{
transform:translateX(10px)
}
.is-nav-active .l-nav{
transform:translateX(0)
}
.l-nav__list.border{padding-left:29px;border-left:3px solid #99CC33
}
.l-nav__list.adjust .l-nav__item{margin-top:-7px
}
.l-nav__list.adjust .l-nav__item:not(:first-of-type){margin-top:15px
}
.l-nav__list.adjust .l-nav__item.small{margin-top:31px
}
.l-nav__list.adjust .l-nav__item.small .l-nav__link .ja{font-size:14px;letter-spacing:2.8px;line-height:1
}
.l-nav__list.adjust .l-nav__item.small .l-nav__link .en{font-size:10px;letter-spacing:1.2px;line-height:1
}
.l-nav__list.adjust .l-nav__item.small .l-nav__link .en .inner{padding:6px 4px 6px 6px
}
.l-nav__link .en .inner{padding:8px 4px 8px 6px
}
.l-nav__link[data-linkname=home] .ja .inner{padding:5px 0
}
.l-nav__link .inner{display:inline-flex;position:relative;height:100%;padding:5px 4px;overflow:hidden
}
.l-nav__link .inner:before{display:inline-block;z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;transform:translateX(-101%);background-color:#99CC33;content:"";transition:transform .3s ease;will-change:transform
}
.l-nav__link:hover{margin-right:-4px;padding-left:4px;opacity:1
}
.l-nav__link:hover .inner:before{
transform:translateX(0)
}
.l-nav__btn{padding-left:31px;border-left:3px solid #302d2c;transition:padding-left .3s ease
}
.l-nav__btn .inner{display:inline-flex;position:relative;height:100%;padding:5px 4px;overflow:hidden
}
.l-nav__btn .inner:before{display:inline-block;z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;transform:translateX(-101%);background-color:#99CC33;content:"";transition:transform .3s ease;will-change:transform
}
.l-nav__btn:hover{padding-left:35px;opacity:1
}
.l-nav__btn:hover .inner:before{
transform:translateX(0)
}
html:not(.is-fv-scrolled) .top .l-header__inner{
transform:translateY(10px);opacity:0
}
html:not(.is-fv-scrolled) .top .c-company-detail,html:not(.is-fv-scrolled) .top__weatherinfo{
transform:translateY(-15px);opacity:0
}
html:not(.is-fv-scrolled) .top__mv{opacity:0
}
html:not(.is-fv-scrolled) .top__mv--catchcopy{
transform:translateY(-15px);opacity:0
}
html:not(.is-fv-scrolled) .top__mv--blog{opacity:0
}
html:not(.is-fv-scrolled).is-loaded .top .l-header__inner{
transform:translateY(0);opacity:1;transition:opacity 2s cubic-bezier(.075,.82,.165,1),transform 2s cubic-bezier(.075,.82,.165,1);transition-delay:.3s
}
html:not(.is-fv-scrolled).is-loaded .top__mv{opacity:1;transition:opacity 1.5s ease;transition-delay:1s
}
html:not(.is-fv-scrolled).is-fv-show .top .c-company-detail{
transform:translateY(0);opacity:1;transition:opacity 1s ease,transform 1s ease
}
html:not(.is-fv-scrolled).is-fv-show .top .l-floatbtn{
transition:opacity 1s ease,transform 1s ease;transition-delay:unset
}
html:not(.is-fv-scrolled).is-fv-show .top__mv--catchcopy,html:not(.is-fv-scrolled).is-fv-show .top__weatherinfo{
transform:translateY(0);opacity:1;transition:opacity 1s ease,transform 1s ease
}
html:not(.is-fv-scrolled).is-fv-show .top__mv--blog{
transform:translateX(0);opacity:1;transition:opacity 1s ease,transform 1s ease
}
.top__mv--blog .inner .date{display:flex;align-items:center;justify-content:center;height:100%
}
.top__mv--blog .inner .tit{padding-left:11px;background-color:hsla(0,0%,100%,.9)
}
.top__mv--blog:hover .inner .tit{background-color:#fff
}
.top__mv--blog:hover .inner .tit span:after{opacity:1
}
.top__works--titarea{width:1196px;margin:0 auto
}
.top__concept--bg{
transition-delay:.25s
}
.top__concept--bg:after{display:inline-block;position:absolute;top:105px;right:calc(50% - 601px);width:47px;height:201px;/* background-image:url(../images/top/txt__hometotown.svg);*/content:""
}
.top__morecontent--item .imagearea{z-index:-1;position:absolute;transition-delay:.3s
}
.top__morecontent--item.no-1 .imagearea{
top:219px;left:175px;width:350px;height:350px
}
.top__morecontent--item.no-2{margin-top:314px;margin-left:203px
}
.top__morecontent--item.no-2 .imagearea{
top:-287px;right:-127px;width:350px;height:350px
}
.top__morecontent--item.no-2 .txtarea__txt{margin-left:2px
}
.top__morecontent--item.no-3{margin-top:131px;margin-left:125px
}
.top__morecontent--item.no-3 .imagearea{
top:-39px;right:-485px;width:564px;height:290px
}
.top__morecontent--item.no-3 .txtarea__txt{margin-left:2px
}
.top__cv--tit{z-index:99;position:absolute;left:calc(50% + 288px);height:148px
}
.top__cv:hover .top__cv--imagearea .image:after{
transform:scale(1.1)
}
.top__mag--list .c-blogitem:nth-of-type(0){
transition-delay:0ms
}
.top__mag--list .c-blogitem:first-of-type{
transition-delay:80ms
}
.top__mag--list .c-blogitem:nth-of-type(2){
transition-delay:.16s
}
.top__mag--list .c-blogitem:nth-of-type(3){
transition-delay:.24s
}
.concept .l-page-header__tit{margin-bottom:-25px
}
.concept .l-page-header__tit .en{bottom:-31px;left:9px
}
.concept__listarea--item .item__txtarea{width:460px
}
.concept__listarea--item .item__imagearea{z-index:-1;position:absolute
}
.concept__listarea--item .option__tit{padding-left:1px;font-size:18px;letter-spacing:.9px
}
.concept__listarea--item .option__flowtxt{padding:0 60px 0 82px
}
.concept__listarea--item .option__flowtxt li:first-of-type,.concept__listarea--item .option__flowtxt li:nth-of-type(2),.concept__listarea--item .option__flowtxt li:nth-of-type(3){margin-right:25px
}
.concept__listarea--item .option__flowtxt li:nth-of-type(4){margin-right:0
}
.concept__listarea--item .option__flowtxt li:nth-of-type(5),.concept__listarea--item .option__flowtxt li:nth-of-type(6){margin-right:22px
}
.concept__listarea--item .option__powerlist--item .tit{margin-left:4px
}
.concept__listarea--item.planning .item.no-1 .item__txtarea{margin-left:158px
}
.concept__listarea--item.planning .item.no-1 .item__imagearea{
top:-37px;left:calc(50% - 35px)
}
.concept__listarea--item.planning .item.no-2 .item__imagearea{
top:83px;left:calc(50% - 193px)
}
.concept__listarea--item.building{margin-top:268px
}
.concept__listarea--item.building .item.no-1 .item__txtarea{margin-left:160px
}
.concept__listarea--item.building .item.no-1 .item__txtarea--txt{margin-top:27px;margin-left:-2px
}
.concept__listarea--item.building .item.no-1 .item__imagearea{
top:-37px;left:calc(50% - 35px)
}
.concept__listarea--item.building .item.no-2{margin-top:120px
}
.concept__listarea--item.building .item.no-2 .item__imagearea{
top:-12px;left:calc(50% - 193px)
}
.concept__listarea--item.search{margin-top:183px
}
.concept__listarea--item.search .item.no-1{margin-top:85px
}
.concept__listarea--item.search .item.no-1 .item__txtarea{margin-left:115px
}
.concept__listarea--item.search .item.no-1 .item__txtarea--txt{width:320px
}
.concept__listarea--item.search .item.no-1 .item__imagearea{
top:95px;left:calc(50% - 90px)
}
.concept__listarea--item.followup{margin-top:188px
}
.concept__listarea--item.followup .item.no-1{margin-top:85px
}
.concept__listarea--item.followup .item.no-1 .item__txtarea{margin-left:115px
}
.concept__listarea--item.followup .item.no-1 .item__txtarea--txt{width:320px
}
.concept__listarea--item.followup .item.no-1 .item__imagearea{
top:95px;left:calc(50% - 90px)
}
.concept__outro{margin-bottom:374px
}
.athome{width:219px
}
.athome .ser-komas-slider{margin:0!important
}
.athome .ser-koma{width:219px!important
}
.works .l-page-header__inner{height:320px
}
.works .l-page-header__tit .en{bottom:19px;left:61px
}
.works__list--item:hover .imagearea img{
transform:scale(1.1)
}
.works__list--item{width:100%
}
.works-detail__txtarea .spec__item dt{min-width:78px
}
.works-detail__txtarea .w-50{width:50%
}
.company .l-page-header__tit{margin-bottom:-25px
}
.company .l-page-header__tit .en{bottom:-31px;left:9px
}
.company__intro{width:857px;margin:0 auto
}
.company__link--item .titarea.adjust{margin-top:0
}
.company__link--item .titarea.adjust .ja{margin-top:33px
}
.company__link--item .titarea .en{margin-left:4px;font-size:20px;letter-spacing:3.9px;line-height:1
}
.company__link--item .titarea .ja{margin-top:38px
}
.company__link--item .titarea .ja:before{
top:-18px
}
.company__stafflist{width:850px
}
.company__stafflist--item:nth-of-type(2n){margin-left:250px
}
.company__stafflist--item .imagearea{width:156px;min-width:156px;height:219px;margin-top:-23px;margin-left:50px
}
.company__policy .inner{width:850px;height:410px
}
.company__policy .txtarea{width:410px
}
.company__policy .imagearea{/* width:251px;min-width:251px;height:193px;*/ margin-top:1px
}
.company__modelhouse .detailarea__image{justify-content:space-between;width:538px;min-width:538px;margin-top:-19px;margin-right:-1px;margin-left:40px
}
.company__modelhouse .mapdetail__list--item:not(:first-of-type){margin-left:51px
}
.company__modelhouse .mapdetail__list--item .map-btn{
transition:color .5s ease,background-color .5s ease
}
.company__modelhouse .mapdetail__list--item .map-btn:hover{background-color:#302d2c;color:#fff
}
.blog .l-header{position:absolute;top:196px;left:64px;background:none
}
.blog__header{z-index:1;position:absolute;top:46px;left:58px
}
.blog__fv{margin-left:auto;padding-top:30px
}
.blog__fv--inner{padding-right:30px
}
.blog__fv--inner .c-blogitem .txtarea{flex-direction:row;align-items:center
}
.blog__fv--inner .c-blogitem .txtarea__date{order:1;font-size:16px;letter-spacing:1.3px;line-height:1
}
.blog__fv--inner .c-blogitem .txtarea__tit{order:3;margin-top:-1px;margin-left:19px;font-size:18px;font-weight:700;letter-spacing:1.44px;line-height:1.66667
}
.blog__fv--inner .c-blogitem .txtarea__cate{order:2;margin-top:0;margin-left:19px
}
.blog__fv--tit{bottom:45px;left:50px
}
.blog__fv--tit:hover h2:after{opacity:0
}
.blog__area--list{width:840px
}
.blog__area--list .c-blogitem{
transform:translateY(0);opacity:1;transition:unset
}
.blog__area--list .c-blogitem:nth-of-type(2n){margin-left:40px
}
.blog__area--list .c-blogitem:nth-of-type(n+3){margin-top:60px
}
.blog__area--article{width:640px;margin-right:106px;margin-left:auto
}
.blog__area--article .metaarea__cate--item:hover{background-color:#302d2c;color:#fff
}
.blog__area--article .main-content .wp-block-media-text p{margin-top:0
}
.blog__area--article .main-content .wp-block-media-text img{margin-top:5px
}
.blog__area--article .main-content .l-row{display:flex;align-items:flex-start;justify-content:space-between
}
.blog__area--article .main-content .l-row p{max-width:328px;margin-top:0
}
.blog__area--article .main-content .l-row img{max-width:310px;margin-top:5px
}
.blog__area--article .main-content .l-row :last-child{margin-left:20px
}
.blog__area--article .share-area__btn.fb__2 span:before{background-image:url(../images/common/ico__fb__2.svg)
}
.blog__area--article .share-area__btn.tw span:before{background-image:url(../images/common/ico__tw.svg)
}
.blog__area--article .share-area__btn.ln span:before{background-image:url(../images/common/ico__ln.svg)
}
.blog__area--article .share-area__btn.checkmark span:before{background-image:url(../images/common/ico__checkmark.svg)
}
.blog__area--article .share-area__btn.fb__2 span:before{margin-right:8px;margin-left:2px
}
.blog__area--article .share-area__btn.tw span:before{width:16px;height:14px;margin-right:6px;margin-left:4px
}
.blog__area--article .share-area__btn.ln span:before{margin-right:8px;margin-left:2px
}
.blog__area--article .share-area__btn.checkmark span:before{margin-right:7px;margin-left:3px
}
.blog__area--article .share-area__btn:hover{background-color:#99CC33
}
.blog__area--related{padding:0 32px
}
.blog__area--related .list:after{display:block;width:335px;height:0;content:""
}
.blog__area--related .c-blogitem{width:335px
}
.blog__area--related .c-blogitem:nth-of-type(0){
transition-delay:0ms
}
.blog__area--related .c-blogitem:first-of-type{
transition-delay:80ms
}
.blog__area--related .c-blogitem:nth-of-type(2){
transition-delay:.16s
}
.blog__area--related .c-blogitem:nth-of-type(3){
transition-delay:.24s
}
.blog__area--related .c-blogitem .imagearea{height:200px
}
.blog__area:after{display:inline-block;z-index:-1;position:absolute;bottom:-145px;left:0;width:100%;height:466px;background-image:url(../images/common/bg__mag.svg);background-repeat:repeat-x;background-size:456px 466px;content:""
}
.blog__area.detail:after{bottom:-48px
}
.contact .l-page-header__tit{margin-bottom:-23px
}
.contact .l-page-header__tit .en{bottom:-33px;left:-9px
}
.contact__area{width:866px
}
.contact__area--inner{margin-left:-18px;padding-right:18px
}
.contact__main--inputarea .item .tit.required .tit__txt:after{position:absolute;top:5px;right:0
}

}
@media print,screen and (min-width:900px) and (max-width:1229px){.c-footer-cv{padding:0 20px
}
.c-footer-cv__txtarea{width:500px;min-width:500px;margin-left:0
}
.c-footer-cv__txtarea .tit{font-size:26px
}
.c-footer-cv__txtarea .tit br{display:none
}
.c-footer-cv__imagearea{width:500px;min-width:500px
}
.l-container,body{min-width:100%
}
.l-container{width:100%;padding:0 20px
}
html.is-loaded body:not(.top) .blog__icon{display:none
}
.blog__area--list{width:800px
}
.blog__area--list .c-blogitem{width:calc(50% - 20px)
}
.blog__area--related .c-blogitem{width:calc(33.33333% - 20px)
}

}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:2){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
}

}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.l-footer__inner:after{background-image:url(../images/common/bg__footer__mask.png)
}

}
@media screen and (max-width:899px) and (max-height:630px){.l-nav>.inner{padding:30px 20px 70px
}
.l-nav__item:not(:first-of-type),.l-nav__list:not(:first-of-type){margin-top:15px
}
.l-nav__link .ja{font-size:12px;line-height:1.66667
}
.l-nav__link .ja br{display:none
}
.l-nav__link .en{margin-top:3px
}
.l-nav__btn{margin-top:30px;margin-left:0
}
.l-nav__btn .caption{font-size:10px;letter-spacing:1px;line-height:1
}
.l-nav__btn .tit{margin-top:12px;font-size:18px;line-height:1
}

}
@media print,screen and (min-width:900px) and (min-width:900px){html:not(.is-fv-scrolled) .top .l-floatbtn{
transform:translateX(10px);opacity:0
}
html:not(.is-fv-scrolled) .top__mv--blog{
transform:translateX(15px)
}
html:not(.is-fv-scrolled).is-fv-show .top .l-floatbtn{
transform:translateX(0);opacity:1
}

}
@media screen and (min-width:900px) and (max-width:1140px){.top__concept--bg:after{right:20px
}

}
@media print and (-webkit-min-device-pixel-ratio:2),print and (min-resolution:2dppx),screen and (min-width:900px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:900px) and (min-resolution:2dppx){.concept .l-page-header__inner{background-image:url(../images/concept/img__header.jpg)
}
.works .l-page-header__inner:before{background-image:url(../images/works/img__header01.jpg)
}
.works .l-page-header__inner:after{background-image:url(../images/works/img__header02.jpg)
}
.company .l-page-header__inner{background-image:url(../images/company/img__header.jpg)
}
.company__policy{background-image:url(../images/company/bg__policy.jpg)
}
.contact .l-page-header__inner{background-image:url(../images/contact/img__header.jpg)
}

}
@media screen and (min-width:900px){.powerlist{position:relative
}
.u-option-link{position:absolute;right:0;bottom:-30px
}

}

/*# sourceMappingURL=maps/style.css.map */
