﻿@charset "UTF-8";
@media screen and (max-width:480px){

.waku{ padding:0px 5%; }
.responsive-l{ width:100%; }
.responsive-r{ width:100%; margin-top:50px; }

.pts{ font-size:12px; }
.pts1{ font-size:11px; }
.pts2{ font-size:10px; }
.pts3{ font-size:9px; }
.pts4{ font-size:16px; }
.pts5{ font-size:14px; }
.pts6{ font-size:12px; }
.pts7{ font-size:20px; }
.pts8{ font-size:14px; }
.pts9{ font-size:16px; }
.pts10{ font-size:13px; }

img.sdgs0{ width:90%; margin-right:0%; }
img.sdgs{ width:90%; margin-right:0%; }

/*メニュー*/
div.hmenu{ height:50px; }
div.hmenu a span{ display:none; }
div.hmenu a.ho{ width:165px; margin-top:9px; }
div.hmenu a.co{ display:none; }
div.hmenu a.ac{ display:none; }
div.hmenu a.te{ width:90px; margin-top:15px; }
div.hmenu div.smn{ display:inline-block; }

ul.menu{ display:none; }
ul.menu li{ }
ul.menu li a{ }

/*トップスライドショー*/
div#openingbg{ height:350px; margin:0px auto; }
ul#view li div.bg h1{ font-size:18px; }
ul#view li div.bg h2{ font-size:25px; }
ul#view li div.bg h3{ font-size:22px; }
div#openwaku{ background-size:100%; } 

div#thumbBtnbg{ bottom:15px; height:8px; }
ul#thumbBtn{ height:8px;}
ul#thumbBtn li{ margin:0px 5px; width:25px; height:8px; }

/*ページマージン用*/
.pagemargin{ height:50px; }

.pinkbg{ padding:250px 0px 50px; }
.res21{ }
.res21 img.l{ float:none; width:80%; margin:0px auto 25px; }
.res21 img.r{ float:none; width:80%; margin:0px auto 25px; }
.res21 div{ }
.res21 div.pink{ border-bottom:3px solid #F36; border-right:3px solid #F36; width:100%; padding:25px; }
.res21 h1{ }
.res21 h2{ }
.res21 p{}

/*トップバナーメニュー*/
.tbanbg{ padding:200px 0px 5%; }
.tbanbg1{ background-image:url(../img/tban1.png); }
.tbanbg2{ background-image:url(../img/tban2.png); }
.tbanbg3{ background-image:url(../img/tban3.png); }
.tbanbg .tbancv{ opacity:0.2; filter:alpha(opacity=020); }
.tbanbg:hover .tbancv{ opacity:0.2; filter:alpha(opacity=020); }
.tbanbg .tban-l{ float:left; width:100%; margin-left:0%; padding:2.5%; background:url(../img/w40.png); }
.tbanbg .tban-r{ float:right; width:100%; margin-right:0%; padding:2.5%; background:url(../img/w40.png); }
.tbanbg p.na{ min-height:50px; font-weight:normal; }
.tbanbg div.more{ margin:15px auto 0px; padding:0px 40px; line-height:30px; }

/*トップお知らせ*/
div.tinfo{ width:100%; border-bottom:1px dotted #675C58; padding:2.5% 0px; text-align:left; }
div.tinfo div.img{ float:left; width:20%; padding-top:20%; margin:0px 2.5% 0px 0px; background:center no-repeat; background-size:cover; }
div.tinfo div.img span{ left:-15%; top:7.5%; display:inline-block; width:30px; line-height:30px; }
div.tinfo div.det{ }
div.tinfo div.det p.po{ display:inline-block; }
div.tinfo div.det p.dt{ }
div.tinfo div.det p.da{ }
.tinfo.c1{ border-top:1px dotted #675C58; }
.tinfo.c2{ margin:0px; }
.tinfo.c3{ margin:0px; }
.tinfo.c4{ display:none; }

div.test{ float:none; width:100%; }
div.test a{ padding:0px; line-height:30px; display:block; margin:0px 10%; }
.test.c1{}
.test.c2{ margin:5% 0px; }
.test.c3{}

div.tcom{ background-image:url(../img/tcom2.jpg); background-size:50%; padding:10px 10px 10px 52%;  }
div.tcom h2{ color:#999; }
div.tcom h1{ margin-bottom:5px; }
div.tcom p{}

/*物件検索結果*/
.sv1{ display:none; font-size:10px; }
.sv2{ display:inline; font-size:10px; }

.det11{ display:none; }
.det22{ display:none; }

.article{ display:block; padding:5% 0px; }
.article .det{ display:block; vertical-align:top; }

.article div.det1{ float:none; width:100%; padding-right:0%; border-right:none; font-size:12px; }
.article div.det1 div.img{ width:100%; padding-top:56%; margin-bottom:5px; }
.article div.det1 div.img p{ background-size:14px; padding-left:18px; line-height:14px; height:14px; }
.article div.det1 img.ico{ float:left; width:30px; margin-bottom:5px; margin-right:5px; }

.article div.det2{ float:none; width:100%; padding:0px; border-right:none; font-size:12px; }
.article div.det2 p{  }
.article div.det2 div.po{  }
.article div.det2 div.po span.ci{ float:left; line-height:14px; font-size:10px; padding:0px 10px; }
.article div.det2 div.po span.k{ float:right; line-height:14px; font-size:10px; padding:0px 10px; margin-left:1px; }
.article div.det2 p.na{ font-size:13px; }
.article div.det2 p.ad{ font-size:11px; }
.article div.det2 p.ko{ font-size:11px; }
.article div.det2 p.bi{ font-size:9px; margin:5px 0px 15px; }
.article div.det2 p.co{ margin-top:15px; padding:5px 0px; font-size:10px; }
.article div.det2 p.co a{ }
.article div.det2 p.co a:hover{ }
.article div.det2 .gyo{ float:left; width:33.33333%; line-height:11px; font-size:8px; }
.article div.det2 .gyo.act{ }

.article div.det3{ float:none; clear:none; width:100%; margin-top:0%; padding:1% 0px 0px 0px; border-top:1px dotted #888; border-right:none; font-size:12px; } 
.article div.det3 p{ float:left; font-size:12px; } 
.article div.det3 span.span1{ width:25%; font-size:12px; padding-left:1%; }
.article div.det3 span.span2{ width:25%; font-size:12px; padding-right:1%; }

.article div.det4{ width:15%; padding-left:1%; } 
.article div.det4 p{ font-size:13px; } 
.article div.det4 p span{ }

/*ページ番号*/
ul.pageview{ text-align:center; }
ul.pageview li{ font-size:10px; line-height:18px; }
ul.pageview li a{ font-size:10px; line-height:18px; width:18px; height:18px; }
ul.pageview li.view{ float:none; width:100%; }

/*物件詳細*/
label.albl{ width:33.33333%; font-size:12px; line-height:24px; }

div.est-l{ padding-top:0px; width:100%; margin-right:0%; }
div.est-r{ padding-top:50px; width:100%; }

.gyo{ width:33.33333%; font-size:10px; line-height:15px; }

img.ico{ float:right; width:25px; margin-left:0px; }

div.gyosyu div.img{ padding-top:100%; }
div.gyosyu p.ja{ font-size:11px; }
div.gyosyu p.en{ font-size:10px; }


div#topwaku{ margin-top:25px; }

ul.banner122{ }
ul.banner122 li{ width:100%; margin:0px 0px 10px; }
ul.banner122 li.c2{ margin:0px 0px 10px; }
ul.banner122 li img{  }

ul.banner131{ margin-top:15px; margin-bottom:40px; }
ul.banner131 li{ width:100%; margin:0px 0px 10px; }
ul.banner131 li.c2{ margin:0px 0px 10px; }
ul.banner131 li img{ }

.realtor{ padding:5%; }
p.ckugiri1{ display:none; }
p.ckugiri2{ display:block; }
.realtor div.img{ float:none; width:100%; padding-top:56.25%; margin:0px 0px 5% 0px; }
.realtor div.det{  }

.dcombg{}
.dcombg a{ color:#FFF; }
.dcom1{ float:none; width:90%; padding-bottom:50.625%; margin:0px auto; }
.dcom2{ float:none; width:100%; padding:5% 0px 0px; }
.dcom2 a:hover{  }
.dcom2 .na{ font-size:14px; }
.dcom2 .ad{ font-size:12px;}
.dcom2 .ad0{ font-size:12px; }
.dcom2 .ad1{ font-size:12px;}
.dcom3{ float:left; clear:both; width:100%; text-align:center; padding-top:25px; }
.dcom3 p{ margin-bottom:5px; }
.dcom3 a.contact{ width:70%; line-height:35px; }
.dcom3 a.contact:hover{  }
.contact.c1{}
.contact.c2{ margin:2% auto 0px; }

/*会社案内*/
div.about-flow{  }
div.about-flow .con{ background-size:100%; padding-top:35%; }
div.about-flow .con2{ background-size:100%; padding-top:35%; }
div.about-flow .con-l{ padding-right:0%; background-position:center top; }
div.about-flow .con-r{ padding-left:0%; background-position:center top; }
div.about-flow .con .wbg{ width:90%; margin:0px 5%; padding:25px; background:url(../img/about-w50.png); box-shadow:0px 0px 5px #000; }
div.about-flow .con .wbg h1.cap{ font-size:20px; background-size:22px; line-height:25px; padding-left:0px; }
div.about-flow .con .wbg p.det{ }
div.about-flow .con .wbg a.btn{ height:40px; line-height:40px; width:70%; margin:0px 15%; background-size:12px; }

h4.tcom{ font-size:16px; text-align:left; line-height:40px; }
h5.tcom span{ font-size:11px; text-align:left; display:block; }
div.greeting{ font-size:12px; }
div.greeting p img{ width:130px; }
div.combg{ display:block; width:100%; border:1px solid #ccc; border-bottom:none; }
.combg.las{ border-bottom:1px solid #ccc; }
div.com{ display:inline-block; padding:5%; }
div.com,div.com p,div.com a{ font-size:12px; }
div.com1{ width:100%; text-align:left; border-right:none; border-bottom:1px solid #ccc; padding:2.5% 5%; }
div.com2{ width:100%; overflow:hidden; }
div.com2 img{ float:none; margin-right:0px; margin-bottom:10px; width:100%; }
div.com2 img.rcom{ float:none; margin-left:0px; margin-right:0px; border-bottom:10px; width:100%; } 
div.com2 div{ width:100%; clear:both; }

div.access{ height:250px; }

/*不動産売却*/
div.salebg{ display:none; }
div.salebg .waku img{ display:none; }
div.salebg2{ display:block; height:350px; }
div.salebg2 .waku img{ display:block; width:70%; bottom:0px; margin-left:10%;}

ul.pic1{}
ul.pic1 li{ width:99%; }
ul.pic1 li.c1{ margin:0px 0.5%; }
ul.pic1 li.c2{ margin:0px 0.5%; }
ul.pic1 li.c3{ margin:0px 0.5%; }
ul.pic1 li.c4{ margin:0px 0.5%; }
ul.pic1 li img{ width:100%; }
ul.pic1 li p{ font-size:16px; }

img.simg{}
img.s11{ display:none; }
img.s12{ display:inline-block; }

/*FAQ*/
div.faqbg{ background-size:cover; height:350px; margin-bottom:75px; }
div.faqbg .waku img{ width:90%; bottom:-25px; left:5%; margin-left:0%; }

div.faqmind{ background-position:left center; background-size:29%; padding:0px 0px 0px 30%; }
div.faqmind h1{ margin-bottom:15px; }
div.faqmind div{}
div.faqmind div br{ display:none; }

/*ボタン*/
.btn{ padding:0px 30px; font-size:15px; height:30px; line-height:30px; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; }

/*ページルート*/
ol li{ font-size:9px; }
ol li a{ font-size:9px; }

/*キャプション*/
div.namibg{ }
div.namibg p{ margin:5px auto 0px; width:50%; height:4px; }
div.namibg br{ display:block; }


/*ページトップ*/
div.pagehead{ height:75px; margin-top:50px; }
div.pagehead div.waku div div{ font-size:22px; line-height:22px; }
div.pagehead div.waku div div span{ margin-left:8px; line-height:8px; padding-top:4px; }

/* お知らせ・ブログ */
.info-l{ width:100%; }
.info-r{ width:100%; margin-left:0%; margin-top:0%; }

/*アーカイブ*/
.archives li{ width:100%; }

/*PREV_NEXT*/
div#prevback{ }
div#prevback ul li{ line-height:40px; height:40px; }
div#prevback ul li a{ line-height:40px; height:40px; }
div#prevback ul li div.ppi{ float:left; width:40px; padding-top:40px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
div#prevback ul li div.nni{ float:right; width:40px;padding-top:40px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }

/*お問い合わせ*/
div.c22 br{ display:inline-block; }

/*事業内容*/
ul.pmenu{ }
ul.pmenu li{ width:100%; }
ul.pmenu li.c1{}
ul.pmenu li.c2{}
ul.pmenu li.c3{}
ul.pmenu li a{ line-height:30px; padding:0px 0px 0px 5%; text-align:left; }
ul.pmenu li a span{ top:0px; right:10px; font-size:0.5em; line-height:30px; }
ul.pmenu li a:hover{ }
ul.pmenu li a:hover span{ }

div.pmenu2{}
div.pmenu2 a{}
div.pmenu2 a p{}
div.pmenu2 a p span{}
div.pmenu2 a p span:hover{}
div.pmenu2 a p:hover{}

.flex{ margin-bottom:50px; justify-content:space-around; align-content:space-around; flex-direction:column;  }
.flex a p{ border-radius:10px; }
.flex a p:hover{ }
.flex a p.f1{ margin:0px 0px 0px; padding:15px 25px; }
.flex a p.f2{ margin:10px 0px 0px; padding:15px 25px; }
.flex a p.f3{ margin:10px 0px 0px; padding:15px 25px; }
.flex a p.f4{ margin:10px 0px 0px; padding:15px 25px; }

p.daisen{ padding:42px 0px; }
p.daisen_sub{ padding:35px 0px; line-height:30px; }
p.daisen2{ text-align:center; padding:35px 0px; }
p.daisen_sub2{ padding:0px; line-height:30px; }

ul.pic2{}
ul.pic2 li{ width:100%; }
ul.pic2 li.c1{ margin:0px; }
ul.pic2 li.c2{ margin:0px; }
ul.pic2 li img{ width:100%; }
ul.pic2 li p{ font-size:14px; }

ul.pic4{}
ul.pic4 li{ width:100%; }
ul.pic4 li.c1{ margin:0px; }
ul.pic4 li.c2{ margin-top:25px; }
ul.pic4 li.c3{ margin-top:25px; }
ul.pic4 li.c4{ margin-top:25px; }
ul.pic4 li img{ width:100%; }
ul.pic4 li p{ font-size:14px; margin-top:10px; }

img.pa-le{ padding-left:0px; }

/*施工事例*/
ul.facility{}
ul.facility li{ width:100%; }
ul.facility li.c1{ margin:0px; }
ul.facility li.c2{ margin:5% 0px 0px 0px; }
ul.facility li.c3{ margin:5% 0px 0px 0px; }
ul.facility li.c4{ margin:5% 0px 0px 0px; }
ul.facility li img{ width:100%; margin-bottom:5px; }
ul.facility li p.s1{ font-size:13px; }
ul.facility li p.s2{ font-size:6px; }
br.facility{ display:none; }

/*採用情報*/
div.frecruitbg{ min-width:100%; max-width:100%; padding:25px 0px; }
div.frecruitbg .rec-l{ float:none; width:100%; padding-top:50%; }
div.frecruitbg .rec-r{ float:none; width:100%; margin:25px 0px 0px; text-align:center; }
div.frecruitbg .rec-r h1{ }
div.frecruitbg .rec-r h2{ }
div.frecruitbg .rec-r p{ }
div.frecruitbg .rec-r div{ }
div.frecruitbg .rec-r .btn{ margin:0px 20% 0px; line-height:40px; width:60%; height:40px; }

div.recruitbg{ height:300px; }
div.recruitbg div.waku{ background-position:center 95%; background-size:90%; }

div.syoku{ font-size:15px; line-height:17px; padding:8px 2.5%; background-size:20px; }
div.syoku a span{ font-size:11px; line-height:11px; padding-top:3px; display:inline-block; }
div.recbg div.rbg{ display:block; margin-bottom:5px; }
div.recbg div.rbg div.r1{ display:block; width:100%; padding:2.5% 5%; }
div.recbg div.rbg div.r2{ display:block; width:100%; padding:2.5% 5%; }
div.recbg div.rbg div.r2 h1{ font-size:15px; }

a.ent{ width:80%; height:50px; background-size:100px; }

div.flowbg{ width:100%; }
div.flow{ float:none; width:100%; padding:10px; }
.flow.c1{ margin:0px; }
.flow.c2{ margin:5% 0px; }
.flow.c3{ margin:0px; }
div.flow h1{ font-size:25px; display:none; }
div.flow img{ float:left; width:30%; margin-right:5%; }
div.flow div{ overflow:hidden; text-align:; width:auto; }
div.flow div h1{ display:block; font-size:25px; }
div.flow div p{ margin-top:0px; font-size:20px; }

img.rec{ width:200px; }

/*採用情報（NEW）*/
ul.num li a{ line-height:30px; font-size:12px; }
div#staffbg{ height:225px; }
div#staff{ }
div#staff img{ width:300px; }
img.rcopy{ width:50%; left:5%; bottom:10px; }

/*フッターバナー*/
ul.follow{ display:inline-block; }
ul.fmenu li{ width:25%; text-align:left; }

div#footbg{ }
div.foot div.im{ float:none; width:70%; padding-top:39.375%; margin:0px auto; }
div.foot div.ad{ float:noen; width:100%; text-align:center; padding:25px 0px 0px 0px; }
div.foot div.ad p{ }
div.foot div.ad p a{ }
div.foot div.ad p a:hover{ }
div.foot div.ad p.f1{ }
div.foot div.ad p.f2{ margin:15px 0px 5px; }
div.foot div.ad p.f2 a{ margin-left:5px; }
div.foot div.ad p.f2 br.c1{ display:none; }
div.foot div.ad p.f3{ }
div.foot img.te{ display:none; }
}