@charset "utf-8";*,.ui-dialog,.ui-menu,a{outline:0}.ui-helper-reset,.ui-menu,li,nav ol,nav ul,ol,ul{list-style:none}

.box01{
    margin:2em 0;
    position: relative;
    padding: 1.5em 1em;
    border: solid 2px #561818;
    border-radius: 3px 0 3px 0;
    width: 100%;
    max-width: 800px;
    margin: 4em auto;
}
.box01:before,.box01:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #561818;
    border-radius: 50%;
}
.box01:after {
    top:-12px;
    left:-12px;
}
.box01:before {
    bottom:-12px;
    right:-12px;
}
.box01 p {
    font-weight: 600;
    margin: 0;
    padding: 0;
    color: #ff7575;
    font-size: 20px;
    text-align: center;
}

.box02 {
    position: relative;
    margin: 2em 0;
    padding: 1.5em 1em;
    border: dashed 1px #33302f;
    width: 100%;
    max-width: 800px;
    text-align: center;
    margin: 5em auto;
}
.box02 .box-title {
    position: absolute;
    display: inline-block;
    top: -35px;
    left: -3px;
    padding: 5px 9px;
    height: 34px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #FF9800;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box02 p {
    margin: 0; 
    padding: 0;
}

.box02 h2 {
    color:#FF9800;
    font-weight:600;
    padding: 10px;
    font-size: 20px;
}
.ttl_box {
     margin-bottom: 150px; 
}
.ttl-set h3{margin-top: 50px;font-size: 20px;border-bottom: 2px solid #d9d9d9;padding-left:25px;font-weight: 600;color: #3b3b3b;}
.ttl-set p {font-size: 19px;margin-top: 20px;padding-left: 10px;}
.ttl-set h5 {font-size: 16px;padding-left: 20px;}



.ttl-set h3:before{
    position: relative;
    top: 0;
    left: -10px;
    bottom: 0;
    width: 25px;
    font-size: 20px;
    text-align: left;
    font-family: 'FontAwesome';
    content: "\f02e";
    font-weight: normal;
    color: #ff7575;
}





.shape-logo{position:relative;width:45px;height:55px;fill:#FFF}
.shape-logo-icon{position:relative;width:28px;height:28px;fill:#FFF}.shape-wave{position:relative;width:180px;height:24px;fill:none;stroke:#E5E5E5;stroke-width:1px}
.s-wave[data-anim-type] .shape-wave{stroke-dashoffset:189.422;stroke-dasharray:189.422;-webkit-transition:stroke-dashoffset 1s cubic-bezier(.645,.045,.355,1) 0s;transition:stroke-dashoffset 1s cubic-bezier(.645,.045,.355,1) 0s}.s-wave[data-anim-type]
.is-animated .shape-wave{stroke-dashoffset:0}.shape-arrow-down,.shape-arrow-left,.shape-arrow-right,.shape-arrow-up{position:relative;fill:none;stroke:#FFF;stroke-width:2px;-webkit-transition:-webkit-transform .35s cubic-bezier(.25,.46,.45,.94) 0s;transition:transform .35s cubic-bezier(.25,.46,.45,.94) 0s}.shape-arrow-left,.shape-arrow-right{width:8px;height:14px}.shape-arrow-down,.shape-arrow-up{width:14px;height:8px}.shape-arrow-left+.line,.shape-arrow-right+.line,.shape-arrow-up+.line{display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:14px;height:2px;background:#FFF;-webkit-transition:-webkit-transform .45s cubic-bezier(.25,.46,.45,.94) 0s;transition:transform .45s cubic-bezier(.25,.46,.45,.94) 0s;-webkit-transform:scale(0,1);transform:scale(0,1)}.c-btn span,.c-btn span::after,.c-btn span::before{-webkit-transition:all .35s cubic-bezier(.23,1,.32,1) 0s}.shape-arrow-up+.line{width:2px;height:14px;-webkit-transform:scale(1,0);transform:scale(1,0)}.housing-article .shape-arrow-left+.line,.housing-article .shape-arrow-right+.line{background:#000}.view-pc .prev:hover .shape-arrow-left,.view-pc .slider-nav-prev:hover .shape-arrow-left{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}.view-pc .housing-article:hover .shape-arrow-right,.view-pc .next:hover .shape-arrow-right,.view-pc .service-item:hover .shape-arrow-right,.view-pc .slider-nav-next:hover .shape-arrow-right{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}.view-pc .go-to-top:hover .shape-arrow-up+.line,.view-pc .housing-article:hover .shape-arrow-right+.line,.view-pc .next:hover .shape-arrow-right+.line,.view-pc .prev:hover .shape-arrow-left+.line,.view-pc .service-item:hover .shape-arrow-right+.line,.view-pc .slider-nav-next:hover .shape-arrow-right+.line,.view-pc .slider-nav-prev:hover .shape-arrow-left+.line{-webkit-transform:scale(1,1);transform:scale(1,1)}.view-pc .go-to-top:hover .shape-arrow-up{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}.shape-home,.shape-pin{fill:#FFF;position:relative;stroke:none;stroke-width:0}.shape-home{fill:#333;width:14px;height:13px}.shape-pin{width:16px;height:26px}.shape-search{fill:#333;width:24px;height:24px}.u-bg-white{background:#FFF}.u-bg-light-gray{background:#F8F8F8}.u-bg-light-blue-gray{background:#B8C0C2}.u-bg-blue-gray{background:#5B6669}.u-txt-center{text-align:center}.u-float-l{float:left}.u-float-r{float:right}.u-pc{visibility:visible}.u-sp{visibility:hidden;height:0}.u-none{display:none!important}.cf:after,.cf:before{display:table}.cf:after{clear:both}.u-table{display:table;width:100%;height:100%;text-align:center}.table-cell{display:table-cell;vertical-align:middle}.u-flex{/* display:-webkit-flex; *//* display:flex */}.c-btn,.c-btn span{display:inline-block}._flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}._flex-center{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center}._flex-v-center{-webkit-align-items:center;align-items:center}.flex-item{-webkit-flex:1 1 auto;flex:1 1 auto}.btn-set .c-btn{margin:0 20px}.c-btn{position:relative;padding:0 30px;text-transform:uppercase;z-index:0}.c-btn._black{color:#FFF;background:#000}.c-btn._blue-gray{color:#FFF;background:#5B6669}.c-btn._gray{color:#FFF;background:#B7B7B7}.c-btn._transform-none{text-transform:none}.c-btn span{position:relative;color:transparent;transition:all .35s cubic-bezier(.23,1,.32,1) 0s}.c-btn span::after,.c-btn span::before{content:attr(data-txt);display:inline-block;position:absolute;top:0;left:0;color:#FFF;transition:all .35s cubic-bezier(.23,1,.32,1) 0s}.view-pc .c-btn span::after{color:#FFF;top:100%;opacity:0;visibility:hidden}.view-pc .c-btn:hover span::before{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.view-pc .c-btn:hover span::after{opacity:1;visibility:visible;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.c-btn._mail::before{content:"\e900";position:absolute;top:0;left:25px;bottom:0;right:auto;margin:auto;width:14px;height:14px;color:#FFF;font-size:1.4rem;font-family:udatsu}.c-btn._medium{min-width:280px;min-height:60px;padding:24px 30px}.c-btn._large{min-width:160px;min-height:80px;padding:34px 30px}.c-arrow-box{position:relative;width:80px;height:80px}.c-arrow-box .shape-arrow-down,.c-arrow-box .shape-arrow-right{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}.c-arrow-box._transparent .shape-arrow-right{stroke:#000}.c-arrow-box._half-transparent .shape-arrow-right,.more-articles-header .shape-wave{stroke:#FFF}.c-arrow-box._black{background:#000}.c-arrow-box._half-transparent{background:rgba(0,0,0,.05)}.c-btn::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:0 0;z-index:-1;-webkit-transform-origin:50% 100% 0;transform-origin:50% 100% 0;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transition:all .35s cubic-bezier(.23,1,.32,1) 0s;transition:all .35s cubic-bezier(.23,1,.32,1) 0s}.m-intro-header,.m-intro-header .hgroup{position:relative;width:100%}.c-btn._black::after{background:#222}.c-btn._blue-gray::after{background:#738184}.c-btn._gray::after{background:#BFBFBF}.view-pc .c-btn:hover::after{-webkit-transform:scale(1,1);transform:scale(1,1)}.m-intro-header._small{height:300px;background:#FFF;border-bottom:1px solid #EBEBEB}.m-intro-header .hgroup{height:100%}.m-intro-header .hgroup .inner{text-align:center}.m-intro-header .hgroup .s-wave{margin-left:auto;margin-right:auto}.m-intro-header .hgroup span{color:#ABABAB;font:700 1.4rem/1 Roboto,sans-serif;letter-spacing:.1em}.m-intro-header .hgroup h2{margin:10px 0 15px;color:#333;font-size:1.8rem;letter-spacing:.1em}.m-intro-header._small .hgroup h2{margin:15px 0 0}.m-intro-header._small .s-wave{margin-top:15px}.m-intro-header .m-select-menu{position:absolute;top:50%;right:80px;margin-top:-40px}.m-intro-header .housing-title,.m-intro-header._slider .title-only{position:absolute;top:0;left:0;width:100%;z-index:2;pointer-events:none}.m-intro-header._slider .title-only{height:-webkit-calc(100vh - 80px);height:calc(100vh - 80px);color:#FFF;font-size:3.6rem;letter-spacing:.125em}.m-intro-header .housing-title{height:-webkit-calc(100vh - 80px);height:calc(100vh - 80px)}.m-intro-header .housing-title .ttl{position:relative;max-width:1280px;color:#FFF;font-size:3.6rem;letter-spacing:.125em;margin:50px auto 25px;padding:0 20px;text-align:center;overflow:hidden}.m-intro-header .housing-title .label{display:block;margin:0 auto;background:#000;color:#FFF;width:150px;height:40px;line-height:40px;text-transform:uppercase;letter-spacing:.065em;overflow:hidden}.m-intro-header .housing-title span{display:inline-block}.m-scroll-down{position:relative;width:100%;height:80px;z-index:1}.m-scroll-down .mouse{position:absolute;top:-20px;left:50%;width:26px;height:40px;margin-left:-13px;border:2px solid silver;border-radius:8px;cursor:pointer}.m-scroll-down .mouse::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:2px;height:16px;background:#000;-webkit-transform-origin:50% 100% 0;transform-origin:50% 100% 0;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transition:-webkit-transform .25s cubic-bezier(.25,.46,.45,.94) 0s;transition:transform .25s cubic-bezier(.25,.46,.45,.94) 0s}.view-pc .m-scroll-down .mouse:hover::after{-webkit-transform-origin:50% 0 0;transform-origin:50% 0 0;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:-webkit-transform .35s cubic-bezier(.25,.46,.45,.94) 0s;transition:transform .35s cubic-bezier(.25,.46,.45,.94) 0s}.m-scroll-down .mouse .arrow-down{display:block;position:absolute;left:50%;bottom:7px;margin-left:-6px;width:12px;height:6px;cursor:pointer}.m-scroll-down .mouse .arrow-down>span{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:8px;height:2px;background:#000}.m-scroll-down .mouse .arrow-down>span:first-child{left:-4px;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.m-scroll-down .mouse .arrow-down>span:last-child{right:-4px;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.view-pc .m-scroll-down .mouse:hover .arrow-down>span:first-child{-webkit-transform:rotateZ(225deg);transform:rotateZ(225deg);-webkit-transition:-webkit-transform .35s cubic-bezier(.25,.46,.45,.94) 0s;transition:transform .35s cubic-bezier(.25,.46,.45,.94) 0s}.view-pc .m-scroll-down .mouse:hover .arrow-down>span:last-child{-webkit-transform:rotateZ(-225deg);transform:rotateZ(-225deg);-webkit-transition:-webkit-transform .35s cubic-bezier(.25,.46,.45,.94) 0s;transition:transform .35s cubic-bezier(.25,.46,.45,.94) 0s}.m-scroll-down .black-box{position:absolute;bottom:-20px;left:50%;width:40px;height:40px;margin-left:-20px;background:#000}.housing-article,.housing-article-thumb-wrap{position:relative;width:100%}.m-housing-items{position:relative;width:100%;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.housing-item{display:block;width:50%;padding:0 20px}.housing-item:nth-child(2){margin-top:80px}.housing-item:nth-child(2n+1):not(:first-child){margin-top:-80px}.housing-article-thumb-wrap{height:280px;background:#EEE;overflow:hidden}.housing-article a.thumb{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;z-index:0;-webkit-transition:-webkit-transform 10s cubic-bezier(.25,.46,.45,.94) 0s;transition:transform 10s cubic-bezier(.25,.46,.45,.94) 0s;-webkit-transform:scale(1.1);transform:scale(1.1)}.view-pc .housing-article:hover a.thumb{-webkit-transition:-webkit-transform 5s cubic-bezier(.25,.46,.45,.94) 0s;transition:transform 5s cubic-bezier(.25,.46,.45,.94) 0s;-webkit-transform:scale(1);transform:scale(1)}.housing-article a.label{display:block;position:absolute;top:0;width:25%;min-height:40px;padding:14px 15px;color:#FFF;font:700 1.2rem/1 Roboto,sans-serif;text-transform:uppercase;z-index:1}.housing-article .label._for-sale-rent{left:0;background:#000}.housing-article .label._coming-soon,.housing-article .label._owner-change,.housing-article .label._reserved{left:25%;background:#B7B7B7}.housing-article-info{position:relative;width:100%;min-height:240px;height:auto;margin-bottom:20px;padding:35px 100px 20px 20px}.housing-article-info .ttl{margin-bottom:20px;font-size:1.4rem;line-height:1.35;max-height:2.5em}.housing-article-info .info-txt{font-size:1.2rem;margin-bottom:7px}.housing-article-info .info-txt._strong{font-weight:700;margin-bottom:12px}.housing-article-info .info-txt .slash{display:inline-block;color:#CFCFCF;font-weight:400;margin:0 .35em}.housing-article-info .info-txt .comp{font-weight:400}.housing-article-info .c-arrow-box{position:absolute;top:0;right:0}.housing-article-info .link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.housing-article-info .link::after,.housing-article-info .link::before{content:"";position:absolute;bottom:0;left:0;width:50%;height:1px;background:#000;-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:-webkit-transform .25s cubic-bezier(.895,.030,.685,.22) 0s;transition:transform .25s cubic-bezier(.895,.030,.685,.22) 0s}.housing-article-info .link::after{left:50%;background:#B7B7B7;-webkit-transition:-webkit-transform .25s cubic-bezier(.165,.84,.44,1) .25s;transition:transform .25s cubic-bezier(.165,.84,.44,1) .25s}.view-pc .housing-article:hover .housing-article-info .link::after,.view-pc .housing-article:hover .housing-article-info .link::before{-webkit-transform-origin:0 50% 0;transform-origin:0 50% 0;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:-webkit-transform .45s cubic-bezier(.23,1,.32,1) 0s;transition:transform .45s cubic-bezier(.23,1,.32,1) 0s}.view-pc .housing-article:hover .housing-article-info .link::after{-webkit-transition:-webkit-transform .45s cubic-bezier(.23,1,.32,1) 0s;transition:transform .45s cubic-bezier(.23,1,.32,1) 0s}.s-more-bg{padding-top:80px}.s-more-bg::before{content:"";position:absolute;top:0;left:0;width:100%;height:35vw;max-height:460px;background:#B8C0C2}.m-more-articles,.more-articles-header,.more-articles-ttl{position:relative;width:100%}.more-articles-header{margin-bottom:80px}.more-articles-ttl{text-align:center}.more-articles-ttl span{display:block;color:#FFF;font-size:1.4rem;font-family:Roboto,sans-serif;font-weight:500;margin-bottom:20px}.more-articles-ttl h2{color:#FFF;font-size:1.8rem;letter-spacing:.25em;margin-bottom:15px;text-indent:-.125em}.more-articles-header .s-wave{margin:0 auto}.more-articles-header .c-btn{position:absolute;top:0;right:0}.m-journal-items{position:relative;width:100%;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.breadcrumbs li,.m-page-nav .next,.m-page-nav .prev{-webkit-justify-content:center;-webkit-align-content:center}.journal-item{position:relative;display:block;width:25%;padding:0 20px;opacity:0;visibility:hidden}.journal-item:nth-child(2),.journal-item:nth-child(4){margin-top:80px}.journal-item:nth-child(2n+1):not(:first-child):not(:nth-child(3)){margin-top:-80px}.journal-article{position:relative;width:100%;height:auto}.journal-article-thumb-wrap{position:relative;width:100%;background:#EEE;overflow:hidden}.journal-article-thumb-wrap::before{content:"";display:block;padding-top:100%}.journal-article a.thumb{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;z-index:0;-webkit-transition:-webkit-transform 10s cubic-bezier(.25,.46,.45,.94) 0s;transition:transform 10s cubic-bezier(.25,.46,.45,.94) 0s;-webkit-transform:scale(1.1);transform:scale(1.1)}.journal-article.is-no-item a.thumb{-webkit-transform:scale(1);transform:scale(1)}.view-pc .journal-article:not(.is-no-item):hover a.thumb{-webkit-transition:-webkit-transform 5s cubic-bezier(.25,.46,.45,.94) 0s;transition:transform 5s cubic-bezier(.25,.46,.45,.94) 0s;-webkit-transform:scale(1);transform:scale(1)}.journal-article-thumb-wrap a.category{display:block;position:absolute;bottom:0;left:0;padding:14px 20px;background:#5B6669;color:#FFF;font:700 1.2rem/1 Roboto,sans-serif;text-align:center;z-index:1}.housing-article .label._for-sale-rent::after,.journal-article-thumb-wrap a.category::after,.m-page-nav ul li a::after,.related-article-info .meta .category::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;-webkit-transform-origin:50% 100% 0;transform-origin:50% 100% 0;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transition:all .35s cubic-bezier(.23,1,.32,1) 0s;transition:all .35s cubic-bezier(.23,1,.32,1) 0s}.housing-article .label._for-sale-rent::after,.m-page-nav ul li a::after{background:#222}.journal-article-thumb-wrap a.category::after,.related-article-info .meta .category::after{background:#738184}.view-pc .housing-article .label._for-sale-rent:hover::after,.view-pc .journal-article-thumb-wrap a.category:hover::after,.view-pc .m-page-nav ul li a:hover::after,.view-pc .related-article-info .meta .category:hover::after{-webkit-transform:scale(1,1);transform:scale(1,1)}.journal-article-info{position:relative;width:100%;height:180px;margin-bottom:20px;padding:30px 20px}.journal-article-info .date{display:block;margin-bottom:20px;color:#5B6669;font:700 1.2rem/1 Roboto,sans-serif}.journal-article-info .ttl{font-weight:700;line-height:1.35}.journal-article-info .link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.journal-article-info .link::after,.journal-article-info .link::before{content:"";position:absolute;bottom:0;left:0;width:50%;height:1px;background:#5B6669;-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:-webkit-transform .25s cubic-bezier(.895,.030,.685,.22) 0s;transition:transform .25s cubic-bezier(.895,.030,.685,.22) 0s}.m-service-items,.service-item{width:100%;position:relative}.journal-article-info .link::after{left:50%;background:#B8C0C2;-webkit-transition:-webkit-transform .25s cubic-bezier(.165,.84,.44,1) .25s;transition:transform .25s cubic-bezier(.165,.84,.44,1) .25s}.view-pc .journal-article:hover .journal-article-info .link::after,.view-pc .journal-article:hover .journal-article-info .link::before{-webkit-transform-origin:0 50% 0;transform-origin:0 50% 0;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:-webkit-transform .45s cubic-bezier(.23,1,.32,1) 0s;transition:transform .45s cubic-bezier(.23,1,.32,1) 0s}.view-pc .journal-article:hover .journal-article-info .link::after{-webkit-transition:-webkit-transform .45s cubic-bezier(.23,1,.32,1) 0s;transition:transform .45s cubic-bezier(.23,1,.32,1) 0s}.m-service-items{padding:0 20px}.service-item-child{position:relative;width:50%;height:450px;overflow:hidden}.service-item:first-child .service-item-child._right{margin-top:80px}.service-item:not(:first-child) .service-item-child._left{margin-top:-80px}.service-item-child._left{float:left}.service-item-child._right{float:right}.service-item-child._dark{background:#5B6669}.service-item-child._light{background:#B8C0C2}.service-item-child .c-arrow-box{position:absolute;bottom:0;right:0}.service-item-child a.link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.service-item-img{width:100%;height:100%;background:50% 50% #EEE;background-size:cover;-webkit-transition:-webkit-transform 10s cubic-bezier(.25,.46,.45,.94) 0s;transition:transform 10s cubic-bezier(.25,.46,.45,.94) 0s;-webkit-transform:scale(1.1);transform:scale(1.1)}.view-pc .service-item:hover .service-item-img{-webkit-transition:-webkit-transform 5s cubic-bezier(.25,.46,.45,.94) 0s;transition:transform 5s cubic-bezier(.25,.46,.45,.94) 0s;-webkit-transform:scale(1);transform:scale(1)}.service-item-img._bg-service{background-image:url(../img/home-service-bg.jpg)}.service-item-img._bg-service-whitebox{background-image:url(../img/service-whitebox-bg.jpg)}.service-item-img._bg-service-onco{background-image:url(../img/service-onco-bg.jpg)}.service-item-img._bg-service-custom{background-image:url(../img/service-custom-bg.jpg)}.service-item-img._bg-service-mpu{background-image:url(../img/service-my-plus-you-bg.jpg)}.service-item-img._bg-service-asobi{background-image:url(../img/service-asobigokoro-bg.jpg)}.service-item-img._bg-company{background-image:url(../img/home-company-bg.jpg)}.service-item-logo{position:absolute;top:0;left:0;width:100%;height:100%}.service-item-logo img{display:block}.service-item-txt{position:relative;width:100%;height:100%}.service-item-txt .txt{padding:50px;color:#FFF;text-align:center}.service-item-txt .txt span{display:block;font-size:1em;font-weight:500}.p-home .service-item-txt .txt span{display:block;font:700 1.4rem/1 Roboto,sans-serif}.service-item-txt .txt h4{margin-top:15px;font-size:1.8rem;letter-spacing:.25em}.service-item-txt .txt p{margin-top:30px;text-align:left;line-height:1.5}.m-breadcrumbs-nav{position:absolute;top:0;left:0;width:auto;height:80px}.breadcrumbs li{display:-webkit-flex;display:flex;justify-content:center;-webkit-align-items:center;align-items:center;align-content:center;position:relative;height:80px;text-align:center}.breadcrumbs li:first-child{width:80px}.breadcrumbs li:not(:last-child){margin-right:40px}.breadcrumbs li:not(:last-child)::after{content:"\e409";position:absolute;top:0;left:auto;bottom:-2px;right:-25px;margin:auto;width:15px;height:15px;color:#DADADA;font-family:udatsu;font-weight:700}.breadcrumbs li a::after,.m-select-menu ul li::after,.select-menu-btn::after{content:""}.ie11 .breadcrumbs li:not(:last-child)::after{bottom:0}.breadcrumbs li a,.breadcrumbs li span{position:relative;padding:5px 0;font-size:1.2rem;font-weight:700}.breadcrumbs li a::after{position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:#333;-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:-webkit-transform .35s cubic-bezier(.215,.61,.355,1) 0s;transition:transform .35s cubic-bezier(.215,.61,.355,1) 0s}.view-pc .breadcrumbs li a:hover::after{-webkit-transform-origin:0 50% 0;transform-origin:0 50% 0;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:-webkit-transform .45s cubic-bezier(.215,.61,.355,1) 0s;transition:transform .45s cubic-bezier(.215,.61,.355,1) 0s}.ie11 .breadcrumbs li .shape-home{top:-3px}.breadcrumbs li span{color:#ABABAB}.m-intro-header._slider .breadcrumbs li:not(:last-child)::after{color:#FFF;opacity:.35}.m-intro-header._panorama .breadcrumbs li a,.m-intro-header._slider .breadcrumbs li a{color:#FFF}.m-intro-header._panorama .breadcrumbs li a::after,.m-intro-header._slider .breadcrumbs li a::after{background:#FFF}.m-intro-header._panorama .breadcrumbs li span,.m-intro-header._slider .breadcrumbs li span{color:rgba(255,255,255,.75)}.m-intro-header._panorama .breadcrumbs .shape-home,.m-intro-header._slider .breadcrumbs .shape-home{fill:#FFF}.m-select-menu{width:320px;height:auto;z-index:2}.select-menu-btn{position:relative;width:100%;height:80px;color:#FFF;font:700 1.3rem/1 Roboto,sans-serif;background:#000;cursor:pointer;text-transform:uppercase;z-index:1}.select-menu-btn::after{position:absolute;top:0;left:0;width:100%;height:100%;background:#575757;z-index:-1;-webkit-transform-origin:50% 0 0;transform-origin:50% 0 0;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transition:-webkit-transform .35s cubic-bezier(.23,1,.32,1) 0s;transition:transform .35s cubic-bezier(.23,1,.32,1) 0s}.select-menu-btn.is-opened::after{-webkit-transform-origin:50% 100% 0;transform-origin:50% 100% 0;-webkit-transform:scale(1,1);transform:scale(1,1)}.select-menu-toggle{position:absolute;top:0;right:0;width:60px;height:80px}.select-menu-toggle .arrow{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:28px;height:28px}.select-menu-toggle .arrow .line{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:8px;height:2px;background:#FFF}.select-menu-toggle .arrow .line._1{left:3px;-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.select-menu-toggle .arrow .line._2{right:3px;-webkit-transform-origin:0 50% 0;transform-origin:0 50% 0;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.select-menu-btn p{padding:35px 0 0 25px;display:inline-block;color:#FFF}.m-select-menu ul{z-index:0;pointer-events:none;display:none}.m-select-menu ul li{position:relative;width:100%;min-height:60px;color:#FFF;background:#333;z-index:0;opacity:0;visibility:hidden;pointer-events:none}.select-menu-btn.is-opened+ul,.select-menu-btn.is-opened+ul li{pointer-events:auto}.m-select-menu ul li::after{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:-1;-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:-webkit-transform .35s cubic-bezier(.23,1,.32,1) 0s;transition:transform .35s cubic-bezier(.23,1,.32,1) 0s}.view-pc .m-select-menu ul li:hover::after{-webkit-transform-origin:0 50% 0;transform-origin:0 50% 0;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:-webkit-transform .45s cubic-bezier(.23,1,.32,1) 0s;transition:transform .45s cubic-bezier(.23,1,.32,1) 0s}.m-select-menu ul li a{padding:23.5px 0 23.5px 25px;display:block;color:#FFF}.m-select-menu ul li .count{position:absolute;top:0;left:auto;bottom:0;right:15px;margin:auto;width:28px;height:28px;color:#FFF;background:#333;text-align:center;font:700 1.1rem/1 Roboto,sans-serif;line-height:28px;border-radius:50%}.m-page-nav{position:relative;width:100%;height:auto;margin:120px 0}.m-page-nav .next,.m-page-nav .prev{display:-webkit-flex;display:flex;justify-content:center;-webkit-align-items:center;align-items:center;align-content:center;position:absolute;top:0;width:80px;height:80px;background:#000;font:700 1.2rem/1 Roboto,sans-serif}.m-page-nav .prev{left:20px}.m-page-nav .next::after,.m-page-nav .prev::after{content:"Prev";position:absolute;top:0;right:-120px;bottom:0;margin:auto;width:80px;height:1em;text-align:left;font:500 1.4rem/1 Roboto,sans-serif;letter-spacing:.1em;opacity:0;visibility:hidden;-webkit-transition:all .25s ease-out 0s;transition:all .25s ease-out 0s;-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}.m-table,.m-table .row .right ul li{position:relative}.m-page-nav ul,.m-page-nav ul li{-webkit-justify-content:center;-webkit-align-content:center;height:80px}.m-page-nav ul li,.m-page-nav ul li a{color:#FFF;font:700 1.2rem/1 Roboto,sans-serif}.m-page-nav .next::after{content:"Next";right:auto;left:-120px;text-align:right;-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}.copyright,.m-header-set{text-align:center}.view-pc .m-page-nav .next:hover::after,.view-pc .m-page-nav .prev:hover::after{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.g-gnav,.g-popup,.gnav-mask,.p-home .black-box,.p-home .mouse,.transition-sp{opacity:0;visibility:hidden}.m-page-nav .next{right:20px}.m-page-nav ul{display:-webkit-flex;display:flex;justify-content:center;-webkit-align-items:center;align-items:center;align-content:center;width:auto}.m-page-nav ul li{display:-webkit-inline-flex;display:inline-flex;justify-content:center;-webkit-align-items:center;align-items:center;align-content:center;margin:0 10px;width:80px;background:#000}.m-page-nav ul li a{position:relative;display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;width:100%;height:100%;z-index:0}.m-page-nav ul li.is-current{background:#B7B7B7}.m-page-nav ul li.next-one,.m-page-nav ul li.prev-one{background:0 0;width:1em}.m-page-nav ul li.next-one a,.m-page-nav ul li.prev-one a{color:#000}.m-header-set h3{font-size:1.8rem;letter-spacing:.15em}.m-header-set .s-wave{margin:20px auto 40px}.header-description{font-size:1.6rem;max-width:800px;margin:0 auto;line-height:2}.header-description span{display:block}.header-description+.btn-set,.header-description+.m-service-items{margin-top:80px}.m-table{max-width:800px;margin:0 auto}.m-table .row{display:-webkit-flex;display:flex;width:100%}.m-table .row .left{width:220px;margin-bottom:30px;padding-bottom:15px;font-weight:700;border-bottom:1px solid #CFCFCF}.m-table .row .left span{color:silver}.m-table .row .right{-webkit-flex:1 1 auto;flex:1 1 auto;width:auto;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #F2F2F2}.m-table .row .right p:not(:last-child){margin-bottom:.75em}.m-table .row .right p .label{display:inline-block;width:40px}.m-table .row:last-child .left,.m-table .row:last-child .right{margin-bottom:0}.m-table .row .right ul{padding-left:20px}.m-table .row .right ul li::before{content:"";position:absolute;top:50%;left:-20px;margin-top:-1px;width:10px;height:2px;background:#B8C0C2}.g-menu .inner,.g-menu .menu-box{background:#000;position:relative}.m-table .row .right ul li:not(:last-child){margin-bottom:10px}.g-menu{position:fixed;top:50%;left:0;width:80px;height:auto;z-index:99;-webkit-perspective:1000px;perspective:1000px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.is-loading .g-menu .inner{-webkit-transform-origin:0 50% 0;transform-origin:0 50% 0;-webkit-transform:rotateY(100deg);transform:rotateY(100deg)}.g-menu .inner{width:100%}.g-menu .menu-box{width:100%;height:80px}.g-menu .transition-wave{cursor:pointer}.g-menu .menu-box .inner{position:relative;width:100%;height:100%}.menu-logo{z-index:0}.menu-logo .shape-logo-icon{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;cursor:pointer}.menu-logo h1{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.menu-logo h1 a{display:block;width:100%;height:100%;text-indent:-9999px}.menu-btn::after,.menu-logo::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:#222;-webkit-transform-origin:0 100% 0;transform-origin:0 100% 0;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:all .35s cubic-bezier(.23,1,.32,1) 0s;transition:all .35s cubic-bezier(.23,1,.32,1) 0s}.view-pc .is-opened .menu-btn:hover::after,.view-pc .menu-logo:hover::after{-webkit-transform:scale(1,1);transform:scale(1,1)}.menu-btn{cursor:pointer;z-index:1}.menu-btn .inner{position:relative;width:100%;height:100%}.menu-btn .line{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:18px;height:2px}.menu-btn .line span{display:block;width:100%;height:100%;background:#FFF}.menu-btn .line._1{top:-10px}.menu-btn .line._3{bottom:-10px}.menu-btn .line._4{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.menu-btn .line._5{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.menu-btn .line._4 span,.menu-btn .line._5 span{-webkit-transform:scale(0,1);transform:scale(0,1)}.svg-transition-wave path{fill:none;stroke:#868686;stroke-width:2px;stroke-dasharray:42.33px;stroke-dashoffset:-42.33px}.transition-sp{position:absolute;top:0;left:0;width:100%;height:100%}.transition-sp span{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:40px;height:2px;background:#868686;opacity:0}.g-gnav{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;z-index:98}.gnav-menu{position:absolute;top:0;left:-50%;width:50%;height:100%;background:#000;z-index:2}.gnav-inner{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;position:relative;width:100%;height:100%;overflow:hidden}.gnav-scroller{padding:80px 0;width:100%;max-width:100%;max-height:100%;overflow-y:auto}.gnav-items{position:relative;width:210px;height:auto;margin:0 auto}.gnav-item{color:#8F8F8F;font:700 2.4rem/1 "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック",YuGothic,"メイリオ",Meiryo,sans-serif;letter-spacing:.2em}.gnav-item:not(:last-child){margin-bottom:30px}.gnav-item>a{position:relative;display:inline-block;color:#8F8F8F}.gnav-item>a::after,.gnav-toggle p::after{content:attr(data-txt);position:absolute;top:0;left:0;color:#FFF;width:0;white-space:nowrap;overflow:hidden;-webkit-transition:width .35s cubic-bezier(.215,.61,.355,1) 0s;transition:width .35s cubic-bezier(.215,.61,.355,1) 0s}.g-popup .close::after,.gnav-service-item a::before,.sp-housing-pager ul::after,.sp-housing-pager::after{content:""}.gnav-toggle.is-active p::after,.view-pc .gnav-item>a:hover::after,.view-pc .gnav-toggle p:hover::after{width:100%;-webkit-transition:width .65s cubic-bezier(.215,.61,.355,1) 0s;transition:width .65s cubic-bezier(.215,.61,.355,1) 0s}.p-company .gnav-item:nth-child(5)>a::after,.p-confirm .gnav-item:nth-child(7)>a::after,.p-contact .gnav-item:nth-child(7)>a::after,.p-home .gnav-item:nth-child(1)>a::after,.p-housing .gnav-item:nth-child(2)>a::after,.p-housing-details .gnav-item:nth-child(2)>a::after,.p-journal .gnav-item:nth-child(4)>a::after,.p-journal-details .gnav-item:nth-child(4)>a::after,.p-recruit .gnav-item:nth-child(6)>a::after,.p-renovation .gnav-item:nth-child(7)>a::after,.p-service .gnav-item:nth-child(3) p::after,.p-thanks .gnav-item:nth-child(7)>a::after{width:100%}.gnav-service-items{position:relative;padding-left:20px;overflow:hidden}.gnav-service-items.is-opened{overflow:inherit}.gnav-service-item{font-size:1.2rem;font-weight:400;font-family:YakuHanJP,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック",YuGothic,"メイリオ",Meiryo,sans-serif;letter-spacing:.075em}.gnav-service-item:first-child{padding-top:25px}.gnav-service-item:not(:last-child){margin-bottom:20px}.gnav-service-item a{position:relative;display:inline-block;color:#FFF}.gnav-service-item a::before{position:absolute;top:50%;left:-20px;margin-top:-.5px;width:10px;height:1px;background:#FFF;-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:-webkit-transform .35s cubic-bezier(.215,.61,.355,1) 0s;transition:transform .35s cubic-bezier(.215,.61,.355,1) 0s}.view-pc .gnav-service-item a:hover::before{-webkit-transform-origin:0 50% 0;transform-origin:0 50% 0;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:-webkit-transform .65s cubic-bezier(.215,.61,.355,1) 0s;transition:transform .65s cubic-bezier(.215,.61,.355,1) 0s}.gnav-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(25,25,25,.4);z-index:0}.view-pc .is-opened .gnav-mask:hover{cursor:url(../img/cursor-close.png),auto}.gnav-toggle{position:relative;cursor:pointer}.gnav-toggle p{position:relative;display:inline-block}.gnav-toggle .arrow{position:relative;width:22px;height:22px;margin-top:-2px;margin-left:10px}.ie10 .gnav-toggle .arrow,.ie11 .gnav-toggle .arrow{margin-top:-4px}.gnav-toggle .arrow .line{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:8px;height:2px;background:#8F8F8F}.footer-items,.g-footer{width:100%;position:relative}.gnav-toggle .arrow .line._1{left:3px;-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.gnav-toggle .arrow .line._2{right:3px;-webkit-transform-origin:0 50% 0;transform-origin:0 50% 0;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.g-footer{background:#131313;padding-top:80px;padding-bottom:35px}.footer-items{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.footer-item{width:25%;padding:0 20px;font-size:1.2rem;opacity:0}.footer-item h4{margin-top:22px;margin-bottom:20px;padding-bottom:30px;color:#FFF;font:700 1.4rem/1 Roboto,sans-serif;border-bottom:1px solid #2F2F2F}.footer-item .address{position:relative;color:#575757;font-style:normal;line-height:1.35;margin-bottom:20px}.footer-item .address a{display:inline-block;position:absolute;top:0;left:auto;bottom:0;right:25px;margin:auto;width:16px;height:26px}.footer-item .address .shape-pin{-webkit-transition:all .25s ease-out 0s;transition:all .25s ease-out 0s}.view-pc .footer-item .address .shape-pin:hover{fill:#575757}.footer-item .links._en{font-family:Roboto,sans-serif}.footer-item .links li{color:#ABABAB}.footer-item .links li:not(:last-child){margin-bottom:15px}.footer-item .links li a{color:#ABABAB;-webkit-transition:all .25s ease-out 0s;transition:all .25s ease-out 0s}.view-pc .footer-item .links li a:hover{color:#FFF}.footer-item .links .label{display:inline-block;width:35px}.footer-logo img{display:block;width:194px;height:55px;margin:0 auto}
.go-to-top{position:absolute;bottom:0;right:0;width:80px;height:80px;cursor:pointer}.go-to-top .shape-arrow-up{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}.g-mask,.g-popup{position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;right:0}.g-mask{margin:auto;z-index:9999}.g-popup{display:none;padding:80px;background:rgba(0,0,0,.5);overflow:hidden;z-index:999}.g-popup .close{position:absolute;top:0;left:0;width:80px;height:80px;background:#000;z-index:5;cursor:pointer}.g-popup .close::after{position:absolute;bottom:0;left:0;width:100%;height:100%;background:#222;z-index:-1;-webkit-transform-origin:0 50% 0;transform-origin:0 50% 0;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:all .35s cubic-bezier(.23,1,.32,1) 0s;transition:all .35s cubic-bezier(.23,1,.32,1) 0s}.view-pc .g-popup .close:hover::after{-webkit-transform:scale(1,1);transform:scale(1,1)}.g-popup .close .line{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:18px;height:2px}.popup-inner,.popup-padding{position:relative;background:#FFF}.g-popup .close .line._1{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.g-popup .close .line._2{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.g-popup .close .line span{display:block;width:100%;height:100%;background:#FFF;-webkit-transform:scale(0,1);transform:scale(0,1)}.loading-default,.progress{top:0;-webkit-transform-origin:0 100% 0;width:100%;height:100%}.popup-padding{width:100%;height:100%;overflow:hidden;padding:40px;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.popup-inner{display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;min-width:100%;min-height:100%}.popup-inner img{display:block}.g-popup .ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x::after,.g-popup .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y::after{background:#000}.g-loading{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998}.loading-default,.loading-default .logo,.loading-home,.progress{position:absolute;left:0}.loading-default{background:#FFF;transform-origin:0 100% 0}.p-home .loading-default{display:none}.progress{background:#000;z-index:0;transform-origin:0 100% 0;-webkit-transform:scale(.005,0);transform:scale(.005,0)}.loading-default .logo{top:-2px;width:100%;height:100%;mix-blend-mode:exclusion;z-index:1}.edge .loading-default .logo,.ie .loading-default .logo{mix-blend-mode:none}.loading-default .shape-logo{width:110px;height:134px;fill:#FFF}.edge .loading-default .shape-logo,.ie .loading-default .shape-logo{fill:#000}.loading-home{display:none;top:0;width:100%;height:100%;overflow:hidden}.p-home .loading-home{display:inline-block}.loading-home-wrap{position:relative;height:-webkit-calc(100vh - 80px);height:calc(100vh - 80px)}.loading-home .mask{position:absolute;left:0;width:100%}.loading-home .mask._top{top:0;height:100%;background:#FFF;z-index:0}.loading-home .mask._bottom{bottom:-80px;height:80px;background:#F8F8F8;z-index:0}.loading-home .s-lines .line{-webkit-transform-origin:0 100% 0;transform-origin:0 100% 0;-webkit-transform:scale(1,1);transform:scale(1,1)}.loading-home .svg-morph-wrap{position:absolute;top:0;left:-5%;width:110%;height:100%;z-index:1}.loading-home .svg-morph{position:relative;display:block;width:100%;height:100%}.loading-home .svg-morph-logo{display:block;width:100%;height:100%}.loading-home .svg-morph-logo path{fill:#E0E0E0}.clip-image{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;-webkit-clip-path:url(#clip-path);clip-path:url(#clip-path)}.home-company-name{position:absolute;top:35px;left:80px;color:#FFF;font-size:1.2rem;z-index:2}.home-intro-logo,.m-intro-header._home .logo,.m-intro-header._home .logo-txt{position:absolute;left:0;z-index:2;pointer-events:none}.home-company-name h1,.home-company-name p{overflow:hidden}.home-company-name h1 span,.home-company-name p span{display:inline-block;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.home-company-name>span{display:block;margin:0 10px;width:1px;height:12px;background:#FFF;-webkit-transform:scale(1,0);transform:scale(1,0)}.home-intro-logo{top:0;width:100%;height:100%}.m-intro-header._home .logo{top:-34px;bottom:0;right:0;margin:auto;width:110px;height:137px}.m-intro-header._home .logo .shape-logo{width:110px;height:134px}.m-intro-header._home .logo-txt{top:0;width:100%;height:-webkit-calc(100% - 80px);height:calc(100% - 80px);background:url(../img/udastu-text-w.svg) 50% 50% no-repeat;background-size:110% auto;opacity:.15;mix-blend-mode:overlay}.home-housing .housing-item,.home-service .service-item-child{visibility:hidden;opacity:0}.home-housing{position:relative;margin-top:120px}.home-housing-header{position:relative;margin-bottom:15px;min-height:97px}.home-housing-ttl h2{padding-left:20px}.home-housing-ttl h2 span{display:inline-block}.home-housing-ttl h2 span:first-child{font-size:1.8rem;letter-spacing:.25em;margin-right:15px}.housing-details-header h2,.related-articles-ttl h2,.slider-ttl-set h3{letter-spacing:.125em;text-align:center}.home-housing-ttl h2 span:last-child{color:#ADADAD;font-family:Roboto,sans-serif;font-weight:500}.home-housing-header .s-wave{margin-bottom:20px;left:-7px}.home-housing-header .c-btn{position:absolute;top:17px;right:0}.home-journal{position:relative;margin-top:60px;margin-bottom:60px}.home-service{position:relative;margin-bottom:80px}.home-service .service-item-txt .txt h4,.home-service .service-item-txt .txt span{-webkit-transition:-webkit-transform .35s ease-in-out .1s;transition:transform .35s ease-in-out .1s}.view-pc .home-service .service-item:hover .service-item-txt .txt h4,.view-pc .home-service .service-item:hover .service-item-txt .txt span{-webkit-transform:translate3d(0,-4rem,0);transform:translate3d(0,-4rem,0)}.view-pc .home-service .service-item:hover .service-item-txt .txt span{-webkit-transition:-webkit-transform .65s cubic-bezier(.23,1,.32,1) 0s;transition:transform .65s cubic-bezier(.23,1,.32,1) 0s}.view-pc .home-service .service-item:hover .service-item-txt .txt h4{-webkit-transition:-webkit-transform .65s cubic-bezier(.23,1,.32,1) .05s;transition:transform .65s cubic-bezier(.23,1,.32,1) .05s}.home-service .service-item-txt .txt p{position:absolute;top:0;left:0;bottom:-2rem;right:0;margin:auto;padding:80px;min-height:2rem;max-height:3rem;visibility:hidden;opacity:0;-webkit-transition:all .25s ease-out 0s;transition:all .25s ease-out 0s}.view-pc .home-service .service-item:hover .service-item-txt .txt p{visibility:visible;opacity:1;-webkit-transition:all .35s ease-out .25s;transition:all .35s ease-out .25s}.sp-housing-pager{position:relative;width:100%;height:60px}.sp-housing-pager::after{display:table;clear:both}.sp-housing-pager ul{position:relative;width:120px;height:100%}.sp-housing-pager .c-btn,.sp-housing-pager ul::after{position:absolute;top:0;right:0}.sp-housing-pager ul::after{left:0;bottom:0;margin:auto;width:1px;height:100%;background:#303030;z-index:1}.sp-housing-pager .housing-pager-next,.sp-housing-pager .housing-pager-prev{width:50%;height:100%;background:#000}.p-housing .l-wrapper{background:#FFF;z-index:0}.housing-wrapper{position:relative;margin:80px 0 40px}.housing-details-header{position:relative;width:100%;margin:120px 0}.housing-details-header .ttl{margin-bottom:100px}.housing-details-header h2{color:#333;font-size:2.4rem;margin-bottom:30px}.housing-details-header .s-wave{margin:0 auto}.housing-details-header .outline{position:relative;margin-bottom:80px;padding:40px 0;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2}.housing-details-header .outline h5{color:#ABABAB;font:700 1.2rem/1 Roboto,sans-serif;margin-bottom:20px}.housing-details-header .outline-itmes{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.housing-details-header .outline-item{width:33.3333%}.housing-details-header .outline-item:nth-child(1){padding-right:26px}.housing-details-header .outline-item:nth-child(2){padding:0 13.5px}.housing-details-header .outline-item:nth-child(3){padding-left:26px}.housing-details-header .outline-item p:not(:last-child){margin-bottom:8px}.service-detail-item:not(:last-child),.slider-ttl-set h3{margin-bottom:40px}.housing-details-header .outline-item .c-btn{width:100%}.housing-details-header .outline-item .label{display:inline-block;margin-top:10px;padding:5px 7px;color:#FFF;font:700 1.1rem/1 Roboto,sans-serif;background:#B7B7B7;text-transform:uppercase}.housing-details-header .outline-item .label:not(:last-child){margin-right:10px}.housing-details-slider,.housing-details-slider-items{position:relative;width:100%}.housing-details-slider-items{border-bottom:1px solid #F8F8F8}.housing-details-slider-item{padding:160px 0}.housing-details-slider-item:nth-child(2n-1){background:#F8F8F8}.housing-details-slider-item:nth-child(2n){background:#FFF}.housing-details-slider .image-slider{height:640px;margin-bottom:40px}.housing-details-slider .slider-nav{bottom:-40px;right:0}.slider-ttl-set{position:relative;padding-top:80px}.slider-ttl-set h3{font-size:1.8rem;color:#333}.slider-ttl-set p{font-size:1.6rem;max-width:800px;margin:0 auto;line-height:2}.housing-details-info h5,.housing-details-spec h5{color:#ABABAB;font:700 1.2rem/1 Roboto,sans-serif}.housing-details-vr{position:relative;width:100%;height:320px;background:#B8C0C2}.housing-details-drawing{position:relative;width:100%;padding-top:120px}.housing-details-drawing .tab-select{margin-top:0}.housing-details-info{position:relative;width:100%;padding-top:80px}.housing-details-info h5{margin-bottom:20px}.housing-details-info-items{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;max-width:1040px;margin:0 auto;padding:0 20px}.housing-details-info-item{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;width:33.3333%;height:60px;padding:0 20px}.housing-details-info-item .icon{position:relative;width:60px;height:60px;margin-right:20px}.housing-details-info-item .icon img{display:block;width:100%}.housing-details-spec{position:relative;width:100%;padding-top:120px}.housing-details-spec h5{margin-bottom:10px}.housing-details-spec-items{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;max-width:1040px;margin:0 auto;padding:0 20px}.housing-details-spec-item{position:relative;width:33.3333%;padding:0 20px}.housing-details-spec-item .row{display:-webkit-inline-flex;display:inline-flex;width:100%}.housing-details-spec-item .row .left{width:80px;min-width:80px;color:#333;font-weight:700;border-bottom:1px solid #CCC;padding-top:35px;padding-bottom:15px;line-height:1.35}.housing-details-spec-item .row .right{-webkit-flex:1 1 auto;flex:1 1 auto;width:100%;padding-top:35px;padding-bottom:15px;border-bottom:1px solid #F2F2F2;line-height:1.35}.housing-details-spec-item:nth-child(2) .row .right::after{content:attr(data-txt);display:inline-block;margin-left:3px}.related-articles{padding:160px 0;position:relative;width:100%}.related-articles-ttl h2{margin-bottom:30px;color:#333;font-size:2.4rem}.related-articles-header .s-wave{margin:0 auto}.related-items{position:relative;padding-top:40px}.related-item{position:relative;padding:40px 0}.related-item:not(:last-child){border-bottom:1px solid #F2F2F2}.related-article{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.related-article-thumb-wrap{position:relative;width:-webkit-calc(100% / 3 - 26px);width:calc(100% / 3 - 26px);height:180px;overflow:hidden}.related-article-thumb-wrap a.thumb{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;z-index:0;-webkit-transition:-webkit-transform 10s cubic-bezier(.25,.46,.45,.94) 0s;transition:transform 10s cubic-bezier(.25,.46,.45,.94) 0s;-webkit-transform:scale(1.1);transform:scale(1.1)}.view-pc .related-item:hover a.thumb{-webkit-transition:-webkit-transform 5s cubic-bezier(.25,.46,.45,.94) 0s;transition:transform 5s cubic-bezier(.25,.46,.45,.94) 0s;-webkit-transform:scale(1);transform:scale(1)}.related-article-info{position:relative;width:-webkit-calc(100% / 3 * 2);width:calc(100% / 3 * 2);padding-left:40px}.related-article-info .meta{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;margin-bottom:35px;z-index:1}.related-article-info .meta .category{position:relative;padding:14px 25px;font:700 1.2rem/1 Roboto,sans-serif;color:#FFF;background:#5B6669;z-index:1}.related-article-info .meta .date{display:inline-block;margin-left:30px;color:#5B6669;font:700 1.2rem/1 Roboto,sans-serif}.related-article-info h3{color:#333;font-size:1.5rem;font-weight:400;line-height:2}.related-article-info .link{position:absolute;top:0;left:0;width:100%;height:100%}.related-spacer{position:relative;width:100%;height:160px}.housing-details-wrapper{position:relative;margin:80px 0 0}.service-wrapper{position:relative;margin:80px 0 160px}.service-detail-wrapper{position:relative;margin:80px 0 0}.service-message .l-narrow-inner{padding-bottom:120px;border-bottom:1px solid #F2F2F2}.service-detail-wrapper .header-description{text-align:center}.service-detail-wrapper .header-description+p{margin-top:1em}.service-section{padding: 80px 80px 0;/* border-bottom: solid #eee 1px; */}
.service-section._large-bottom{padding-bottom: 80px;text-align: center;}.service-section .hgroup+.hgroup{margin-top:120px}.service-section .hgroup h2{color:#333;font-size:1.8rem}.service-section .hgroup h2+.s-wave{margin:20px auto 80px}
.l-narrow-inner h6{position: relative;font-size:25px;border-bottom: solid #eee;text-align: center;margin-top: 20px;max-width: 25em;margin: 50px auto 70px;width: 100%;}
.l-narrow-inner h6 span{font-size:27px; color: #FF9800;font-weight:800;}
.l-narrow-inner h6:after{position: absolute;content: '';top: 120%;left: 45%;border: 25px solid transparent;border-top: 25px solid #928a85;width: 0;height: 0;}

.lifestyle {width: 100%; margin: 0 auto; max-width:1000px;}
.lifestyle img{width: 100%;}


.service-section .hgroup h3{color: #4e4d4d;font-size: 23px;margin-bottom: 50px;font-weight: 800;background: linear-gradient(transparent 90%, #fec8c8 90%);text-align: center;padding: 0 0 10px;max-width: 30em;margin: 60px auto 20px;width: 100%;}
.service-section .hgroup h4{color: #4e4d4d;font-size: 28px;margin-bottom: 50px;font-weight: 800;background: linear-gradient(transparent 70%, #FFC107 70%);text-align: center;max-width: 25em;margin: 0 auto 50px;width: 100%;}
.service-section .hgroup h6{display:inline-block;padding:10px 12px;color:#5B6669;font-size:1.4rem;margin-bottom:25px;background:#F8F8F8}
.service-section .hgroup p{color:#464646;font-size: 18px;line-height: 1;text-align: center;}.service-section .hgroup p:not(:last-child){margin-bottom:1em}
.service-section .hgroup p span{display:block}.service-section .img-wrap{position:relative;margin-top:35px}.service-section .img-wrap img{display:block;width:100%}
.service-section .img-wrap img+.zoom-btn{margin-top:15px}
.service-section .note{margin-top:25px;font-size:1.1rem;line-height:1.25}


.service-detail-items._large-margin{margin-top:120px}.service-detail-item{width:100%;min-height: 380px;}
.service-detail-item-child{position:relative;/* width: 50%; *//* min-height:320px; *//* height: 350px; */}
.service-detail-item-child .inner{position:relative;width:100%;height:100%}
.service-detail-item-child ._left{/* float:left; */padding-right: 0px;}
.service-detail-item-child ._right{float:right;padding-left:20px}
.service-detail-item-child .ttl-set{-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;position:relative;width:100%;margin-bottom:35px;}
.service-detail-item-child .ttl-set._no-num{padding-top:20px}
.service-detail-item-child .ttl-set .num{position:relative;width: 60px;height: 60px;color:#FFF;margin-right:30px;background:#ff619c;font:700 2rem/1 Roboto,sans-serif;}
.service-detail-item-child .ttl h5{color: #795548;font-size: 19px;font-weight: 800;}
.service-detail-item-child .ttl h4{color: #ff7575;font-size: 23px;font-weight: 800;max-width: 30em;margin: 0 auto 10px;padding: 10px;width: 100%;text-align: center;}

.service-detail-item-child .ttl h3{color: #FF9800;font-size: 19px;font-weight: 800;}
.service-detail-item-child .ttl h2{color: #FF9800;font-size: 19px;font-weight: 800;}
.service-detail-item-child .ttl p{color: #333333;font-size: 22px;font-weight: 800;text-align: center;}


.txtYellow{color:#FF9800;font-size: 20px;line-height: 1.8;/* text-align: center; */margin-bottom: 10px;}
.txtYellow span{border-bottom:1px solid;font-weight:600;font-size:21px}
.txtComment{font-size:18px;margin-bottom:20px;line-height:1.8;/* text-align: center; */}



.service-detail-item-child .thumb{position:relative;width:100%;height:100%;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}
 .service-detail-item-child .thumb._service-whitebox-1{background-image:url(../images/jga_img.jpg)}
 .service-detail-item-child .thumb._service-whitebox-2{background-image:url(../images/lifestyle.jpg)} 
 
 .service-detail-item-child .thumb._service-custom-1{background-image:url(../img/service-details-custom-1-bg.jpg)}
 .service-detail-item-child .thumb._service-custom-2{background-image:url(../img/service-details-custom-2-bg.jpg)}
 .service-detail-item-child .thumb._service-custom-3{background-image:url(../img/service-details-custom-3-bg.jpg)}
 .service-detail-item-child .thumb._service-mpu-1{background-image:url(../img/service-details-mpu-1-bg.jpg)}
 .service-detail-item-child .thumb._service-mpu-2{background-image:url(../img/service-details-mpu-2-bg.jpg);background-size:contain}.
 service-detail-item-child .thumb._service-mpu-2+.zoom-btn{margin-top:15px}
 .comparison-table{position:relative;max-width:1040px;margin:70px auto 0;padding:0 20px}
 .comparison-table 
 .tr{width:100%;display:-webkit-flex;display:flex}
 .comparison-table .tr .td,.comparison-table .tr .th{position:relative;width:33.3333%;padding:0 20px}.comparison-table .tr .th{color:#5B6669;font-size:1.3rem}
 .comparison-table .tr .td p{line-height:1.25}.comparison-table .tr .th .inner{position:relative;width:100%;height:100%;padding-bottom:15px;border-bottom:1px solid #5B6669}
 .comparison-table .tr .td .inner{position:relative;width:100%;padding:40px 0 15px}.comparison-table .tr .td:first-child p{color:#333;font-weight:700}
 .comparison-table .tr .td:first-child::after{content:"";position:absolute;bottom:0;left:20px;width:-webkit-calc(100% - 40px);width:calc(100% - 40px);height:1px;background:#CCC}
 .comparison-table .tr .td:not(:first-child)::after{content:"";position:absolute;bottom:0;left:-20px;width:100%;height:1px;background:#F2F2F2}
 .comparison-table+.c-arrow-box{margin:80px auto}.renovation-point{position:relative;max-width:1040px;margin:0 auto}
 .renovation-point-items{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.renovation-point-item{width:33.3333%;min-height:120px;padding:0 20px}
 .renovation-point-item .thumb{width:100%;height:auto;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
 .renovation-point-item .thumb._1{background-image:url(../img/service-details-asobi-1-bg.jpg)}.renovation-point-item 
 .thumb._2{background-image:url(../img/service-details-asobi-2-bg.jpg)}.renovation-point-item .thumb._3{background-image:url(../img/service-details-asobi-3-bg.jpg)}
 .renovation-point-item .thumb::before{content:"";display:block;padding-top:100%}.renovation-point-item .txt{margin-top:35px;text-align:center}
 .renovation-point-item .txt span{display:block;color:#5B6669;font-size:1.2rem}.renovation-point-item .txt p{color:#333;font-size:1.7rem;font-weight:700;margin-top:15px}.contact-area{position:relative;width:100%;height:320px;background:#F8F8F8}.contact-area .c-btn{width:280px}.contact-area._with-txt .right{padding-left:40px}.contact-area._with-txt .inner{max-width:1040px;margin:0 auto;padding:0 20px}.contact-area._with-txt p{font-size:1.6rem;line-height:1.5}.contact-area._with-txt p span{display:block}.service-journal{position:relative;margin-bottom:60px}.journal-details-body .before-after{margin-bottom:2.5rem}.before-after{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;position:relative}.before-after::after{content:"\e409";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:16px;height:16px;color:#000;text-align:center;font-family:udatsu;font-size:1.6rem}.before-after .after,.before-after .before{position:relative;width:50%}.before-after .after img,.before-after .before img{display:block;width:100%;margin:0;padding:0}.before-after .before{padding-right:20px}.before-after .after{padding-left:20px}.before-after .after::after,.before-after .before::after{content:"Before";position:absolute;bottom:0;left:0;color:#FFF;font:700 1.2rem/1 Roboto,sans-serif;background:#5B6669;min-width:100px;padding:15px 30px;text-align:center}.before-after .after::after{content:"After";left:20px}.hgroup+.before-after{margin:40px 0 50px}.p-journal .l-wrapper{background:#FFF;z-index:0}.journal-wrapper{position:relative;margin:80px 0 40px}.journal-wrapper .journal-article-info{background:#F8F8F8}.journal-details-thumb-wrap{position:relative;width:100%;height:50vh;background:#FFF}.journal-details-thumb-wrap .l-outer-padding{position:relative}.journal-details-thumb-padding{position:relative;width:100%;padding:0 20px}.journal-details-thumb{position:relative;width:100%;height:50vh;z-index:1;overflow:hidden;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.journal-details-thumb-parallax{position:relative;width:100%;height:150%;background:50% 50% no-repeat #F8F8F8;background-size:cover}.journal-details-header{position:relative;background:#B8C0C2;padding:25vh 0 120px}.journal-details-header .s-wave{top:-10px;left:-8px}.journal-details-header-meta{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;position:relative;color:#FFF;margin-top:40px;padding:0 20px}.journal-details-header-meta .left{position:relative;padding-right:160px;width:-webkit-calc((100% / 4) * 3 + 10px);width:calc((100% / 4) * 3 + 10px)}.journal-details-header-meta .left .date{display:inline-block;font:700 1.2rem/1 Roboto,sans-serif;margin-bottom:20px}.journal-details-header-meta .left .ttl{font-weight:700;font-size:1.8rem;line-height:1.5}.journal-details-header-meta .right{position:relative;width:-webkit-calc(100% / 4 - 10px);width:calc(100% / 4 - 10px)}.journal-details-header-meta .right h5{margin-bottom:15px;color:#DDE1E2;font:700 1.2rem/1 Roboto,sans-serif}.journal-details-header-meta .right .category{margin-top:35px;margin-bottom:35px}.journal-details-header-meta .right a{position:relative;color:#FFF}.journal-details-header-meta .right a::after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:#FFF;-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:-webkit-transform .35s cubic-bezier(.215,.61,.355,1) 0s;transition:transform .35s cubic-bezier(.215,.61,.355,1) 0s}.view-pc .journal-details-header-meta .right a:hover::after{-webkit-transform-origin:0 50% 0;transform-origin:0 50% 0;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:-webkit-transform .45s cubic-bezier(.215,.61,.355,1) 0s;transition:transform .45s cubic-bezier(.215,.61,.355,1) 0s}.journal-details-header-meta .right .tag ul{font-size:0;margin:0;padding:0}.journal-details-header-meta .right .tag li{display:inline-block;font-size:1.3rem}.journal-details-header-meta .right .tag li:not(:last-child)::after{content:"/";margin:0 5px;color:#DDE1E2}.journal-details-body{position:relative;padding:100px 0;line-height:1.8}.journal-details-body p{margin-bottom:2em;line-height:1.8;font-size:1.4rem}.journal-details-body h3,.journal-details-body h4,.journal-details-body h5{line-height:1.25;margin-bottom:1.5em;margin-top:3em}.journal-details-body p a{position:relative;display:inline-block;color:#5B6669}.journal-details-body p a::after,.journal-details-body p a::before{content:"";display:block;position:absolute;bottom:-1px;right:0;width:100%;height:1px;background:#5B6669;-webkit-transition:-webkit-transform .35s cubic-bezier(.215,.61,.355,1) 0s;transition:transform .35s cubic-bezier(.215,.61,.355,1) 0s}.journal-details-body p a::before{opacity:.25}.p-vr .c-btn,.ui-item .icon{opacity:0;visibility:hidden}.journal-details-body p a::after{-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0;-webkit-transform:scale(0,1);transform:scale(0,1)}.view-pc .journal-details-body p a:hover::after{-webkit-transform-origin:0 50% 0;transform-origin:0 50% 0;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:-webkit-transform .45s cubic-bezier(.215,.61,.355,1) 0s;transition:transform .45s cubic-bezier(.215,.61,.355,1) 0s}.journal-details-body p img{display:block;max-width:100%;margin:35px 0;border:1px solid #EBEBEB}.journal-details-body p strong{font-weight:700}.journal-details-body p i{font-style:italic}.journal-details-body p strike{text-decoration:line-through}.journal-details-body p+h2,.journal-details-body p+h3,.journal-details-body p+h4,.journal-details-body p+h5{margin-top:3.5em}.journal-details-body blockquote{margin-bottom:3.5em;padding:25px 30px;border-left:2px solid #5B6669}.journal-details-body blockquote p{margin-bottom:0;color:#6A6A6A}.journal-details-body p+.before-after{margin-top:-1em}.journal-details-body blockquote p:not(:last-child){margin-bottom:1em}.journal-details-body h2{color:#101010;font-size:1.8rem;text-align:center;letter-spacing:.15em}.journal-details-body h2::after{content:"";display:block;position:relative;width:180px;height:26px;margin:15px auto 2em;background:url(../img/shape-wave.svg) 50% 50% no-repeat;background-size:cover}.journal-details-body h3{color:#333;font-size:2.4rem}.journal-details-body h4{color:#5B6669;font-size:2rem}.journal-details-body h5{position:relative;display:table;padding:10px 12px;background:#5B6669;color:#FFF;font-size:1.6rem}.journal-details-body h6{display:table;margin-top:3em;margin-bottom:2em;padding:5px 10px;background:#F8F8F8;font-size:1.4rem}.journal-details-body hr{margin:5em auto;width:100%;height:1px;background:#E6E6E6}.journal-details-body .double-img{margin-bottom:2.5rem;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;position:relative}.journal-details-body .double-img .left,.journal-details-body .double-img .right{position:relative;width:50%}.journal-details-body .double-img .left img,.journal-details-body .double-img .right img{display:block;width:100%;margin:0;padding:0;border:1px solid #EBEBEB}.journal-details-body .double-img .left{padding-right:20px}.journal-details-body .double-img .right{padding-left:20px}.journal-details-body .note{display:block;margin-top:15px;margin-bottom:2em;font-size:1.1rem;line-height:1.25}.journal-details-body ol,.journal-details-body ul{margin-bottom:3em;counter-reset:count}.journal-details-body ol li,.journal-details-body ul li{position:relative;padding-left:2em;line-height:1}.journal-details-body ul li::after{content:"";position:absolute;top:5px;left:0;width:6px;height:6px;background:#5B6669;border-radius:50%}.journal-details-body ol li::after{content:counter(count) ".";counter-increment:count;position:absolute;top:0;left:0;color:#5B6669;font:700 1.4rem/1 Roboto,sans-serif}.g-alert .browser-wrap:before,.notfound-items li a::before,.ui-item::after{content:""}.journal-details-body ol li:not(:last-child),.journal-details-body ul li:not(:last-child){margin-bottom:1.5em}.journal-details-body .gmaps{width:100%;text-align:center;border:2px solid #000;margin:3em auto}.journal-details-body .gmaps iframe{width:100%;min-height:360px}.journal-details-body .youtube{max-width:960px;margin:0 auto 3em;position:relative;width:100%;padding-top:56.25%}.journal-details-body .youtube iframe{position:absolute;top:0;right:0;width:100%!important;height:100%!important}.journal-details-footer{position:relative}.journal-details-footer .l-narrow-inner{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;height:160px}.journal-details-footer-body{position:relative;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;width:100%;height:100%;border-top:1px solid #E6E6E6}.journal-details-footer .share{display:-webkit-flex;display:flex}.journal-details-footer .share li:first-child{margin-right:20px;font:700 1.2rem/1 Roboto,sans-serif}.journal-details-footer .share li:not(:last-child){margin-right:11px}.journal-details-footer .share li a{display:inline-block;padding:0 2px;color:#B8C0C2;-webkit-transition:all .25s ease-out 0s;transition:all .25s ease-out 0s}.view-pc .journal-details-footer .share li a:hover{color:#000}.journal-details-footer .c-btn{position:absolute;top:50%;right:0;margin-top:-40px}.housing-details .m-page-nav,.journal-details .m-page-nav{background:#F8F8F8;margin:0;padding:80px 0;z-index:0}.housing-posts,.recent-posts,.recruit-journal{margin-bottom:60px;position:relative}.housing-details .m-page-nav .prev,.journal-details .m-page-nav .prev{position:relative;float:left}.housing-details .m-page-nav .next,.journal-details .m-page-nav .next{position:relative;float:right}.company-wrapper{position:relative}.company-origin{padding:120px 0}.company-philosophy{padding:120px 0;color:#FFF;background:#B8C0C2}.company-philosophy .shape-wave{stroke:#FFF}.company-info{padding:120px 0 150px}.company-maps{position:relative;width:100%;height:500px;margin-top:120px;border:2px solid #CCC}.recruit-wrapper{position:relative}.recruit-category,.recruit-message{padding:120px 0}.recruit-journal{margin-top:60px}.recruit-category .m-table{margin-bottom:120px}.recruit-category .m-table .row .right span{display:inline-block;font-weight:700;color:#B8C0C2;margin-bottom:5px}.recruit-destination{position:relative;max-width:800px;margin:40px auto 0;padding:100px 20px;border:2px solid #CCC;text-align:center}.recruit-destination h4{font-size:1.6rem;margin-bottom:20px}.recruit-destination p{font-size:1.4rem}.recruit-destination p:not(:last-child){margin-bottom:10px}.recruit-destination p .label{display:inline-block;width:50px}.confirm-body .input-row .input-txt._select::after,.confirm-body .input-row label p.requie::after,.confirm-body .input-row+.attention,.contact .form-submit .checkbox-wrap>*,.renovation .form-submit .checkbox-wrap>*{display:none}.contact-wrapper{position:relative;margin:80px 0 160px}.contact-wrapper .header-description{text-align:center}.confirm-body{position:relative;border:2px solid #000;overflow:hidden;margin-top:80px;padding:80px}.confirm-inner{position:relative;margin:0 auto;max-width:800px;font-weight:700}.confirm-body .input-row{line-height:80px}.confirm-body+.btn-set{margin-top:80px}.confirm-body .input-double{height:auto}.confirm-body .input-row .input-txt{height:80px;font-weight:400}.notfound-wrapper{position:relative;margin:80px 0}.notfound-items{padding:60px 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.notfound-items li{width:50%;padding-right:20px}.notfound-items li a{position:relative;display:inline-block}.notfound-items li h4{font-size:1.4rem;margin-bottom:25px}.notfound-items li li:not(:last-child){margin-bottom:15px}.notfound-items li a::before{position:absolute;top:50%;left:-20px;margin-top:-.5px;width:10px;height:1px;background:#333;-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:-webkit-transform .35s cubic-bezier(.215,.61,.355,1) 0s;transition:transform .35s cubic-bezier(.215,.61,.355,1) 0s}.view-pc .notfound-items li a:hover::before{-webkit-transform-origin:0 50% 0;transform-origin:0 50% 0;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:-webkit-transform .65s cubic-bezier(.215,.61,.355,1) 0s;transition:transform .65s cubic-bezier(.215,.61,.355,1) 0s}.p-vr .c-btn{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:280px;max-width:280px;height:60px}.panorama-360-vr{position:relative;width:100vw;height:100vh;background:url(../img/no-image-vr.png) 50% 50% #E5E5E5;background-size:208px 41px;overflow:hidden}.ui-bg,.vr-ui{position:absolute;width:100%;left:0}.panorama-360-vr canvas{cursor:-webkit-grab;cursor:grab}.ui-item,.ui-item:hover{cursor:pointer}.vr-ui{bottom:0;height:100px;color:#FFF;z-index:1}.ui-bg{top:0;height:100%;background:#000;z-index:-1;-webkit-transform-origin:0 100% 0;transform-origin:0 100% 0;-webkit-transform:scale(1,0);transform:scale(1,0)}.ui-item,.ui-items{position:relative;pointer-events:auto}.ui-item{width:120px;height:60px;text-align:center}.ui-item::after{position:absolute;bottom:-20px;left:0;width:100%;height:3px;background:#FFF;z-index:1;-webkit-transform:translate3d(0,3px,0);transform:translate3d(0,3px,0);-webkit-transition:-webkit-transform .35s cubic-bezier(.215,.61,.355,1) 0s;transition:transform .35s cubic-bezier(.215,.61,.355,1) 0s}.pc .ui-item:hover::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.ui-item .label{position:relative;margin-top:5px;font:700 1rem/1 Roboto,sans-serif;text-transform:uppercase;height:10px;line-height:10px;overflow:hidden}.ui-item .label span{display:inline-block;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.ui-item .label .bottom{position:absolute;bottom:-100%;left:0;width:100%;text-align:center}.ui-item .icon{position:relative;margin:0 auto;line-height:50px}.ui-item .icon._reset{background:url(../img/vr-icon/reset.png) 50% 50%/20px 20px no-repeat}.ui-item .icon._zoom-in{background:url(../img/vr-icon/zoom-in.png) 50% 50%/20px 20px no-repeat}.ui-item .icon._zoom-out{background:url(../img/vr-icon/zoom-out.png) 50% 50%/20px 20px no-repeat}.ui-item .icon._vr{background:url(../img/vr-icon/vr.png) 50% 50%/20px 20px no-repeat}.ui-item .icon._fullscreen{background:url(../img/vr-icon/fullscreen.png) 50% 50%/20px 20px no-repeat}.mobile .vr-ui{top:0;bottom:auto}.mobile .vr-ui,.ui-item .icon{height:60px}.mobile .ui-item{width:60px}.mobile .ui-items{display:block;width:100%;height:100%}.mobile .ui-item:nth-child(1){position:absolute;top:0;left:0}.mobile .ui-item:nth-child(4){position:absolute;top:0;right:0}.mobile .ui-bg,.mobile .ui-item .label,.mobile .ui-item .label span,.mobile .ui-item::after,.mobile .ui-item:nth-child(2),.mobile .ui-item:nth-child(3),.mobile .ui-item:nth-child(5){display:none}.svg-loader{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:100px;height:100px;zoom:1}.svg-loader .circular{position:relative;width:100%;height:100%;-webkit-animation:svg-loader-rotate 2s linear infinite;animation:svg-loader-rotate 2s linear infinite}.svg-loader .circular .path{fill:none;stroke:#FFF;stroke-width:3px;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;stroke-miterlimit:10;-webkit-animation:svg-loader-dash 1.5s cubic-bezier(.55,.085,.68,.53) infinite;animation:svg-loader-dash 1.5s cubic-bezier(.55,.085,.68,.53) infinite}@-webkit-keyframes svg-loader-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes svg-loader-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes svg-loader-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}100%{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes svg-loader-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}100%{stroke-dasharray:89,200;stroke-dashoffset:-124}}.p-vr .g-footer,.p-vr .g-loading,.p-vr .g-menu,.p-vr .g-popup,.p-vr .s-lines{display:none;width:0;height:0;text-indent:-9999px;visibility:hidden;opacity:0;overflow:hidden}.g-alert{position:fixed;top:0;left:0;width:100%;height:100%;padding:25px;background:#FFF;z-index:9999;overflow:hidden;display:none;visibility:hidden}.g-alert .not-support{position:relative;width:800px;margin:0 auto;border:2px solid #000;display:none}.g-alert .not-support img{display:block;margin:0 auto 25px}.g-alert .not-support .logo{position:absolute;top:0;left:0;width:80px;height:80px;background:url(../img/logo-not-support.png) 50% 50% no-repeat #000}.g-alert .not-support p{color:#000;font-weight:700;line-height:1.5;max-width:420px;margin:50px auto;text-align:left}.g-alert .browser-wrap{position:relative;width:100%;margin:0 auto;border-top:2px solid #000}.g-alert .browser-wrap:before{position:absolute;top:0;left:50%;width:2px;height:224px;margin-left:-1px;background:#000}.g-alert .browser{float:left;width:50%;text-align:center}.g-alert .browser,.g-alert .browser a{color:#000}.g-alert .browser a{display:inline-block;width:100%;height:100%;padding:80px 0}.g-alert .browser a:hover{color:#FFF;background:#000}.g-alert .browser .chrome,.g-alert .browser .firefox{font-size:36px}.g-alert .browser .txt{display:block;margin-top:15px;font-weight:900}.ie10 .g-alert,.ie10 .g-alert .not-support,.ie7 .g-alert,.ie7 .g-alert .not-support,.ie8 .g-alert,.ie8 .g-alert .not-support,.ie9 .g-alert,.ie9 .g-alert .not-support{display:block;visibility:visible}.ie10 .g-mask,.ie7 .g-mask,.ie8 .g-mask,.ie9 .g-mask{display:none}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-radius:0!important;font-family:Roboto,sans-serif!important}.ui-datepicker{padding:0!important}.ui-datepicker table{margin-bottom:0!important}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:0!important;background:0 0!important;color:#333!important;text-align:center!important}.ui-datepicker .ui-datepicker-header{padding:8px 0 10px!important;background:#000!important}.ui-datepicker th,.ui-datepicker-next-hover,.ui-datepicker-prev-hover,.ui-state-hover,.ui-widget-header .ui-icon{background:0 0!important}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{top:0!important;left:0!important;width:41px!important;height:41px!important;cursor:pointer!important}.ui-datepicker .ui-datepicker-next{left:auto!important;right:0!important}.ui-datepicker-next-hover,.ui-datepicker-prev-hover{top:0!important;left:0!important;opacity:1!important;font-weight:700!important}.ui-datepicker-next-hover{left:auto!important;right:0!important}.ui-datepicker .ui-datepicker-next::after,.ui-datepicker .ui-datepicker-prev::after{content:"\e408";color:#FFF;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:16px;height:16px;line-height:1;font-size:1.6rem;font-family:udatsu;-webkit-transition:all .25s ease-out 0s;transition:all .25s ease-out 0s}.s-hr,.s-wave{position:relative}.view-pc .ui-datepicker .ui-datepicker-next:hover::after,.view-pc .ui-datepicker .ui-datepicker-prev:hover::after{color:#ABABAB}.ui-datepicker .ui-datepicker-next::after{content:"\e409"}.ui-datepicker .ui-datepicker-title select,.ui-datepicker-title{font-family:Roboto,sans-serif!important;font-size:1.3rem!important;color:#FFF!important}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:3em!important}.ui-datepicker-month{margin-left:20px!important}.ui-datepicker th{color:#333!important;font-size:1.2rem!important}.ui-datepicker td{padding:5px 0!important;text-align:center!important;-webkit-transition:all .25s ease-out 0s;transition:all .25s ease-out 0s}.ui-datepicker td a{-webkit-transition:all .25s ease-out 0s;transition:all .25s ease-out 0s}.view-pc .ui-datepicker td:not(.ui-state-disabled):hover{background:#000!important}.view-pc .ui-datepicker td:hover a{color:#FFF!important}.ui-widget-content{border:0!important;background:#FFF!important;color:#333!important}.ui-corner-all{border:2px solid #000!important}.ui-datepicker .ui-datepicker-header,.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{border:0!important}.s-hr{max-width:1000px;height:1px;margin:0 auto;padding:0 20px}.s-hr span{display:block;width:100%;height:100%;background:#F2F2F2}.s-wave{width:180px;height:24px}.s-lines{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:100%;max-width:1440px;height:100%;pointer-events:none;z-index:-1}.s-lines._z0{z-index:0}.s-lines._z1{z-index:1}.s-lines._fixed{position:fixed;padding-right:0}.s-lines._fixed .inner,.s-lines._fixed .padding{position:relative;width:100%;height:100%}.windows.chrome .s-lines._fixed{max-width:1462px}.windows.chrome .s-lines._fixed .padding{padding-right:16.5px}.windows.firefox .s-lines._fixed .padding{padding-right:16px}.s-lines .line{position:absolute;top:0;width:1px;height:100%;background:#EBEBEB}.s-lines .line._1{left:80px}.s-lines .line._2{left:-webkit-calc(25% + 40px);left:calc(25% + 40px)}.s-lines .line._3{left:50%;margin-left:-.5px}.s-lines .line._4{right:-webkit-calc(25% + 40px);right:calc(25% + 40px)}.s-lines .line._5{right:80px}.company .s-lines .line._2,.company .s-lines .line._3,.company .s-lines .line._4,.confirm .s-lines .line._2,.confirm .s-lines .line._3,.confirm .s-lines .line._4,.contact .s-lines .line._2,.contact .s-lines .line._3,.contact .s-lines .line._4,.housing-details .s-lines .line._2,.housing-details .s-lines .line._3,.housing-details .s-lines .line._4,.journal-details .s-lines .line._2,.journal-details .s-lines .line._3,.journal-details .s-lines .line._4,.no-lines .s-lines .line._2,.no-lines .s-lines .line._3,.no-lines .s-lines .line._4,.notfound .s-lines .line._2,.notfound .s-lines .line._3,.notfound .s-lines .line._4,.recruit .s-lines .line._2,.recruit .s-lines .line._3,.recruit .s-lines .line._4,.renovation .s-lines .line._2,.renovation .s-lines .line._3,.renovation .s-lines .line._4,.service .s-lines .line._2,.service .s-lines .line._3,.service .s-lines .line._4,.thanks .s-lines .line._2,.thanks .s-lines .line._3,.thanks .s-lines .line._4{display:none}@media screen and (min-width:1025px){.breadcrumbs{width:auto!important}}@media screen and (max-width:1024px){.s-wave[data-anim-type] .shape-wave{stroke-dashoffset:0}.comparison-table+.c-arrow-box .shape-arrow-down,.m-page-nav .next .shape-arrow-right,.m-page-nav .prev .shape-arrow-left{stroke:#000}.home-housing .housing-item,.home-service .service-item-child,.journal-item{opacity:1;visibility:visible}.housing-article a.thumb,.journal-article a.thumb,.service-item-img{-webkit-transform:none;transform:none}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y::after{width:2px}.s-lines .line._1,.s-lines .line._2,.s-lines .line._4,.s-lines .line._5{display:none}.s-hr{padding:0}.zoom-btn{display:block}.loading-default .shape-logo{width:77px;height:95px}.shape-logo-icon{width:24px;height:24px}.g-menu{top:0;width:180px;-webkit-transform:none;transform:none}.g-menu .inner{display:-webkit-flex;display:flex;background:0 0}.g-menu .menu-box{width:60px;height:60px}.g-menu .menu-btn{-webkit-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0)}.svg-transition-wave{display:none}.transition-sp span{opacity:1}.gnav-menu{width:80%;left:-80%}.gnav-item{font-size:1.5rem;letter-spacing:.15em}.gnav-item:not(:last-child){margin-bottom:20px}.gnav-toggle .arrow{margin-top:-3px;width:14px;height:14px}.progress{-webkit-transform:scale(.01,0);transform:scale(.01,0)}.tab-content-wrap .zoom-btn{bottom:5px;right:0}.g-popup{padding:20px}.g-popup .close{width:60px;height:60px}.popup-padding{background:#FFF;overflow:auto;padding:20px;border:2px solid #000}.popup-inner img{display:block;position:absolute;top:0;left:0;padding-right:20px;padding-bottom:20px}.footer-item:nth-child(3),.footer-item:nth-child(4),.m-scroll-down .black-box,.m-scroll-down .mouse{display:none}.tab-content-inner .img img{max-height:280px}.g-footer{padding-top:40px;padding-bottom:25px}.footer-logo img{width:157px;height:43px;margin:0}.footer-item{width:100%;padding:0;opacity:1}.c-arrow-box,.go-to-top{width:60px;height:60px}.footer-item:nth-child(1){margin-bottom:50px}.footer-item h4{margin-top:0}.footer-item .address .shape-pin{right:0}
.go-to-top{bottom:-25px}.u-pc{visibility:hidden}.u-sp{visibility:visible}.c-btn._large{min-width:120px;min-height:60px;padding:24px 15px}.c-btn._medium{min-width:240px;width:100%}.btn-set .c-btn{margin:0 auto}.btn-set .c-btn:first-child{margin-bottom:10px}.m-scroll-down{height:60px;z-index:-1}.m-intro-header._slider .title-only{height:-webkit-calc(100% - 60px);height:calc(100% - 60px);font-size:1.8rem}.m-header-set h3{font-size:1.6rem}.m-header-set .s-wave{margin:15px auto 30px}.header-description{font-size:1.4rem;line-height:1.8}.m-table .row .left,.m-table .row .right{font-size:1.2rem;margin-bottom:25px;padding-bottom:15px;letter-spacing:0}.header-description+.btn-set{display:block;margin-top:30px}.housing-article-info .info-txt._strong,.more-articles-header .c-btn,.slider-pagination{display:none}.m-table .row .left{width:80px;line-height:1.25}.m-table .row .right{padding-left:10px;line-height:1.25}.housing-item:nth-child(2),.housing-item:nth-child(2n+1):not(:first-child){margin-top:0}.housing-article-info{height:auto;min-height:0;margin-bottom:0;padding:25px 0}.breadcrumbs li,.m-breadcrumbs-nav,.select-menu-btn{height:60px}.housing-article-info .c-arrow-box{top:55px;border:1px solid #F2F2F2}.housing-article-info .info-txt{font-size:1.1rem;letter-spacing:0;padding-right:80px}.housing-article a.label{width:50%;padding:9px 10px;font-size:1.1rem;min-height:30px}.housing-article .label._coming-soon,.housing-article .label._owner-change,.housing-article .label._reserved{left:50%}.m-intro-header .m-select-menu{position:relative;top:0;right:auto;margin:35px auto 0;padding:0 20px}.select-menu-btn p{font-size:1.2rem;padding:26px 0 0 25px}.m-select-menu ul li{min-height:60px}.select-menu-toggle{width:60px;height:60px}.m-select-menu ul li a{font-size:1.2rem;padding:23px 0 23px 25px}.m-breadcrumbs-nav{position:absolute;top:auto;bottom:0;width:100%;overflow-x:auto;overflow-y:hidden;z-index:1}.home-housing-header .c-btn,.l-outer-padding,.m-intro-header._journal-details .m-breadcrumbs-nav,.radiobtn-wrap{position:relative}.breadcrumbs{width:1000px}.breadcrumbs li:first-child{width:auto;padding-left:20px}.breadcrumbs li:last-child{padding-right:20px}.breadcrumbs li:not(:last-child)::after{bottom:-2px;right:-27px}.m-intro-header._slider .breadcrumbs li:not(:last-child)::after{color:#DADADA;opacity:1}.m-intro-header._panorama .breadcrumbs li a,.m-intro-header._slider .breadcrumbs li a{color:#333}.m-intro-header._panorama .breadcrumbs li span,.m-intro-header._slider .breadcrumbs li span{color:rgba(11,11,11,.5)}.m-intro-header._panorama .breadcrumbs .shape-home,.m-intro-header._slider .breadcrumbs .shape-home{fill:#333}.m-page-nav{margin:40px 0}.m-page-nav .next,.m-page-nav .prev{width:40px;height:40px;background:0 0}.m-page-nav .prev{left:-20px}.m-page-nav .next{right:-20px}.m-page-nav ul{height:40px}.m-page-nav ul li{width:40px;height:40px;margin:0 5px}.slider-nav,.slider-nav ul{width:120px}.housing-item:not(:last-child),.m-more-articles{margin-bottom:20px}.journal-item:nth-child(2),.journal-item:nth-child(2n+1):not(:first-child):not(:nth-child(3)),.journal-item:nth-child(4),.service-item:first-child .service-item-child._right{margin-top:0}.l-container{will-change:scroll-position}.l-wrapper{height:auto;background:#FFF;will-change:none}.journal-wrapper .journal-article-info,.panorama-nav-btn:first-child{background:0 0}.l-outer-padding{padding:0 20px}.l-outer-padding .l-narrow-inner{padding:0}.m-intro-header._full .image-slider{height:90vw;min-height:340px;max-height:380px}.slider-nav{right:0;min-width:120px;height:60px}.slider-nav ul li{width:60px}.slider-nav ul::before{height:100%}.housing-item{width:100%;padding:0}.housing-article-thumb-wrap{height:160px}.s-more-bg{padding-top:40px}.more-articles-header{margin-bottom:25px}.more-articles-ttl h2{letter-spacing:.15em;text-indent:-.025em}.more-articles-ttl span{margin-bottom:10px}.journal-item{width:50%;min-height:240px;padding:0}.journal-item:nth-child(2n-1){padding-right:10px}.journal-item:nth-child(2n){padding-left:10px}.journal-article-info{padding:35px 0 0;height:auto}.journal-article-info .ttl{font-weight:400;font-size:1.2rem}.journal-article-info .date{letter-spacing:0;margin-bottom:10px}.journal-article-thumb-wrap{overflow:visible}.journal-article-thumb-wrap a.category{display:inline-block;bottom:-15px;padding:9px 10px;word-break:break-all;text-align:left}.m-service-items{padding:0}.service-item-child._left,.service-item-child._right{float:none;width:100%}.loading-home-wrap{height:90vw;max-height:330px}.loading-home .mask._bottom{bottom:-100vh;height:100vh}.housing-details-slider .slider-nav,.m-intro-header._home .slider-nav{bottom:-30px}.home-company-name{display:none}.m-intro-header._home .logo{top:-35px}.m-intro-header._home .logo,.m-intro-header._home .logo .shape-logo{width:77px;height:95px}.home-housing-header{min-height:0;margin-bottom:40px}.home-housing-ttl h2{padding-left:0}.home-housing-ttl h2 span:first-child{margin-right:10px}.home-housing-header .c-btn{display:none}.home-housing{margin-top:40px}.home-housing .shape-wave{left:-20px;margin-bottom:10px}.home-housing .m-housing-items{width:-webkit-calc(400vw + 20px);width:calc(400vw + 20px)}.home-housing .housing-item{width:-webkit-calc(100vw - 40px);width:calc(100vw - 40px)}.home-housing .housing-item:not(:last-child){margin-right:20px}.home-journal{margin-top:30px}.home-journal .m-more-articles+.c-btn{margin-top:20px}.s-more-bg::before{height:240px}.home-service{margin-top:60px;margin-bottom:60px}.home-service .service-item:not(:first-child) .service-item-child._left{margin-top:0}.home-service .service-item{display:-webkit-flex;display:flex}.home-service .service-item-child{width:auto;height:60px}.home-service .service-item .service-item-child:first-child{width:60px;min-width:60px}.home-service .service-item .service-item-child:last-child{width:100%;-webkit-flex:1 1 auto;flex:1 1 auto}.home-service .service-item-img{width:100%;height:100%}.home-service .service-item-txt{padding:0;-webkit-justify-content:flex-start;justify-content:flex-start}.home-service .service-item:not(:last-child){margin-bottom:0}.home-service .service-item-txt .txt{padding:0 0 0 25px}.home-service .service-item-txt .txt p,.home-service .service-item-txt h4{display:none}.housing-wrapper{margin:130px 0 0}.housing-details-wrapper{margin-top:40px}.housing-details-header{margin:0 0 40px}.housing-details-header h2{font-size:1.6rem;line-height:1.25;margin-bottom:20px}.housing-details-header .ttl{margin-bottom:30px}.housing-details-header .outline{margin-bottom:40px}.housing-details-header .outline-item{width:100%}.housing-details-header .outline-item:not(:last-child){margin-bottom:15px}.housing-details-header .outline-item p:not(:last-child){margin-bottom:5px}.housing-details-header .outline-item:nth-child(1),.housing-details-header .outline-item:nth-child(2),.housing-details-header .outline-item:nth-child(3){padding:0}.housing-details-header .outline-item:nth-child(3){margin-top:15px}.housing-details-slider-item{padding:40px 0}.housing-details-slider .image-slider{height:65vw;margin-bottom:30px}.slider-ttl-set{padding-top:40px}.slider-ttl-set h3{text-align:left;font-size:1.6rem;margin-bottom:20px;line-height:1.25}.slider-ttl-set p{font-size:1.4rem;line-height:1.8}.housing-details-drawing{padding:40px 0}.housing-details-info{padding-top:40px}.housing-details-info-item{padding:0;width:100%;height:50px}.housing-details-info-item .icon{width:50px;height:50px;margin-right:10px}.housing-details-info-item .txt{font-size:1.2rem}.housing-details-spec{padding-top:60px}.housing-details-spec-item{width:100%;padding:0}.housing-details-spec-item .row .left,.housing-details-spec-item .row .right{padding-top:25px}.housing-details-spec-item .row .right{padding-left:10px}.related-spacer{height:80px}.housing-details-vr{height:140px}.related-articles{padding:80px 0 40px}.related-articles-ttl h2{font-size:2rem;margin-bottom:15px}.related-items{padding-top:20px}.related-item{padding:20px 0}.related-article-info,.related-article-thumb-wrap{width:100%;padding:0}.related-article-info .meta{width:100%;margin-bottom:20px}.related-article-info .meta .category{max-width:60%;word-break:break-word}.m-intro-header .hgroup h2 img,.service-item-logo img{max-width:180px;max-height:50px}.related-article-info .meta .date{margin-left:15px;font-size:1.1rem;letter-spacing:0}.related-article-info h3{font-size:1.4rem;line-height:1.8}.m-intro-header._full .panorama-vr{height:-webkit-calc(100vh - 60px);height:calc(100vh - 60px)}.m-intro-header .housing-title{height:-webkit-calc(100% - 60px);height:calc(100% - 60px)}.m-intro-header._full._panorama .m-scroll-down{z-index:0}.m-intro-header._full._panorama .m-scroll-down .mouse{top:-60px;display:block;width:60px;height:60px;margin-left:-30px;border:none;z-index:1}.m-intro-header._full._panorama .m-scroll-down .mouse .arrow-down{top:0;left:0;bottom:0;right:0;margin:auto}.m-intro-header._full._panorama .m-scroll-down .mouse .arrow-down>span:first-child{left:-6px}.m-intro-header._full._panorama .m-scroll-down .mouse .arrow-down>span:last-child{right:-6px}.m-scroll-down .mouse .arrow-down>span{width:10px}.m-intro-header .housing-title .ttl{font-size:1.8rem;padding:0 20px;margin-top:30px;margin-bottom:15px;line-height:1.25}.panorama-nav{width:120px;height:60px}.new-window{width:22px;height:14px}.new-window::before{border-color:rgba(255,255,255,.25)}.new-window::after,.new-window::before{width:16px;height:10px}.panorama-nav p{font-size:1.3rem}.service-wrapper{margin:40px 0}.service-journal{margin-bottom:40px}.header-description+.m-service-items{margin-top:40px}.service-item:not(:first-child) .service-item-child._left{margin-top:0}.service-item:not(:last-child){margin-bottom:20px}.service-item-child{height:auto}.service-item-img{height:180px}.service-item-txt .txt{padding:30px 20px 40px;text-align:left}.service-item-txt .txt span{font-weight:400}.service-item-txt .txt h4{margin-top:10px;letter-spacing:.095em}.service-item-txt .txt p{margin-top:20px;font-size:1.3rem;line-height:1.5}.service-detail-wrapper,.service-section .hgroup+.hgroup{margin-top:40px}.service-wrapper .service-item-child .c-arrow-box{width:40px;height:40px}.service-section .hgroup p span{display:inline}.service-detail-wrapper .header-description{text-align:left}.service-section{padding:40px 0}.service-section._large-bottom{padding-bottom:40px}
 .service-section .hgroup h3{font-size: 19px;margin-bottom:20px;line-height:1.25;letter-spacing:.045em;}
 .service-section .hgroup h4{font-size: 19px;margin-bottom:20px;line-height:1.25;letter-spacing:.045em;}
 .service-section .hgroup h6{margin-bottom:15px}.service-section .hgroup p{font-size: 18px;/* text-align: left; */}
 .hgroup+.before-after{margin:25px 0 35px}

 .service-section .hgroup h2+.s-wave{margin:20px auto 40px}
 .tab-content._map{height:180px}
 .related-article-thumb-wrap a.thumb{-webkit-transform:none;transform:none}
 .contact-area{height:140px}.contact-area._with-txt .right{display:none}.service-point{margin:25px auto;padding:0}
 .service-point-items{padding-top:0}.service-point-items._col-4 .service-point-item{width:50%}
 .service-point-items._col-3 .service-point-item{width:100%}.service-point-item{min-height:100px;height:100px;padding:0}
 .service-point-items._col-4 .service-point-item:nth-child(2n-1){padding-right:5px}.service-point-items._col-4 .service-point-item:nth-child(2n){padding-left:5px}.service-point-items._col-3{padding:0}
 .service-point-items._col-3 .service-point-item:not(:last-child),.service-point-items._col-4 .service-point-item:nth-child(1),.service-point-items._col-4 .service-point-item:nth-child(2){margin-bottom:10px}
 .service-point-item .inner{padding:10px}.service-point-item .inner p{font-size:1.2rem}.service-point-item .inner span{top:0;width:25px;height:25px;padding-top:8px;font-size:1rem}
 .service-detail-items._large-margin{margin-top:40px}.before-after .before{padding-right:0;margin-bottom:40px}.before-after .after{padding-left:0}.before-after::after{content:"\e5cf"}
 .before-after .after,.before-after .before{width:100%}.before-after .after::after,.before-after .before::after{padding:10px 25px}.before-after .after::after{left:0}
 .service-message .l-narrow-inner{padding-bottom:40px}.service-mpu .service-detail-item-child._left:last-child{height:62.5vw}.comparison-table{margin-top:40px;padding:0}
 .comparison-table .tr .td,.comparison-table .tr .th{padding:0;font-size:1.1rem}.comparison-table .th h5 span{display:block;margin-top:5px;font-size:1rem;opacity:.8}
 .comparison-table .tr .th{font-size:1.2rem}.comparison-table .tr .th .inner{height:40px}.comparison-table .tr .td .inner{padding:20px 0 10px}
 .comparison-table .tr .td:not(:first-child),.comparison-table .tr .th:not(:first-child) h5{padding-left:5px}
 .comparison-table .tr .td:first-child::after{left:0;width:calc(100% + 20px)}.comparison-table+.c-arrow-box{margin:10px auto;background:0 0}
 .service-asobi .service-section .hgroup h3,.service-asobi .service-section .hgroup p{text-align:left}
 .renovation-point-item{display:-webkit-flex;display:flex;width:100%;padding:0;min-height:100px}
 .input-row,.journal-details-body .double-img,.journal-details-header-meta,.submit-btn-set{display:block}
 .renovation-point-item:not(:last-child){margin-bottom:20px}
 .renovation-point-item .thumb{width:100px;height:100px;min-width:100px;min-height:100px}.renovation-point-item .txt{margin-top:20px;padding-left:20px;text-align:left}
 .renovation-point-item .txt p{font-size:1.5rem;margin-top:10px}.journal-wrapper{margin:130px 0 0}.journal-details-thumb-parallax{top:0;height:100%}.journal-details-thumb-wrap{height:90vw;max-height:330px}
 .journal-details-thumb-padding,.journal-details-thumb-wrap .l-outer-padding{padding:0;height:100%}.journal-details-thumb{height:100%;-webkit-transform:none;transform:none}
 .journal-details-header{padding:40px 0 30px}.journal-details-header-meta{margin-top:0;padding:0}.journal-details-header-meta .left{padding-right:0;width:100%}
 .journal-details-header-meta .left .date{margin-top:10px;margin-bottom:10px}.journal-details-header-meta .left .ttl{font-size:1.6rem;line-height:1.5}.journal-details-header-meta .right{width:100%}
 .journal-details-header-meta .right .category{margin:30px 0 20px}.journal-details-header-meta .right h5{margin-bottom:10px}.journal-details-header .s-wave{left:-27px}.journal-details-footer .l-narrow-inner{height:120px}
 .journal-details-footer .c-btn{margin-top:-30px}.housing-details .m-page-nav,.journal-details .m-page-nav{padding:10px 0 30px;background:#FFF}
 .housing-details .m-page-nav .prev,.journal-details .m-page-nav .prev{width:60px;height:60px;left:0;background:#000}
 .housing-details .m-page-nav .next,.journal-details .m-page-nav .next{width:60px;height:60px;right:0;background:#000}
 .housing-details .m-page-nav .shape-arrow-left,.housing-details .m-page-nav .shape-arrow-right,.journal-details .m-page-nav .shape-arrow-left,.journal-details .m-page-nav .shape-arrow-right{stroke:#FFF}
 .journal-details-body{padding:60px 0 40px}.journal-details-body p+h2,.journal-details-body p+h3,.journal-details-body p+h4,.journal-details-body p+h5{margin-top:2em}.journal-details-body blockquote{padding:10px 15px}
 .journal-details-body p{font-size:1.3rem}.journal-details-body .gmaps iframe{width:100%;min-height:280px}.journal-details-body .double-img .left,.journal-details-body .double-img .right{position:relative;width:100%}
 .journal-details-body .double-img .left{padding-right:0;margin-bottom:2.5em}.recruit-category .m-table,.recruit-journal{margin-bottom:40px}
 .journal-details-body .double-img .right{padding-left:0}.company-info,.company-origin,.company-philosophy,.recruit-category,.recruit-message{padding:40px 0}
 .company-maps{margin-top:30px;height:220px}.recruit-journal{margin-top:0}.recruit-category .m-table .row .left{min-width:80px}.recruit-category .m-table .row .left span{display:block;font-size:1.1rem}
 .recruit-destination{padding:40px 20px}.recruit-destination h4{font-size:1.5rem}.recruit-destination p{font-size:1.3rem;text-align:left;line-height:1.25}.recruit-destination p .label{width:40px}
 .contact-wrapper{margin:60px 0 30px}.contact-wrapper .tab-content-wrap{border:none}.tab-select{margin-top:40px}.tab-btn li span{font-size:1.2rem;letter-spacing:0}.tab-content{padding:30px 0}
 .input-row{height:auto;margin-bottom:30px}.input-row>label{width:100%;height:auto;border:none;margin-bottom:10px}.input-row label p.requie::after{margin-left:10px;padding:3px 12px}.input-row .input-txt{height:60px}
 .input-row .input-txt._checkbox,.input-row .input-txt._radio{min-height:60px;height:auto}.input-row .input-txt._area::after{width:80px;height:60px;font-size:1.2rem;line-height:60px}.textarea-row{margin-top:0}
 .textarea-row label{height:60px}.form-submit .checkbox-wrap{margin:30px 0}.confirm-body,.confirm-body+.btn-set{margin-top:40px}.form-submit input[type=submit]._back{margin-bottom:20px}.form-submit input[type=submit]{width:100%;height:60px;font-size:1.6rem}
 .checkbox,.radiobtn{width:20px;height:20px;min-width:20px;min-height:20px;border-radius:4px;margin-right:10px}.checkbox::after,.radiobtn::after{width:10px;height:10px;min-width:10px;min-height:10px;border-radius:2px}
 .checkbox-wrap span,.radiobtn-wrap span{margin-bottom:10px;margin-right:10px}.checkbox+p,.radiobtn+p{margin-right:5px;font-size:1.2rem}.input-double,.input-row._double{height:auto}
 .input-row._double .input-txt._select{margin-bottom:10px}.confirm-body .input-row{line-height:40px}.confirm-body .input-row .input-txt._checkbox,.confirm-body .input-row .input-txt._radio{min-height:40px}.confirm-body .input-row .input-txt{height:40px}
 .confirm-body{padding:25px}.notfound-items{padding:0}.notfound-items>li{width:100%;padding-right:0}.notfound-items>li:first-child{margin-bottom:40px}}@media screen and (min-width:1025px) and (max-width:1440px){.gnav-item{font-size:2.2rem}
 .service-item-child{height:400px}.housing-article a.label{padding:14px 13px}}@media screen and (min-width:1025px) and (max-width:1140px){.l-narrow-inner{max-width: 1000px;width: 100%;}.housing-details-info-items,.housing-details-spec-items{max-width:900px}}
 @media screen and (min-width:641px) and (max-width:1024px){.housing-details-info-items,.housing-details-spec-items,.l-narrow-inner,.l-outer-padding{max-width: 1000px;width: 100%;margin: 0 auto;}.s-lines,.slider-pagination-num-wrap{display:none}.slider-pagination{width:auto}
 .slider-nav{min-width:120px;width:120px;right:0}.popup-inner img{top:0;left:0;bottom:0;right:0;margin:auto}.btn-set .c-btn{width:auto;margin:0 10px}.btn-set .c-btn:first-child{margin-bottom:0}
 .loading-home-wrap,.m-intro-header._full .image-slider,.m-intro-header._slider .title-only{height:90vw;max-height:480px}.l-outer-padding{padding:0 20px}.gnav-toggle .arrow{margin-top:0}.gnav-item{font-size:2.1rem}
 .gnav-item:not(:last-child){margin-bottom:25px}.more-articles-header{margin-bottom:40px}.m-intro-header .m-select-menu{width:100%;max-width:640px}.header-description+.btn-set{display:-webkit-flex;display:flex}
 .housing-article-thumb-wrap{height:280px}.home-housing .m-housing-items{width:-webkit-calc(400vw + ((100vw - 640px)/ 2) + 20px);width:calc(400vw + ((100vw - 640px)/ 2) + 20px)}.home-housing .shape-wave{left:0}
 .home-housing .housing-item{width:600px}.home-housing .housing-item:not(:last-child){margin-right:-webkit-calc((100vw - 640px)/ 2 + 20px);margin-right:calc((100vw - 640px)/ 2 + 20px)}
 .housing-article a.label{padding:14px 15px}.housing-details-slider .image-slider{height:40vw}.housing-details-info-item,.housing-details-spec-item{width:50%}.housing-details-spec-item:nth-child(2n-1){padding-right:20px}
 .housing-details-spec-item:nth-child(2n){padding-left:20px}.related-item{padding:40px 0}.related-article-thumb-wrap{width:-webkit-calc(100% / 3 - 20px);width:calc(100% / 3 - 20px);height:180px}
 .related-article-info{width:-webkit-calc(100% / 3 * 2);width:calc(100% / 3 * 2);padding-left:20px}.journal-details-thumb-wrap .l-outer-padding{max-width:100%}
 .journal-article-thumb-wrap::before{padding-top:62.5%}.journal-details-header{padding:40px 0}.journal-details-header .s-wave{display:none}
 .contact-wrapper .tab-content-wrap{border:2px solid #000}
 
 

}


.about-txt{
  font-size:20px;
  font-weight: 600;
  padding: 10px 0;
}



/* -----------------------------------------------------------------------
#course_box 
----------------------------------------------------------------------- */
#course_box {
  padding: 48px 0 50px;
  /* background: url(../img/bg_paper01.jpg) repeat; */
}

#course_box .title{
  max-width:1000px;
  width:100%;
  font-size: 23px;
  color:#fa5c8d;
  font-weight:600;
  padding-left:1%;
  line-height:2;
}

#course_box .title h2{
}


#course_box .inner{
 max-width:1000px;
 width:100%;
 padding: 2%;
 border: 1px dashed #eee;
 margin: 0;
}

#course_box .rightBox {
  padding: 10px 2% 0;
  width: 80%;
}
#course_box .rightBox .tit {
    width: 100%;
}
 #course_box .rightBox .tit{
    font-size:25px;
    color: #fa5c8d;
    line-height: 35px;
    font-weight: 600;
 }

 #course_box .rightBox .tit span{border-bottom: 3px solid;}
 

#course_box .rightBox .txt {
  width: 100%;
  margin: 10px 0 20px;
  font-size: 18px;
  font-weight:600;
}
#course_box .rightBox .btn {
  margin-left: 95px;
}
#course_box .leftBox {
  /* margin-left: -30px; */
  /* margin-right: 35px; */
  width: 20%;
}

#course_box img {

transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
}

@media screen and (max-width: 1024px) {
  #course_box .rightBox {
    width: 55%;
  }
  #course_box .rightBox .tit {
    width: 100%;
    font-size:20px;
  }
 
  #course_box .rightBox .tit img {
    width: 100%;
    height: auto;
  }
  #course_box .rightBox .txt {
    width: 100%;
  }
  #course_box .leftBox {
    width: 40%;
    margin: 0;
  }
  #course_box .leftBox img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  #course_box {
    padding: 30px 6% 40px;
    background: url(../img/bg_paper01.jpg) repeat;
  }
  #course_box .rightBox {
    width: auto;
    padding: 23px 0 0;
    width:100%;
    text-align:center
  }
  #course_box .rightBox .txt {
    margin: 10px 0 20px;
    font-size: 13px;
  }
  #course_box .rightBox .btn {
    margin-left: 0;
  }
  #course_box .leftBox {
    /* margin-left: -30px; */
    /* margin-right: 35px; */
        width: 100%;
  }
 #course_box .leftBox img{
    padding:5%;
  }
 
}



.plan-box {
  background-color: #f0efe9;
  padding: 17px;
  margin: 50px auto; }
  .plan-box .list-inner {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    padding: 25px;
    overflow: auto;
    }
  .plan-box .btitle {
    font-size: 26px;
    /* font-size: 1.25rem; */
    color: #a560a3;
    font-weight: 600;
    }

@media only screen and (max-width: 500px) {
  .plan-box .btitle {
      font-size: 24px;
      /* font-size: 1.25rem; */
      color: #a560a3;
      font-weight: 600;
  }
}


  .plan-box .stitle {
    font-size: 22px;
    /* font-size: 1.25rem; */
    color: #ff605f;
    font-weight: 600;
    }
@media only screen and (max-width: 500px) {
     .plan-box .stitle {
    font-size: 20px;
    /* font-size: 1.25rem; */
    color: #ff605f;
    font-weight: 600;
    }
}

  .plan-box p {
    margin-bottom: 0; }

.plan-list .pbox {
  position: relative;
  width: 70%;
  padding: 2%;
  /* float: left; */
  margin: 0 auto;
  }
.plan-list .pbox2 {
  position: relative;
  width: 30%;
  padding: 2%;
  float: left;
  }


  
.plan-list .thum {
  /* background-color: #e91e6303; */
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  width: 100%;
  margin-bottom: 15px;
  }
  .plan-list .thum a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%; }

.plan-list .thum img{
  width:100%;
  height:auto;
  padding: 2%;
  }
.plan-list .ptitle {
  font-size: 15px;
  font-size: 18px;
  margin-bottom: 15px;
  }
  .plan-list .ptitle:before {
    content: "\f192";
    font-family: "FontAwesome";
    margin-right: 4px;
    }
.plan-list p {
  font-size: 13px;
  font-size: 16px;
  }

.planimg {
  margin: 0 auto 20px auto; }

.plan-floor {
  position: relative; }
  .plan-floor .fnum {
    background-color: #f0efe9;
    font-size: 24px;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center; }


  .plan-section {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 1000px;
    margin: 60px auto; }
    .plan-section .fig {
      width: 382px;
      margin-right: 35px; }
    .plan-section .text {
      width: 583px; }

  .plan-header {
    width: 1000px;
    margin: 30px auto 70px auto; }
    .plan-header .plantitle {
      font-size: 24px;
      font-size: 1.5rem; }
    .plan-header p {
      text-align: center;
      padding: 0 220px 0 190px; }
    .plan-header .pnav {
      padding: 20px 35px;
      position: absolute;
      left: 0;
      top: 0; }
      .plan-header .pnav li:not(:last-child) {
        margin-bottom: 15px; }
    .plan-header .badge {
      position: absolute;
      right: 0;
      bottom: 0; }
    .plan-header .badge2 {
      position: absolute;
      right: 115px;
      bottom: 5px; }

  .tricoro-exp {
    width: 1000px;
    margin: 0 auto 50px auto; }
    .tricoro-exp p {
      text-align: center; }

  .plan-box {
    max-width: 1000px;
    width: 100%;
    }

  .plan-list {
    max-width: 900px;
    /* display: flex; */
    /* justify-content: space-between; */
    /* margin: 10px auto 25px auto; */
    width: 100%;
    }

  .planimg {
    width: 841px;
    margin: 0 auto 20px auto; }

  .contlink {
    width: 1000px;
    margin: 0 auto 40px auto;
    text-align: center; }

  .plan-floor {
    width: 850px;
    margin: 40px auto;
    text-align: center; }
    .plan-floor .fnum {
      width: 85px;
      height: 85px;
      position: absolute;
      top: 0;
      left: 0; }

.btitle {
    border-bottom: 1px solid #d7d7d7;
    text-align: center;
    padding-bottom: 24px;
    margin-bottom: 24px;
}






/*  flipboard
------------------------------------------------*/
.block-flipboard {
  display: block;
  cursor: pointer;
  -webkit-perspective: 2000px;
     -moz-perspective: 2000px;
      -ms-perspective: 2000px;
       -o-perspective: 2000px;
          perspective: 2000px;
}

.block-flipboard .block-front,
.block-flipboard .block-back {
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
       -o-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     -moz-transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -ms-transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
       -o-transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.block-flipboard .block-front {
  position: relative;
  z-index: 1;
}

.block-flipboard .block-back {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotateY(-180deg);
     -moz-transform: rotateY(-180deg);
      -ms-transform: rotateY(-180deg);
       -o-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

html.desktop .block-flipboard:hover .block-front {
  -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
       -o-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

html.desktop .block-flipboard:hover .block-back {
  -webkit-transform: rotateY(0deg);
     -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
       -o-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

html.touch .block-flipboard.isFlipped .block-front {
  -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
       -o-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

html.touch .block-flipboard.isFlipped .block-back {
  -webkit-transform: rotateY(0deg);
     -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
       -o-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

html.edge .block-flipboard .block-front,
html.edge .block-flipboard .block-back,
html.windows10.ie .block-flipboard .block-front,
html.windows10.ie .block-flipboard .block-back {
  -ms-backface-visibility: visible;
      backface-visibility: visible;
  -ms-transition-property: transform, opacity;
      transition-property: transform, opacity;
}

html.edge .block-flipboard .block-back,
html.windows10.ie .block-flipboard .block-back {
  opacity: 0;
}

html.desktop.edge .block-flipboard:hover .block-front,
html.desktop.windows10.ie .block-flipboard:hover .block-front {
  opacity: 0;
}

html.desktop.edge .block-flipboard:hover .block-back,
html.desktop.windows10.ie .block-flipboard:hover .block-back {
  opacity: 1;
}




/*============================================================
  animal
============================================================*/
#animal {
  opacity: 0;
}

#animal.active {
  -webkit-animation: 0.2s ease-in both;
     -moz-animation: 0.2s ease-in both;
      -ms-animation: 0.2s ease-in both;
       -o-animation: 0.2s ease-in both;
          animation: 0.2s ease-in both;
  -webkit-animation-name: fade_in;
     -moz-animation-name: fade_in;
      -ms-animation-name: fade_in;
       -o-animation-name: fade_in;
          animation-name: fade_in;
}

#animal .list-animal > li {
  opacity: 0;
}

#animal .list-animal > li.active {
  -webkit-animation: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
     -moz-animation: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
      -ms-animation: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
       -o-animation: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
          animation: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  -webkit-animation-name: scale_in_lv1, fade_in;
     -moz-animation-name: scale_in_lv1, fade_in;
      -ms-animation-name: scale_in_lv1, fade_in;
       -o-animation-name: scale_in_lv1, fade_in;
          animation-name: scale_in_lv1, fade_in;
}







/*============================================================
  animal
============================================================*/
#animal {
  text-align: center;
}

#animal .list-animal {
  display: block;
  width: 100%;
  font-size: 0;
  text-align: left;
  padding: 0 3.5vw;
  margin-top: 4.4vw;
}

#animal .list-animal > li {
  display: inline-block;
  width: calc(100% / 3);
  vertical-align: top;
  padding: 0 1.4vw 2.8vw;
  position: relative;
}

html.ie #animal .list-animal > li {
  width: 33.333%;
}

#animal .list-animal > li:nth-of-type(n+10) {
  display: none;
}

#animal .list-animal.isAll > li:nth-of-type(n+10) {
  display: inline-block;
  -webkit-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
     -moz-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
      -ms-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
       -o-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
          animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

#animal .list-animal .block-front,
#animal .list-animal .block-back {
  width: 100%;
  height: 22.4vw;
  border-radius: 5px;
  overflow: hidden;
}

#animal .list-animal .block-back {
  background-size: 40vw auto;
}

#animal .list-animal .block-front.grn,
#animal .list-animal .block-back.grn {
  background-color: #65bbb1;
  background-color: #5fb7ad;
}

#animal .list-animal .block-front.orn,
#animal .list-animal .block-back.orn {
  background-color: #e8652b;
}

#animal .list-animal .block-content {
  display: table;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

#animal .list-animal .block-content .block-inner {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

#animal .list-animal .block-back .block-content .block-inner {
  padding: 0 10%;
}

#animal .list-animal .pic-animal {
  display: inline-block;
}

#animal .list-animal .pic-animal.rabbit {
  width: 18%;
}

#animal .list-animal .pic-animal.fox {
  width: 38%;
}

#animal .list-animal .pic-animal.yak {
  width: 52%;
}

#animal .list-animal .pic-animal.dog {
  width: 38%;
}

#animal .list-animal .pic-animal.zebra {
  width: 50%;
}

#animal .list-animal .pic-animal.quail {
  width: 18%;
}

#animal .list-animal .pic-animal.squirrel {
  width: 25%;
}

#animal .list-animal .pic-animal.penguin {
  width: 22%;
}

#animal .list-animal .pic-animal.giraffe {
  width: 40%;
}

#animal .list-animal .pic-animal.bear {
  width: 54%;
}

#animal .list-animal .pic-animal.cat {
  width: 30%;
}

#animal .list-animal .pic-animal.turtle {
  width: 26%;
}

#animal .list-animal .pic-animal.lion {
  width: 48%;
}

#animal .list-animal .pic-animal.kangaroo {
  width: 44%;
  margin-left: 14%;
}

#animal .list-animal .pic-animal.monkey {
  width: 32%;
}

#animal .list-animal .pic-animal.elephant {
  width: 64%;
}

#animal .list-animal .pic-animal.unicorn {
  width: 45%;
}




#animal .list-animal .txt-name {
  line-height: 1;
  margin-bottom: 2.4rem;
}

#animal .list-animal .txt-name-en {
  display: inline-block;
  letter-spacing: 0.08em;
  line-height: 1;
  background-color: rgba(0,0,0,0.1);
  border-radius: 10rem;
  padding: 0.6rem 1.6rem 0.4rem;
  margin-top: 1.5rem;
}

#animal .list-animal .txt-trivia-title {
  display: inline-block;
  line-height: 1.5;
  padding: 0 1.6rem;
  position: relative;
}

#animal .list-animal .txt-trivia-title::before,
#animal .list-animal .txt-trivia-title::after {
  content: "";
  display: block:;
  width: 2px;
  height: 3.2rem;
  background-color: #fff;
  position: absolute;
  top:50%;
}

#animal .list-animal .txt-trivia-title::before {
  left: 0;
  -webkit-transform: rotate(-15deg) translateY(-50%);
     -moz-transform: rotate(-15deg) translateY(-50%);
      -ms-transform: rotate(-15deg) translateY(-50%);
       -o-transform: rotate(-15deg) translateY(-50%);
          transform: rotate(-15deg) translateY(-50%);
}

#animal .list-animal .txt-trivia-title::after {
  right: 0;
  -webkit-transform: rotate(15deg) translateY(-50%);
     -moz-transform: rotate(15deg) translateY(-50%);
      -ms-transform: rotate(15deg) translateY(-50%);
       -o-transform: rotate(15deg) translateY(-50%);
          transform: rotate(15deg) translateY(-50%);
}

#animal .list-animal .txt-trivia-body {
  margin-top: 2rem;
}

@media (max-width: 768px) and (orientation: portrait) {
  #animal .list-animal {
    padding: 0 6vw;
    margin-top: 8vw;
    margin-bottom: 2vw
  }

  #animal .list-animal > li {
    width: 100%;
    padding: 0 0 4vw;
  }

  #animal .list-animal .block-front,
  #animal .list-animal .block-back {
    height: 68vw;
  }

  #animal .list-animal .block-back {
    background-size: 100vw auto;
  }
}



/*  note
------------------------------------------------*/
#animal .block-note {
  padding: 0 14vw;
  margin-top: 4vw;
}

#animal .txt-note {
  text-indent: -1em;
  padding-left: 1em;
}

@media (max-width: 768px) and (orientation: portrait) {
  #animal .block-note {
    text-align: left;
    padding: 0 12vw;
    margin-top: 12vw;
  }
}



/*  credit
------------------------------------------------*/
#animal .block-credit {
  margin-top: 6vw;
  text-align: center;
}

#animal .block-credit::before {
  content: "";
  display: block;
  width: 4rem;
  height: 1px;
  background-color: #665c56;
  margin: 0 auto 3.5vw;
}

#animal .block-credit::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/assets/images/logo_zara.png) center center no-repeat;
  background-size: contain;
  margin: 0.6rem auto 0;
}

@media (max-width: 768px) and (orientation: portrait) {
  #animal .block-credit {
    margin-top: 12vw;
  }
}


*============================================================
  animal
============================================================*/
#animal {
  text-align: center;
}

#animal .list-animal {
  display: block;
  width: 100%;
  font-size: 0;
  text-align: left;
  padding: 0 3.5vw;
  margin-top: 4.4vw;
}

#animal .list-animal > li {
  display: inline-block;
  width: calc(100% / 3);
  vertical-align: top;
  padding: 0 1.4vw 2.8vw;
  position: relative;
}

html.ie #animal .list-animal > li {
  width: 33.333%;
}

#animal .list-animal > li:nth-of-type(n+10) {
  display: none;
}

#animal .list-animal.isAll > li:nth-of-type(n+10) {
  display: inline-block;
  -webkit-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
     -moz-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
      -ms-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
       -o-animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
          animation: list_item_in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

#animal .list-animal .block-front,
#animal .list-animal .block-back {
  width: 100%;
  height: 22.4vw;
  border-radius: 5px;
  overflow: hidden;
}

#animal .list-animal .block-back {
  background-size: 40vw auto;
}

#animal .list-animal .block-front.grn,
#animal .list-animal .block-back.grn {
  background-color: #65bbb1;
  background-color: #5fb7ad;
}

#animal .list-animal .block-front.orn,
#animal .list-animal .block-back.orn {
  background-color: #e8652b;
}

#animal .list-animal .block-content {
  display: table;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

#animal .list-animal .block-content .block-inner {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

#animal .list-animal .block-back .block-content .block-inner {
  padding: 0 10%;
}

#animal .list-animal .pic-animal {
  display: inline-block;
}

#animal .list-animal .pic-animal.rabbit {
  width: 18%;
}

#animal .list-animal .pic-animal.fox {
  width: 38%;
}

#animal .list-animal .pic-animal.yak {
  width: 52%;
}

#animal .list-animal .pic-animal.dog {
  width: 38%;
}

#animal .list-animal .pic-animal.zebra {
  width: 50%;
}

#animal .list-animal .pic-animal.quail {
  width: 18%;
}

#animal .list-animal .pic-animal.squirrel {
  width: 25%;
}

#animal .list-animal .pic-animal.penguin {
  width: 22%;
}

#animal .list-animal .pic-animal.giraffe {
  width: 40%;
}

#animal .list-animal .pic-animal.bear {
  width: 54%;
}

#animal .list-animal .pic-animal.cat {
  width: 30%;
}

#animal .list-animal .pic-animal.turtle {
  width: 26%;
}

#animal .list-animal .pic-animal.lion {
  width: 48%;
}

#animal .list-animal .pic-animal.kangaroo {
  width: 44%;
  margin-left: 14%;
}

#animal .list-animal .pic-animal.monkey {
  width: 32%;
}

#animal .list-animal .pic-animal.elephant {
  width: 64%;
}

#animal .list-animal .pic-animal.unicorn {
  width: 45%;
}




#animal .list-animal .txt-name {
  line-height: 1;
  margin-bottom: 2.4rem;
}

#animal .list-animal .txt-name-en {
  display: inline-block;
  letter-spacing: 0.08em;
  line-height: 1;
  background-color: rgba(0,0,0,0.1);
  border-radius: 10rem;
  padding: 0.6rem 1.6rem 0.4rem;
  margin-top: 1.5rem;
}

#animal .list-animal .txt-trivia-title {
  display: inline-block;
  line-height: 1.5;
  padding: 0 1.6rem;
  position: relative;
}

#animal .list-animal .txt-trivia-title::before,
#animal .list-animal .txt-trivia-title::after {
  content: "";
  display: block:;
  width: 2px;
  height: 3.2rem;
  background-color: #fff;
  position: absolute;
  top:50%;
}

#animal .list-animal .txt-trivia-title::before {
  left: 0;
  -webkit-transform: rotate(-15deg) translateY(-50%);
     -moz-transform: rotate(-15deg) translateY(-50%);
      -ms-transform: rotate(-15deg) translateY(-50%);
       -o-transform: rotate(-15deg) translateY(-50%);
          transform: rotate(-15deg) translateY(-50%);
}

#animal .list-animal .txt-trivia-title::after {
  right: 0;
  -webkit-transform: rotate(15deg) translateY(-50%);
     -moz-transform: rotate(15deg) translateY(-50%);
      -ms-transform: rotate(15deg) translateY(-50%);
       -o-transform: rotate(15deg) translateY(-50%);
          transform: rotate(15deg) translateY(-50%);
}

#animal .list-animal .txt-trivia-body {
  margin-top: 2rem;
}

@media (max-width: 768px) and (orientation: portrait) {
  #animal .list-animal {
    padding: 0 6vw;
    margin-top: 8vw;
    margin-bottom: 2vw
  }

  #animal .list-animal > li {
    width: 100%;
    padding: 0 0 4vw;
  }

  #animal .list-animal .block-front,
  #animal .list-animal .block-back {
    height: 68vw;
  }

  #animal .list-animal .block-back {
    background-size: 100vw auto;
  }
}







@media screen and (max-width: 568px) {
.plan-list .pbox {/* flex: 1 0 250px; */width: 100%;}
.plan-list .pbox2 {
  /* position: relative; */
  /* padding: 2%; */
  width: 100%;
  /* flex: 1 0 250px; */
  }
}
  

.boxPoint{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #42312b;
    box-shadow: 0px 0px 0px 10px #42312b;
    border: dashed 2px white;
}
.boxPoint p {
    margin: 0;
    padding: 10px 0;
    font-size:20px;
    text-align:center;
    line-height: 2.5;
    color:#fff;
    font-weight:600;
}



.boxPoint1 p{
  position: relative;
  display: inline-block;
  padding: 0 55px;
  font-size: 23px;
  margin-bottom: 60px;
  font-weight: 500;
}

.boxPoint1 p:before, .boxPoint1 p:after{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}

.boxPoint1 p:before {left:0;}
.boxPoint1 p:after {right: 0;}






.boxPoint2 p {
  position: relative;
  padding: 0.6em;
  background: #c773d1;
  margin-bottom: 60px;
  max-width: 600px;
  margin: 0 auto 60px;
  font-size: 25px;
  font-weight: 500;
  border-radius:20px;
  color:#fff;
}

.boxPoint2 p:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 48%;
  border: 15px solid transparent;
  border-top: 15px solid #c773d1;
  width: 0;
  height: 0;
}


.boxPoint3 p {
  color: #f54383;
  text-shadow: 0 0 5px white;
  padding: 0.3em 0.5em;
  background: -webkit-repeating-linear-gradient(-45deg, #fde2eb, #fde2eb 3px,#f5e2e9 3px, #f5e2e9 7px);
  background: repeating-linear-gradient(-45deg, #fde2eb, #fdc9db 3px,#f5e2e9 3px, #f5e2e9 7px);
  max-width: 600px;
  width: 95%;
  margin: 0 auto 60px;
  font-size: 28px;
  font-weight: 600;
  line-height:2;
}




.box1 {
    padding: 1em 3em;
    margin: 2em auto;
    border: double 5px #ff7c7c;
    border-radius: 5px;
    max-width: 800px;
    width: 95%;
    display: flex;
}
.box1 p {
    margin: 0;
    padding: 0;
    width: 30%;
}


.box1 p img{border-radius: 90px;max-width: 180px;width: 100%;margin: 0 auto;}

.box1 ul {
  width: 70%;
}

.box1 ul li {

    text-align:left;
}

.box1 ul li:before{
    position: relative;
    top: 0;
    left: -10px;
    bottom: 0;
    width: 25px;
    font-size: 20px;
    text-align: left;
    font-family: 'FontAwesome';
    content: "\f00c";
    font-weight: normal;
    color: #ff7575;
}

@media only screen and (max-width: 414px) {

 



  .box1 {
      padding: 1em 1em 1em 1.8em;
      margin: 2em auto;
      border: double 5px #ff7c7c;
      border-radius: 5px;
      max-width: 800px;
      width: 100%;
      display: flex;
  }
  .box1 p {
      margin: 0;
      padding: 0;
      width: 30%;
  }





}




/*


.boxPoint2-1 p {
  position: relative;
  font-size: 25px;
  max-width:500px;
  width:100%;
  margin: 0 auto 60px;
  font-weight: 600;
  color:#4a4a4a;
}

.boxPoint2-1 p:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #FFC107, #FFC107 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #FF9800, #FF9800 2px, #fff 2px, #fff 4px);
}


.boxPoint2-1 p {
  position: relative;
  padding: 0.6em;
  background: #c773d1;
  margin-bottom: 60px;
  max-width: 600px;
  margin: 0 auto 60px;
  font-size: 25px;
  font-weight: 500;
  border-radius:20px;
}

.boxPoint2-1 p:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 48%;
  border: 15px solid transparent;
  border-top: 15px solid #c773d1;
  width: 0;
  height: 0;
}

*/



.boxPoint2-1 p {
  line-hieght:100px;
  margin: 0 auto;
  font-size: 25px;
  font-weight: 500;
  border-radius:20px;
}



.boxPoint2-1 p {
  width: 60%;
  height: 60px;
  border-radius: 30px;
  -moz-border-radius: 30px 15px 30px 20px;	/* 高さ÷2 */
  -webkit-border-radius: 30px 15px 30px 20px;
  border-radius: 30px 15px 30px 20px;
  background:#fdc0c0;
  position: relative;
  margin: 10px auto 50px;
  color: #542a2a;
  line-height:60px;
}
.boxPoint2-1 p::before {
  position: absolute;
  right: 100px;
  bottom: -25px;

  width: 0;
  height: 0;
  content: '';

  border-style: solid;
  border-width: 15px 20px 10px 0;
  border-color: #fdc0c0 transparent transparent transparent;
}



.boxPoint2-1_box{
  max-width:800px;
  width:100%;
  margin: 0 auto;
  display:flex;
}



.box3 {
    padding: 1em 1.5em;
    margin: 0em 0.5em;
    border: double 5px #ff7c7c;
    border-radius: 5px;
    max-width: 800px;
    width: 100%;
}



.box3 ul {
  width: 100%;
}

.box3 ul li {

    text-align:left;
}

.box3 ul li:before{
    position: relative;
    top: 0;
    left: -10px;
    bottom: 0;
    width: 25px;
    font-size: 20px;
    text-align: left;
    font-family: 'FontAwesome';
    content: "\f004";
    font-weight: normal;
    color: #ff7575;
    font-size: 16px
}

.boxPoint2-1_box > div{
  padding: 1%;
}
.boxPoint2-1_box > div img{
  max-width: 180px;
  width: 95%;
  margin: 1% auto;
  border-radius: 90px;
}

@media only screen and (max-width: 414px) {
.boxPoint2-1 p {
  width: 100%;
  
}


 .box3 {
      padding: 1em 0.5em 1em 1.3em;
      margin: 0em 0.5em;
      border: double 5px #ff7c7c;
      border-radius: 5px;
      max-width: 800px;
      width: 100%;
  }


}



.box4 {
    padding: 1em 1.5em;
    margin: 30px auto;
    border: solid 5px #e2aa00;
    border-radius: 5px;
    max-width: 800px;
    width: 100%;
}

.box4 h2{font-size: 18px;text-align:center;color:#a560a3;padding: 10px;font-weight: 600;}

@media only screen and (max-width: 500px) {

.box4 h2 {
    font-size: 17px;
    font-weight: 600;
}
}
.box4 p{font-size:16px; text-align:left;}


.box4 img{
  width:30%;
  float:right;
  padding: 2%;
}


.title_ss{
  text-align:center;
  padding-bottom:30px;

}



.title_ss h2{padding: 20px;font-size: 24px;font-weight: 600;}
.title_ss p{padding: 20px;font-size: 18px;font-weight: 600;}

.title_ss h1{
  position: relative;
  display: inline-block;
  padding: 0 45px;
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 26px;
}

.triangle3{
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #585858;
  margin: 0 47.5%;
}
.triangle2{
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #ff6e6e;
  margin: 0 47%;
}

@media only screen and (max-width: 500px) {

.title_ss h2 {
    padding:10px 5px;
    font-size: 20px;
}


.title_ss p {
    padding: 10px 2px;
    font-size: 17px;
    font-weight: 600;
}

.title_ss h1 {
  font-size: 25px;
  padding: 0;
}


.triangle3{
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #585858;
  margin: 0 45%;
}
.triangle2{
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #ff6e6e;
  margin: 0 45%;
}

}









/*
.title_ss h1:before{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: black;
  -moz-transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.title_ss h1:after{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: black;
  -moz-transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.title_ss h1:before {left:0;}
.title_ss h1:after {right: 0;}

*