﻿#house{overflow:hidden}#house #firstview{height:auto}#house #firstview:before{content:none}@media screen and (max-width: 960px){#house .breadcrumb{width:100%;left:0}}#house #opening-section{max-width:1280px;width:100%;margin-left:auto;margin-right:auto}@media screen and (max-width: 1520px){#house #opening-section{width:calc(100% - 200px)}}@media screen and (max-width: 959px){#house #opening-section{width:calc(100% - 16vw)}}#house #opening-section{margin-top:80px;margin-bottom:100px;position:relative}#house #opening-section img{border-radius:40px}#house #opening-section .title{position:absolute;top:-64px;right:-40px;display:flex;flex-direction:row-reverse;align-items:flex-start}#house #opening-section .title span{padding:48px 12px;font-size:1.6rem;display:block;writing-mode:vertical-rl;background:#fdfffe;border-radius:100px}#house #opening-section .title span:nth-child(2){margin-right:24px;margin-top:80px}#house #opening-section .contants{display:flex;color:#fdfffe;margin:64px 0 0}#house #opening-section .contants .headline{padding:28px 0;padding-right:40px;margin-right:40px;border-right:1px dashed #fdfffe}#house #opening-section .contants .headline .headline-title{font-size:1.4rem;margin-bottom:24px}#house #opening-section .contants .headline .link a{font-size:.8rem}#house #opening-section .contants .headline .link a:hover{opacity:1;text-decoration:underline}#house #opening-section .contants .headline .link a:before{content:"#";display:inline-block;padding-right:4px}#house #opening-section .contants .text{padding:28px 0;flex:1}#house #opening-section .contants .text .text-title{font-size:1.6rem;line-height:1.32;margin:0 0 32px}#house #opening-section .contants .text .dsc{font-size:.9rem}@media screen and (max-width: 960px){#house #opening-section{max-width:1280px;width:100%;margin-left:auto;margin-right:auto;margin-top:80px;margin-bottom:64px;position:relative}}@media screen and (max-width: 960px)and (max-width: 1520px){#house #opening-section{width:calc(100% - 200px)}}@media screen and (max-width: 960px)and (max-width: 959px){#house #opening-section{width:calc(100% - 16vw)}}@media screen and (max-width: 960px){#house #opening-section img{border-radius:0px;width:100vw;max-width:100vw;position:relative;left:-8vw}#house #opening-section .title{position:absolute;top:50vw;right:-40px;display:flex;flex-direction:row}#house #opening-section .title span{padding:12px 24px;font-size:.9rem;font-weight:700;font-weight:700;display:block;writing-mode:horizontal-tb;background:#fdfffe;border-radius:100px 0 0 100px;padding-right:0}#house #opening-section .title span:nth-child(2){margin-right:0;margin-top:0;border-radius:0;padding-left:0;padding-right:8vw}#house #opening-section .contants{display:block;margin:64px 0 0}#house #opening-section .contants .headline{padding:16px 0;margin:0 0 24px;border:none;border-bottom:1px dashed #fdfffe}#house #opening-section .contants .headline .headline-title{font-size:1.2rem;margin-bottom:16px}#house #opening-section .contants .headline .link a{font-size:.8rem}#house #opening-section .contants .headline .link a:hover{opacity:1;text-decoration:underline}#house #opening-section .contants .headline .link a:before{content:"#";display:inline-block;padding-right:4px}#house #opening-section .contants .text{padding:24px 0;flex:1}#house #opening-section .contants .text .text-title{font-size:1.4rem;line-height:1.32;margin:0 0 32px}}#house #photo-section{padding:120px 0 100px;background:#fdfffe;max-width:1720px;width:100%;margin-left:auto;margin-right:auto}@media screen and (max-width: 1920px){#house #photo-section{width:calc(100% - 200px)}}@media screen and (max-width: 959px){#house #photo-section{width:calc(100% - 16vw)}}#house #photo-section{margin-bottom:120px;border-radius:60px 60px 0 0;position:relative}#house #photo-section:before,#house #photo-section:after{content:"";width:100px;height:calc(100% - 120px);background:#fdfffe;position:absolute;top:120px}#house #photo-section:before{right:100%;border-radius:0 0 0 60px}#house #photo-section:after{left:100%;border-radius:0 0 60px 0}#house #photo-section .inner{position:relative;z-index:3}#house #photo-section .inner:before,#house #photo-section .inner:after{content:"";width:60px;height:60px;position:absolute;bottom:100%}#house #photo-section .inner:before{background:url(../images/common/side-left.svg) no-repeat center/contain;right:100%}#house #photo-section .inner:after{background:url(../images/common/side-right.svg) no-repeat center/contain;left:100%}#house #photo-section .inner .title{position:relative;top:-20px;font-weight:700;text-align:center;font-size:2rem;color:#1b6347;max-width:1280px;width:100%;margin-left:auto;margin-right:auto}@media screen and (max-width: 1520px){#house #photo-section .inner .title{width:calc(100% - 200px)}}@media screen and (max-width: 959px){#house #photo-section .inner .title{width:calc(100% - 16vw)}}#house #photo-section .inner .title{margin-bottom:44px}#house #photo-section .inner .list{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:120px}#house #photo-section .inner .list:before,#house #photo-section .inner .list:after{content:"";display:block;width:calc(33.3333333333% - 2.5px);order:1}#house #photo-section .inner .list li{width:calc(33.3333333333% - 2.5px);margin-bottom:2px}#house #photo-section .inner .list li a{display:block}#house #photo-section .inner .list li a img{aspect-ratio:4/3;object-fit:cover}#house #photo-section .inner .table{max-width:1000px;margin:0 auto;border-top:1px solid #e0b872;margin-bottom:64px}#house #photo-section .inner .table dl{display:flex;border-bottom:1px solid #e0b872;border-right:1px solid #e0b872}#house #photo-section .inner .table dl dt{background:#bd872b;width:320px;padding:24px 32px;display:flex;align-items:center;color:#fdfffe;font-weight:700}#house #photo-section .inner .table dl dd{flex:1;padding:24px 32px;font-size:.9rem}#house #photo-section .inner .table dl dd .flex{display:flex}#house #photo-section .inner .table dl dd .flex:before{content:"・"}#house #photo-section .inner .table dl dd .flex span{display:block;flex:1}#house #photo-section .inner .table dl dd .etc{display:flex;font-size:.75rem}#house #photo-section .inner .table dl dd .etc:before{content:"※"}#house #photo-section .inner .table dl dd .etc span{display:block;flex:1}@media screen and (max-width: 960px){#house #photo-section{padding:56px 0 48px;background:#fdfffe;max-width:1720px;width:100%;margin-left:auto;margin-right:auto;margin-bottom:64px;border-radius:24px 24px 0 0;position:relative}}@media screen and (max-width: 960px)and (max-width: 1920px){#house #photo-section{width:calc(100% - 200px)}}@media screen and (max-width: 960px)and (max-width: 959px){#house #photo-section{width:calc(100% - 16vw)}}@media screen and (max-width: 960px){#house #photo-section:before,#house #photo-section:after{content:"";width:100px;height:calc(100% - 56px);background:#fdfffe;position:absolute;top:56px}#house #photo-section:before{right:100%;border-radius:0 0 0 24px}#house #photo-section:after{left:100%;border-radius:0 0 24px 0}#house #photo-section .inner{position:relative}#house #photo-section .inner:before,#house #photo-section .inner:after{content:"";width:24px;height:24px;position:absolute;bottom:100%}#house #photo-section .inner:before{background:url(../images/common/side-left.svg) no-repeat center/contain;right:100%}#house #photo-section .inner:after{background:url(../images/common/side-right.svg) no-repeat center/contain;left:100%}#house #photo-section .inner .title{position:relative;top:-20px;font-weight:700;text-align:center;font-size:1.4rem;margin-bottom:20px}#house #photo-section .inner .list{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:56px}#house #photo-section .inner .list:before,#house #photo-section .inner .list:after{content:"";display:block;width:calc(50% - 2.5px);order:1}#house #photo-section .inner .list li{width:calc(50% - 2.5px);margin-bottom:2px}#house #photo-section .inner .list li a{display:block}#house #photo-section .inner .list li a img{aspect-ratio:4/3;object-fit:cover}#house #photo-section .inner .table{margin-bottom:40px}#house #photo-section .inner .table dl{display:block;border:none;border-bottom:1px solid #e0b872}#house #photo-section .inner .table dl dt{background:#bd872b;width:320px;padding:16px 24px;display:flex;align-items:center;color:#fdfffe;font-weight:700}#house #photo-section .inner .table dl dd{padding:16px 24px}}/*# sourceMappingURL=house.css.map */