@charset "UTF-8";
@media screen and (max-width: 768px){

.waku{ padding:0px 2.5%; }
.pts{ font-size:13px; }
.pts1{ font-size:12px; }
.pts2{ font-size:11px; }
.pts3{ font-size:10px; }
.pts4{ font-size:18px; }
.pts5{ font-size:16px; }
.pts6{ font-size:14px; }
.pts13{ font-size:35px; }

.tcopy{ background-size:80%; background-image:url(../img/copy1.png); }

/*メニュー*/
#menubg{ height:60px; }
ul.menu{ height:60px; }
ul.menu li.ho{ width:155px; margin-top:12px; }

div.te{ top:0px; right:60px; width:200px; } 
div.te img{ width:175px; } 
div.te img.te1{ margin:5px 0px 7px; } 
div.te img.te2{ margin-bottom:6px; } 
div.sm{ top:0px; right:0px; width:60px; } 

h1.Tcap{ font-size:25px; margin-bottom:25px; text-align:center; }

#TopSlide{ height:700px; }
#TopSlide .top11{ background-size:130% 100%; }
#TopSlide .top11 .waku .hoken1{ display:none; }
#TopSlide .tp1{ left:2.5%; bottom:320px; font-size:25px; }
#TopSlide .tp2{ left:2.5%; bottom:245px; font-size:40px; }
#TopSlide .tp3{ left:2.5%; bottom:190px; font-size:40px; }
#TopSlide .tp4{ left:2.5%; bottom:80px; font-size:18px; width:225px; line-height:60px; background-position:20px center; background-size:20px; padding-left:40px; }
#TopSlide .sapporo{ top:82px; right:2.5%; width:150px; }

div#thumbBtnbg{ bottom:80px; height:20px; text-align:right; padding:0px 2.5%; }
ul#thumbBtn li{ width:20px; height:20px; margin:0px 7px; }

/*新着情報*/
div.tinfo-cap{ float:none; text-align:center; width:100%; padding:0px auto 2.5%; }
div.tinfo-cap h1{ font-size:25px; padding-top:0px; }
div.tinfo-cap h2{ font-size:13px; }
div.tinfo{ float:left; width:100%; border-bottom:1px dotted #675C58; padding:2.5% 0px; }
div.tinfo div.img{ float:left; width:28%; padding-top:15.75%; margin:0px 2.5% 0px 0px; }
div.tinfo div.det{ overflow:hidden; width:auto; }
div.tinfo div.det p.dt{ font-size:13px; }
div.tinfo div.det p.da{ font-size:15px; margin-top:5px; }
.tinfo.c1{ border-top:1px dotted #675C58; }
.tinfo.c2{ margin:0px; }
.tinfo.c3{ margin:0px 0px 0px; border:none; }

#Top123bg{ padding-top:0px; }
#Top123bg .hoken2{ display:inline-block; width:80%; margin:0px 10% 25px; }
#Top123bg .woman{ width:80%; left:30%; bottom:50px; margin-left:0%; }
#Top123bg .top22{ background-size:100% 120px; padding-bottom:150px; }
#Top123bg .Top123{ padding-left:0%; }
#Top123bg .Top123 h1{ font-size:30px; }
#Top123bg .Top123 h1 span{ padding-right:10px; }

#TopPrice{}
#TopPrice .p-left{ float:none; width:100%; }
#TopPrice .p-right{ float:none; width:100%; }
#TopPrice .TPrice{ background-size:35%; background-position:top left; padding-top:0px; }
#TopPrice .TPrice table{ width:62.5%; margin-left:37.5%; box-shadow:none; }
#TopPrice .TPrice table td{ padding:12px 5px; }
#TopPrice .TPrice table td br{ display:none; }
#TopPrice .TPrice table td.c1{ width:30%; }
#TopPrice .TPrice table td.c2{ width:auto; }
#TopPrice img.ip1{ width:35%; margin:50px 32.5% 25px; }
#TopPrice a.ip2{ font-size:18px; width:225px; line-height:60px; background-position:20px center; background-size:20px; padding-left:30px; }

#TopCompany{}
#TopCompany a.acc{ right:2.5%; top:-10px; width:60px; }
#TopCompany table td.c1{ width:30%; }
#TopCompany table td.c2{ }
#TopCompany table td.c2 br{ display:block; }


.pinkbg{ padding:75px 0px; }
.res21{ }
.res21 img.l{ float:none; width:75%; margin:0px auto 25px; }
.res21 img.r{ float:none; width:75%; margin:0px auto 25px; }
.res21 div{ }
.res21 div.pink{ border-bottom:3px solid #F36; border-right:3px solid #F36; width:60%; padding:25px; }
.res21 h1{ }
.res21 h2{ }
.res21 p{}

/*ページルート*/
ol{ }
ol li{ font-size:10px; }
ol li a{ font-size:10px; }

/*ページトップ*/
div#pagetitle{ height:275px; background-image:url(../img/pagebg2.webp); background-position:center; }
div#pagetitle{ }
div#pagetitle div.b1{ width:300px; height:100px; margin-left:-150px; bottom:64px; }
div#pagetitle div.b1 div.b2{  }
div#pagetitle div.b1 div.b2 p.en{ font-size:20px; height:28px; }
div#pagetitle div.b1 div.b2 p.ja{ font-size:12px; height:15px; }

/* お知らせ・ブログ */
.info-l{ width:100%; }
.info-r{ width:100%; margin-left:0%; margin-top:0%; }

/*予約画面*/
.resbg{ width:12.57142%; float:left; padding:5px; }
.resbg.n{ }
.resbg.n:hover{ }
.resbg.g{ }
.resbg p{ }
.resbg p.dt{ background:url(../img/tokei.png) left 5px no-repeat; background-size:13px; padding-left:14px; float:none; }
.resbg p.dt span{ display:block; }
.resbg p.ak{ float:none; }
.resbg.n p.ak span{ font-size:26px; height:26px; line-height:26px; }
.resbg.g p.ak span{ font-size:26px; height:26px; line-height:26px; }
.dt.w0{ }
.dt.w0 span{ }
.dt.w6{ }
.dt.w6 span{ }
.resbg.c0{ margin:0px 0px 2% 0px; }
.resbg.c1{ margin:0px 0px 2% 2%; }
.resbg.c2{ margin:0px 0px 2% 2%; }
.resbg.c3{ margin:0px 0px 2% 2%; }
.resbg.c4{ margin:0px 0px 2% 2%; }
.resbg.c5{ margin:0px 0px 2% 2%; }
.resbg.c6{ margin:0px 0px 2% 2%; }
h1.res{ text-align:left; font-size:26px; }
h1.res span{ }

/*ボタン*/
.a-btn{ width:174px; line-height:36px; }

/*新着情報*/
ul.news{ display:inline-block; width:90%; left:50%; margin-left:-45%; bottom:15px; }

/*住まい×お客様*/
.t-aboutbg{ background-size:60%; background-position:right center; padding:50px 0px; }
.t-aboutbg .about{ float:left; padding:40px 40px 25px; width:60%; margin:0px; }
.t-aboutbg .about img{ width:80%; }
.t-aboutbg .about div{ height:40px; margin-bottom:20px; }
.t-aboutbg .about div p{ left:0px; bottom:0px; border-bottom:3px solid #172A88; width:120%; }

/*トップ事業内容*/
.c-business{ padding:30px 0px; } 
.c-business img.lo{ width:150px; margin-bottom:30px; }
.c-business img.ri{ width:95%; }
.t-business div{ float:left; width:33.33333%; padding-top:16.5%; }
.t-business .b1{}
.t-business .b2{}
.t-business .b3{}
.t-business .b4{}
.t-business .b5{ background-size:80%; background-position:center; }
.t-business .b5 span{ left:50%; margin-left:-67px; bottom:15px; width:174px; line-height:36px; }
.t-business .b6{}

/*新着物件*/
.t-articlebg{ background-position:5% center; background-size:100% 70%; }
.t-articlebg p.a-cap{ }
.t-articlebg p.a-cap img{ width:300px; margin:40px auto; }

.t-articlebg div.article{ float:left; width:48.75%; }
.t-articlebg div.article .img{ }
.t-articlebg div.article p.dt{ }
.t-articlebg div.article p.da{ }
.t-articlebg div.article p.aa{ }
.article.c1{ margin:0px 0px 30px; }
.article.c2{ margin:0px 0px 30px 2.5%; }
.article.c3{ margin:0px 0px 30px; }
.article.c4{ margin:0px 0px 30px 2.5%; display:inline-block; }
.article.c5{ margin:0px; display:none; }
.article.c6{ margin:0px; display:none; }

.article.cc1{ margin:0px 0px 30px; }
.article.cc2{ margin:0px 0px 30px 2.5%; }
.article.cc3{ margin:0px 0px 30px; }
.article.cc4{ margin:0px 0px 30px 2.5%; }
.article.cc5{ margin:0px 0px 30px; }
.article.cc6{ margin:0px 0px 30px 2.5%; }
.article.cc7{ margin:0px 0px 30px; }
.article.cc8{ margin:0px 0px 30px 2.5%; }
.article.cc9{ margin:0px 0px 30px; }
.article.cc10{ margin:0px 0px 30px 2.5%; }
.article.cc11{ margin:0px 0px 30px; }
.article.cc12{ margin:0px 0px 30px 2.5%; }

/*pageview*/
ul.pageview{ clear:both; padding:5px 0px; font-size:12px; }
ul.pageview li{ line-height:28px; margin:2.5px; }
ul.pageview li a{ width:28px; height:28px; line-height:28px; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; }

/*アーカイブ*/
.archives li{ width:50%; }

/* お知らせ・ブログ */
.responsive-l{ width:100%; }
.responsive-r{ width:100%; margin-left:0%; }

/*PREV_NEXT*/
div#prevback{ }
div#prevback ul li{ line-height:50px; height:50px; font-size:13px; }
div#prevback ul li a{ line-height:50px; height:50px; font-size:13px; }
div#prevback ul li div.ppi{ float:left; width:50px; padding-top:50px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }
div#prevback ul li div.nni{ float:right; width:50px;padding-top:50px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }

/*プログラム*/
div.pro{ width:32%; }
div.pro img{ width:100%; margin-bottom:15px; }
.pro.c1{ margin:0px; }
.pro.c2{ margin:0px 2%;}
.pro.c3{ margin:0px; }

/*プログラム*/
div.pro{ width:30%; }
div.pro img{ width:100%; margin:0px 0px 15px; }
.pro.c1{ margin:0px; }
.pro.c2{ margin:0px 5%;}
.pro.c3{ margin:0px; }
.probg{ height:300px; }
.probg div{ background-size:80%; }
img.pro-cap{ width:80%; }

/*会社案内*/
h1.asoh1{ margin:50px auto 25px; padding-left:0px; }
div.aso-det{ text-align:center; }
div.gre-l{ float:left; width:100%; margin-right:0%; }
div.gre-l img{ width:70%; }
div.gre-r{ float:left; width:100%; margin:25px auto 50px; }
img.aimg{ float:left; width:25%; }
.aimg.c1{}
.aimg.c2{}
.aimg.c3{}
.aimg.c4{}
div.aso div{  min-height:180px; }
div.aso-l{ width:47.5%; margin-right:5%; }
div.aso-r{ width:47.5%; margin-top:0px; }

h4.tcom{ font-size:18px; text-align:center; line-height:45px; }
ul.tcom li{ font-size:12px; text-align:left; line-height:20px;; }
ul.tcom li span{ display:block; font-size:0.8em; color:#6794AA; }
div.greeting{ font-size:13px; }
div.greeting p img{ width:150px; }
div.com,div.com p,div.com a{ font-size:13px; }
div.com1{ width:22%; text-align:center; }
div.com2{ width:78%; }
div.com2 img{ float:left; margin-right:15px; margin-bottom:0px; width:30%; }
div.com2 img.rcom{ float:right; margin-left:15px; margin-right:0px; border-bottom:0px; width:35%; } 
div.com2 div{ }

div.googlebg{ height:400px; }

/*お問い合わせ*/
.txt30{ width:250px; }
.cob{ width:85px; }

div.c1122bg{ border-left:6px solid #aaa; display:block; padding:5px 0px 5px 2.5%; }
div.c1122bg div.c11{ display:block; width:100%; padding-bottom:5px; }
div.c1122bg div.c11 span{ }
div.c1122bg div.c22{ display:block; width:100%; }
div.c1122bg div.c22 p{  }
div.c1122bg div.c22 div.img{ width:200px; padding-top:96px; margin-right:2.5%; }

div.c1122bg #preview{ max-width:250px; float:none; margin-right:0%; margin-bottom:2.5%; }
div.c1122bg #preview2{ width:100%; }

.btn{ line-height:44px; width:225px; height:44px; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; }
.btn.gr{ margin:0px 3px 5px; }
.btn.br{ margin:5px 3px 0px; }

/*works*/
.worksbg{ float:left; width:32%; }
.worksbg .img{ }
.worksbg p{}
.worksbg.w1 { margin:0px 0px 25px; }
.worksbg.w2 { margin:0px 2% 25px;}
.worksbg.w3 { margin:0px 0px 25px;}
.worksbg.w4 { margin:0px 0px 25px;}
.worksbg.w5 { margin:0px 2% 25px;}
.worksbg.w6 { margin:0px 0px 25px;}
.worksbg.w7 { margin:0px 0px 25px;}
.worksbg.w8 { margin:0px 2% 25px;}
.worksbg.w9 { margin:0px 0px 25px;}
.worksbg.w10{ margin:0px 0px 25px;}
.worksbg.w11{ margin:0px 2% 25px;}
.worksbg.w12{ margin:0px 0px 25px;}

/*太陽光maintenance*/
#solarbg{ padding: 25px 0px 2.5%; background-image:url(../img/solarbg-t.webp); }
#solarbg .tinfo-cap{ float:none; text-align:center; width:100%; padding:0px auto; }
#solarbg .tinfo-cap h1{ font-size:25px; padding-top:25px; }
#solarbg .tinfo-cap h2{ font-size:13px; }
#solarbg .solar{ padding:10px 2.5%; }
#solarbg .Top123{ padding-left:0%; margin:250px 0px 0px; }
#solarbg .Top123 h1{ font-size:30px; line-height:45px; }
#solarbg .Top123 h1 span{ padding-right:10px; }
#solarbg a.ip2{ font-size:16px; width:50%; margin:2.5% auto 5px; line-height:40px; }

div#pagetitle2{ height:275px; background-image:url(../img/pagebg22.webp?1); background-position:center; }
div#pagetitle2{ }
div#pagetitle2 div.b1{ width:300px; height:100px; margin-left:-150px; bottom:64px; }
div#pagetitle2 div.b1 div.b2{  }
div#pagetitle2 div.b1 div.b2 p.en{ font-size:20px; height:28px; }
div#pagetitle2 div.b1 div.b2 p.ja{ font-size:12px; height:15px; }

.gra-txt1{  }
.tcabg{ min-width:auto; }
.tcabg .img{ width:100%; padding-top:400px; margin-bottom:250px; }
.tcabg .det{ text-align:left; padding:25px; width:90%; top:350px; box-shadow:0px 0px 25px #aaa; transform:auto; -webkit-transform:auto; -ms-transform:auto; }
.tcabg .det .na{ margin:15px 0px; }
.tcabg-l{}
.tcabg-l .img{ float:none; }
.tcabg-l .det{ right:5%; }
.tcabg-r{}
.tcabg-r .img{ float:none;}
.tcabg-r .det{ left:5%; }
.tcabg-b{ height:1px; }
.cap1{ font-size:30px; }
.cap1s{ font-size:14px; }

ul.flow{ margin:25px 0px; }
ul.flow li{ list-style-type:none; }
ul.flow dd{ }
ul.flow{ padding-left:90px; }
ul.flow::before{ left:90px; }
ul.flow > li{ }
ul.flow > li:not(:last-child){ margin-bottom:20px; }
ul.flow > li .icon{ padding:8px 10px; font-size:12px; left:-90px; }
ul.flow > li .icon span{ display:inline-block; }
ul.flow > li .icon::after{ }
ul.flow > li dl{ padding-left:50px; }
ul.flow > li dl::before, .flow > li dl::after{ }
ul.flow > li dl::before{ }
ul.flow > li dl::after { width:35px; }
ul.flow > li dl dt{ font-size:20px; }
ul.flow > li dl dd{ font-size:15px; }

.accordion-container{}
.accordion-list:not(:first-child){}
.accordion-title{ cursor:pointer; font-size:14px; padding:20px 40px; position:relative; }
.accordion-title:hover{}
.accordion-title:before{}
.accordion-title:after{}
.accordion-title.open:before{}
.accordion-title.open:after{}
.accordion-text{}
a.oto{ width:50%; align-items: center; }
a.oto p{ margin-top:10px; font-size:16px; }
a.oto img{ width:160px; margin-bottom:10px; }

/*フッターバナー*/
div.foot{ }
div.foot .f-left{ float:none; width:100%; text-align:center; }
div.foot .f-left img.flogo{ width:125px; float:none; margin-right:0px; }
div.foot .f-left div{ width:100%; margin:25px 0px; }
div.foot .f-left div p.add{ }
div.foot .f-left div p.add a{ background-size:14px; padding-right:18px; }
div.foot .f-left div p.add a:hover{ }
div.foot .f-left ul.fmenu{ width:100%; margin:25px auto; border:none; }
div.foot .f-left ul.fmenu li{ float:none; width:auto; display:inline-block; border:none; margin-right:10px; }
div.foot .f-left ul.fmenu li a{ line-height:auto; }
div.foot .f-left ul.fmenu li a:hover{ }
div.foot .f-right{ float:none; width:100%; text-align:center; }
div.foot .f-right a.tel{ width:225px; margin-bottom:10px; }
div.foot .f-right a.con{ width:225px; background-position:10px center; background-size:20px; line-height:40px; height:40px; }

p.copy{ text-align:center; border:none; }
}