@charset "UTF-8";@media print,screen and (min-width:1024px){.header-wrap{position:relative;height:100vh;z-index:10}header .grid .logo a{background:url(/wp-content/themes/okunoto-archi/images/logo@2x.png) no-repeat 0 0;background-size:180px 35px}header .grid .headbtn li,header .grid .headbtn li a{color:#fff}#top-main{position:relative;clear:both;width:100%;height:100%;z-index:1}#top-main li img{width:100vw;height:100vh;object-fit:cover;font-family:'object-fit: cover;';z-index:1}.top-catch{position:absolute;top:calc(50% - 110px);left:5%;z-index:10;width:480px;height:200px}.top-catch p{display:block;overflow:hidden;width:100%;height:200px;white-space:nowrap;text-indent:-9999px;background:url(/wp-content/themes/okunoto-archi/images/main-catch@2x.png) no-repeat 0 0;background-size:480px 200px}.top-scroll a{display:inline-block;position:absolute;bottom:30px;left:5%;z-index:2;padding:10px 10px 110px 15px;overflow:hidden;color:#fff;font-size:14px;font-family:rooney-sans,sans-serif;font-weight:400;font-style:normal;line-height:1;letter-spacing:.2em;text-decoration:none;writing-mode:vertical-lr}.top-scroll a:after{content:'';position:absolute;bottom:0;left:50%;width:1px;height:100px;background:#fff;animation:sdl 2s cubic-bezier(1,0,0,1) infinite}@keyframes sdl{0%{transform:scale(1,0);transform-origin:0 0}30%{transform:scale(1,1);transform-origin:0 0}70%{transform:scale(1,1);transform-origin:0 100%}100%{transform:scale(1,0);transform-origin:0 100%}}.top-contact{position:absolute;bottom:60px;right:5%;z-index:10;width:140px;height:136px}.top-contact a{display:block;overflow:hidden;width:100%;height:136px;white-space:nowrap;text-indent:-9999px;background:url(/wp-content/themes/okunoto-archi/images/top-contact@2x.png) no-repeat 0 0;background-size:140px 136px}.animation{animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-duration:1.8s;width:128px}.keyframe1{animation-name:anim_v}@keyframes anim_v{0%{transform:translate(0,0px)}100%{transform:translate(0,30px)}}#index-about{width:90%;max-width:1080px;margin:0 auto;padding:100px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-about01{width:47.5%}.main-about01 span.sub{padding:5px 10px;font-size:90%;font-weight:700;line-height:150%;color:#fff;background-color:#666}.main-about01 h2{letter-spacing:2px;margin:10px 0;font-size:1.8em;font-family:nitalago-ruika,sans-serif;font-weight:600;font-style:normal}.main-about01 p.more{font-family:rooney-sans,sans-serif;font-weight:600;font-style:normal}.main-about02{width:47.5%}.main-about02 img{width:100%;height:540px;object-fit:cover;font-family:'object-fit: cover;';border-radius:5px}#index-works{width:100%;height:auto;margin:100px auto 0;padding:80px 0;background-color:#f2f2f2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-works01{width:90%;max-width:1080px;margin:0 auto}.main-works01 h2{letter-spacing:1px;font-size:200%;margin:0 0 20px;font-family:rooney-sans,sans-serif;font-weight:600;font-style:normal}.main-works01 li.item{transition:.3s;background-color:#fff;border:1px solid #e6e6e6;box-sizing:border-box;box-shadow:2px 2px 4px #e6e6e6;margin-bottom:30px}.main-works01 li.item:hover{opacity:.8}.main-works01 li.item .tmb-img{position:relative;overflow:hidden;width:auto;height:240px}.main-works01 li.item .tmb-img img{width:100%;height:100%;object-fit:cover;font-family:'object-fit: cover;';transform:scale(1);transition:.3s ease-in-out}.main-works01 li.item .tmb-img:hover img{transform:scale(1.3)}.main-works01 li.item .tmb-img span.cat{position:absolute;top:0;left:0;padding:5px 10px;font-size:14px;font-weight:700;color:#fff;background-color:#c69c6d;z-index:100}.main-works01 li.item .info h5.property{margin-top:20px;text-align:center}.main-works01 li.item .info p.area{text-align:center;font-size:14px;color:#ccc}#index-news{width:90%;max-width:1080px;margin:100px auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main-news01{width:27.5%;margin:0 auto}.main-news01 h2{letter-spacing:1px;font-size:200%;margin-bottom:20px;font-family:rooney-sans,sans-serif;font-weight:600;font-style:normal}.main-news02{width:67.5%;margin:0 auto}.main-news02 ul{margin:0 0 30px}.main-news02 ul li{padding:10px 0;border-bottom:1px solid #f2f2f2;position:relative}.main-news02 ul li .arrow{position:absolute;top:8px;right:16px;color:#c69c6d}.main-news02 span.date{font-size:90%;margin-right:40px}.main-news02 p.more{font-family:rooney-sans,sans-serif;font-weight:600;font-style:normal;text-align:right}}@media screen and (max-width:1023px){.header-wrap{position:relative;height:100vh;z-index:10}header .grid .logo a{background:url(/wp-content/themes/okunoto-archi/images/logo@2x.png) no-repeat 0 0;background-size:180px 35px}header .grid .headbtn li,header .grid .headbtn li a{color:#fff}#top-main{position:relative;clear:both;width:100%;height:100%;z-index:1}#top-main li img{width:100vw;height:100vh;object-fit:cover;font-family:'object-fit: cover;';z-index:1}.top-catch{position:absolute;top:calc(50% - 75px);left:5%;z-index:10;width:360px;height:150px}.top-catch p{display:block;overflow:hidden;width:100%;height:150px;white-space:nowrap;text-indent:-9999px;background:url(/wp-content/themes/okunoto-archi/images/main-catch@2x.png) no-repeat 0 0;background-size:360px 150px}.top-scroll a{display:inline-block;position:absolute;bottom:30px;left:5%;z-index:2;padding:10px 10px 110px 15px;overflow:hidden;color:#fff;font-size:14px;font-family:rooney-sans,sans-serif;font-weight:400;font-style:normal;line-height:1;letter-spacing:.2em;text-decoration:none;writing-mode:vertical-lr}.top-scroll a:after{content:'';position:absolute;bottom:0;left:50%;width:1px;height:100px;background:#fff;animation:sdl 2s cubic-bezier(1,0,0,1) infinite}@keyframes sdl{0%{transform:scale(1,0);transform-origin:0 0}30%{transform:scale(1,1);transform-origin:0 0}70%{transform:scale(1,1);transform-origin:0 100%}100%{transform:scale(1,0);transform-origin:0 100%}}.top-contact{position:absolute;bottom:60px;right:5%;z-index:10;width:140px;height:136px}.top-contact a{display:block;overflow:hidden;width:100%;height:136px;white-space:nowrap;text-indent:-9999px;background:url(/wp-content/themes/okunoto-archi/images/top-contact@2x.png) no-repeat 0 0;background-size:140px 136px}.animation{animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-duration:1.8s;width:128px}.keyframe1{animation-name:anim_v}@keyframes anim_v{0%{transform:translate(0,0px)}100%{transform:translate(0,30px)}}#index-about{width:90%;margin:0 auto;padding:80px 0 0;display:block}.main-about01{width:100%}.main-about01 span.sub{padding:5px 10px;font-size:90%;font-weight:700;line-height:150%;color:#fff;background-color:#666}.main-about01 h2{letter-spacing:2px;font-size:1.5em;line-height:150%;margin-top:10px;font-family:nitalago-ruika,sans-serif;font-weight:600;font-style:normal}.main-about01 p.more{font-family:rooney-sans,sans-serif;font-weight:600;font-style:normal;text-align:right}.main-about02{width:100%;margin-top:50px}.main-about02 img{width:100%;height:360px;object-fit:cover;font-family:'object-fit: cover;';border-radius:5px}#index-works{width:100%;height:auto;margin:80px auto 0;padding:50px 0;background-color:#f2f2f2;display:block}.main-works01{width:90%;margin:0 auto}.main-works01 h2{letter-spacing:1px;font-size:1.5em;line-height:150%;margin-bottom:20px;font-family:rooney-sans,sans-serif;font-weight:600;font-style:normal}.main-works01 li.item{transition:.3s;background-color:#fff;border:1px solid #e6e6e6;box-sizing:border-box;box-shadow:2px 2px 4px #e6e6e6;margin-bottom:20px}.main-works01 li.item:hover{opacity:.8}.main-works01 li.item .tmb-img{position:relative;overflow:hidden;width:auto;height:240px}.main-works01 li.item .tmb-img img{object-fit:cover;font-family:'object-fit: cover;';width:100%;height:100%}.main-works01 li.item .tmb-img span.cat{position:absolute;top:0;left:0;padding:5px 10px;font-size:14px;font-weight:700;color:#fff;background-color:#c69c6d;z-index:100}.main-works01 li.item .info h5.property{font-size:14px;margin-top:20px;text-align:center}.main-works01 li.item .info p.area{text-align:center;font-size:13px;color:#ccc}#index-news{width:90%;margin:50px auto 0;display:block}.main-news01{width:100%}.main-news01 h2{letter-spacing:1px;font-size:1.5em;line-height:150%;margin-bottom:20px;font-family:rooney-sans,sans-serif;font-weight:600;font-style:normal}.main-news02{width:100%;margin:0 auto}.main-news02 ul{margin:0 0 30px}.main-news02 ul li{padding:10px 0;border-bottom:1px solid #f2f2f2;position:relative}.main-news02 ul li .arrow{position:absolute;top:8px;right:16px;color:#c69c6d}.main-news02 span.date{font-size:90%;margin-right:30px}.main-news02 p.more{font-family:rooney-sans,sans-serif;font-weight:600;font-style:normal;text-align:right}}@media screen and (max-width:767px){.header-wrap{position:relative;height:100vh}header .grid .logo a{background:url(/wp-content/themes/okunoto-archi/images/logo@2x.png) no-repeat 0 0;background-size:180px 35px}header .grid .headbtn li,header .grid .headbtn li a{color:#fff}#top-main{position:relative;clear:both;width:100%;height:100%;z-index:1}#top-main li img{width:100vw;height:100vh;object-fit:cover;font-family:'object-fit: cover;';z-index:1}.top-catch{position:absolute;top:calc(50% - 60px);left:calc(50% - 144px);z-index:10;width:288px;height:120px}.top-catch p{display:block;overflow:hidden;width:100%;height:120px;white-space:nowrap;text-indent:-9999px;background:url(/wp-content/themes/okunoto-archi/images/main-catch@2x.png) no-repeat 0 0;background-size:288px 120px}.top-scroll a{display:inline-block;position:absolute;bottom:30px;left:5%;z-index:2;padding:10px 10px 110px 15px;overflow:hidden;color:#fff;font-size:14px;font-family:rooney-sans,sans-serif;font-weight:400;font-style:normal;line-height:1;letter-spacing:.2em;text-decoration:none;writing-mode:vertical-lr}.top-scroll a:after{content:'';position:absolute;bottom:0;left:50%;width:1px;height:100px;background:#fff;animation:sdl 2s cubic-bezier(1,0,0,1) infinite}@keyframes sdl{0%{transform:scale(1,0);transform-origin:0 0}30%{transform:scale(1,1);transform-origin:0 0}70%{transform:scale(1,1);transform-origin:0 100%}100%{transform:scale(1,0);transform-origin:0 100%}}.top-contact{position:absolute;bottom:60px;right:5%;z-index:10;width:140px;height:136px}.top-contact a{display:block;overflow:hidden;width:100%;height:136px;white-space:nowrap;text-indent:-9999px;background:url(/wp-content/themes/okunoto-archi/images/top-contact@2x.png) no-repeat 0 0;background-size:140px 136px}.animation{animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-duration:1.8s;width:128px}.keyframe1{animation-name:anim_v}@keyframes anim_v{0%{transform:translate(0,0px)}100%{transform:translate(0,30px)}}#index-about{width:90%;margin:0 auto;padding:50px 0 0;display:block}.main-about01{width:100%}.main-about01 span.sub{padding:5px 10px;font-size:90%;font-weight:700;line-height:150%;color:#fff;background-color:#666}.main-about01 h2{letter-spacing:2px;font-size:1.5em;line-height:150%;margin-top:10px;font-family:nitalago-ruika,sans-serif;font-weight:600;font-style:normal}.main-about01 p.more{font-family:rooney-sans,sans-serif;font-weight:600;font-style:normal;text-align:right}.main-about02{width:100%;margin-top:50px}.main-about02 img{width:100%;height:100%;border-radius:5px}#index-works{width:100%;height:auto;margin:50px auto 0;padding:50px 0;background-color:#f2f2f2;display:block}.main-works01{width:90%;margin:0 auto}.main-works01 h2{letter-spacing:1px;font-size:1.5em;line-height:150%;margin-bottom:20px;font-family:rooney-sans,sans-serif;font-weight:600;font-style:normal}.main-works01 li.item{background-color:#fff;border:1px solid #e6e6e6;box-sizing:border-box;box-shadow:2px 2px 4px #e6e6e6;margin-bottom:20px}.main-works01 li.item .tmb-img{position:relative;overflow:hidden;width:auto;height:240px}.main-works01 li.item .tmb-img img{object-fit:cover;font-family:'object-fit: cover;';width:100%;height:100%}.main-works01 li.item .tmb-img span.cat{position:absolute;top:0;left:0;padding:5px 10px;font-size:14px;font-weight:700;color:#fff;background-color:#c69c6d;z-index:100}.main-works01 li.item .info h5.property{font-size:14px;margin-top:20px;text-align:center}.main-works01 li.item .info p.area{text-align:center;font-size:13px;color:#ccc}#index-news{width:90%;margin:50px auto 0;display:block}.main-news01{width:100%}.main-news01 h2{letter-spacing:1px;font-size:1.5em;line-height:150%;margin-bottom:20px;font-family:rooney-sans,sans-serif;font-weight:600;font-style:normal}.main-news02{width:100%;margin:0 auto}.main-news02 ul{margin:0 0 30px}.main-news02 ul li{padding:10px 0;border-bottom:1px solid #f2f2f2;position:relative}.main-news02 ul li .arrow{display:none}.main-news02 span.date{font-size:90%;margin-right:30px}.main-news02 p.more{font-family:rooney-sans,sans-serif;font-weight:600;font-style:normal;text-align:right}}