.page-template-page-system .ttlarea{background:url(//www.residence-villa.com/wp-content/themes/residence-villa/assets/system/css/../img/header-bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}.ttlarea ul.outer{max-width:1200px}h1.ttl{padding:5em 0;color:#fff;font-size:40px;font-weight:700;line-height:1.2;filter:drop-shadow(1px 1px 1px #000)}h1.ttl span{margin-top:1em;color:#fff;font-size:30px;display:block}.contents{padding-top:80px;background:#292b2b}#system{width:100%;margin:0 auto;padding:0}.container_subpage{padding:0}#wrapper_system{padding:0}.container_subpage h2{padding:0 0 1em;color:#fff;font-size:3vw;font-weight:500;text-align:center}.container_subpage h2 span{padding:0 0 1em;color:#ccc;font-size:1.5vw;font-weight:400;text-align:center;display:block}.breadcrumbs{color:#fff;background:#292b2b}.breadcrumbs span,.breadcrumbs span a{color:#eee}#detail{width:100%;margin:0 auto;padding:8% 0 10%}#detail li.outer-li{flex:0 0 auto;width:100%;max-width:100%;margin:0 0 1%}#detail li.photo{position:relative}#detail li.photo img.pc_only{display:block}#detail li.photo img.sp_only{display:none !important}#detail .wrapper_ul{width:100%;position:absolute;top:12%;left:0}#detail ul.outer2{justify-content:center;align-items:flex-end}#detail li.outer2-li{flex:0 0 auto;width:80%;max-width:80%}#detail li.outer2-li img{width:100%;height:auto}#detail #outer-li_06 .wrapper_ul{width:96%;top:8%;left:4%}#detail #outer-li_06 li.outer2-li img{width:90%}#detail #outer-li_07 .wrapper_ul{width:84%;top:8%;left:16%}#detail #outer-li_07 li.outer2-li img{width:60%}#detail #outer-li_08 .wrapper_ul{top:8%}#movie li.movie{margin:5% auto;position:relative}#movie li.movie .video{width:100%;display:block}#movie li.movie.movie1{width:80%}@media screen and (max-width:1200px){.contents{padding-top:54px}.ttlarea ul.outer{max-width:94%}}@media screen and (min-width:821px) and (max-width:1200px){h1.ttl{font-size:38px}h1.ttl span{font-size:28px}}@media screen and (max-width:820px){h1.ttl{padding:4em 0}.container_subpage_inner{width:94%;max-width:94%}.container_subpage h2{font-size:4vw}.container_subpage h2 span{font-size:2vw}#idea li.photo .wrapper_txt{top:15%}#idea li.photo h3{font-size:4vw}#idea li.photo .sub-ttl{font-size:2.5vw}#idea li.photo h3 span{font-size:2vw}#idea li.photo h3 span.note{font-size:3vw}#movie li.movie.movie1{width:100%}}@media screen and (min-width:641px) and (max-width:820px){h1.ttl{font-size:36px}h1.ttl span{font-size:26px}.container_subpage h2{font-size:24px}}@media screen and (max-width:640px){h1.ttl{font-size:34px}h1.ttl span{font-size:24px}.contents{padding-top:50px}.container_subpage h2{font-size:5vw}.container_subpage h2 span{font-size:2.5vw}section#other-content ul.outer{width:90%}}@media screen and (max-width:480px){h1.ttl{font-size:32px}h1.ttl span{font-size:22px}.container_subpage h2{font-size:22px}#idea{padding:15% 0 18%}#idea li.photo h3 br.u820_only{display:none}#idea li.photo .wrapper_txt{top:25%}#idea li.photo h3{font-size:7vw}#idea li.photo .sub-ttl{font-size:5vw}#idea li.photo h3 span{font-size:5vw}#idea li.photo h3 span.small{font-size:4.6vw}#idea li.photo h3 span.note{font-size:6vw}#detail .wrapper_ul{top:5%}#detail li.outer2-li{width:90%;max-width:90%}#detail li.photo img.pc_only{display:none}#detail li.photo img.sp_only{display:block !important}#detail #outer-li_02 .wrapper_ul{top:10%}#detail #outer-li_06 .wrapper_ul{width:100%;top:8%;left:0}#detail #outer-li_06 li.outer2-li img{width:100%}#detail #outer-li_07 .wrapper_ul{width:86%;top:8%;left:14%}#detail #outer-li_07 li.outer2-li img{width:80%}#detail #outer-li_08 .wrapper_ul{top:8%}#detail #outer-li_09 .wrapper_ul{width:90%;top:8%;left:10%}#detail #outer-li_09 li.outer2-li img{width:90%}section#other-content ul.outer{width:100%}}@media screen and (max-width:428px){h1.ttl{font-size:30px}h1.ttl span{font-size:20px}.container_subpage h2{font-size:6vw}.container_subpage h2 span{font-size:3vw}}@media screen and (max-width:414px){h1.ttl{font-size:28px}h1.ttl span{font-size:18px}.container_subpage h2{font-size:22px}}@media screen and (max-width:375px){h1.ttl{font-size:26px}h1.ttl span{font-size:16px}.container_subpage h2{font-size:7vw}.container_subpage h2 span{font-size:3.5vw}section#other-content li.photo .wrapper_ttl p.ttl{font-size:17px}}@media screen and (max-width:340px){#ideas h3 span:after{top:35%;width:80px}}@media screen and (max-width:320px){h1.ttl{font-size:24px}h1.ttl span{font-size:14px}section#other-content li.photo .wrapper_ttl p.ttl{font-size:16px}}@media screen and (max-width:280px){h1.ttl{font-size:22px}h1.ttl span{font-size:12px}.container_subpage h2{font-size:8vw}.container_subpage h2 span{font-size:4vw}section#other-content li.photo .wrapper_ttl p.ttl{font-size:15px}}