@charset "UTF-8";
@font-face { 
font-family:'KozMinPro-Heavy'; 
src:url('../font/KozMinPro-Heavy.eot'); /* IE9以上用 */
src:url('../font/KozMinPro-Heavy.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
	url('../font/KozMinPro-Heavy.woff') format('woff'), /* モダンブラウザ用 */
	url('../font/KozMinPro-Heavy.otf') format('Opentype'); /* iOS, Android用 */
}

*{ margin:0px; padding:0px; border:none; color:#000; font-family: "メイリオ",Meiryo UI, arial, sans-serif; -webkit-text-size-adjust:100%; font-size:14px; box-sizing:border-box; }
html{ text-align:center; color:#000; width:100%; height:100%; }
body{ text-align:center; width:100%; height:100%; }

.waku{ position:relative; max-width:1200px; margin:0px auto; z-index:0; }

a{ outline:none; text-decoration:none; }
ul{ list-style:none; }
p.clear{ clear:both; }

.tcopy{ height:100%; background:no-repeat center; }

h1.Tcap{ color:#191A34; }

/*メニュー*/
div#menubg{ position:fixed; top:0px; left:0px; width:100%; text-align:center; z-index:1500; }
ul.menu{ height:100%; }
ul.menu li{ float:right; display:table; }
ul.menu li a{ position:relative; display:table-cell; vertical-align:middle; text-align:center; padding:0px 15px; }
ul.menu li a:hover{ color:#000; }
ul.menu li a p.un{ position:absolute; bottom:0px; left:50%; width:0%; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
ul.menu li a img{ width:100%; }
ul.menu li a img:hover{ opacity:0.7; filter:alpha(opacity=70); }
ul.menu li.non a{ color:#333; }
ul.menu li.non a:hover{ color:#111; }
ul.menu li.non a:hover p.un{ border-bottom:3px solid #36C; width:65%; margin-left:-32.5%; }
ul.menu li.act a{ color:#000; }
ul.menu li.act a p.un{ border-bottom:3px solid #36C; width:65%; margin-left:-32.5%; }
ul.menu li.ho{ float:left; }
ul.menu li.ho a{ padding:0px; margin:0px; }

div.te{ position:fixed; background:#3E3A39; z-index:1500; }
div.te a img:hover{ opacity:0.7; filter:alpha(opacity=70); }
div.sm{ position:fixed; background:#0E5C93; z-index:1500; }
div.sm img{ width:100%; } 
div.sm a img:hover{ opacity:0.7; filter:alpha(opacity=70); }

ul.menu li.sm div.smn{ width:24px; font-size:8px; line-height:14px; cursor:pointer; color:#000; }
ul.menu li.sm div.smn p{ border-bottom:1px solid #000; }
ul.menu li.sm div.smn p.c2{ margin:6px 0px; }
ul.menu li.sm div.smn:hover{ line-height:12px; }
ul.menu li.sm a:hover div.smn { color:#555; }
ul.menu li.sm div.smn:hover p.c2{ margin:7px 0px; }

/* ドロップダウンメニュー */
div#dmenubg{ position:fixed; padding-top:30px; left:50%; top:5%; width:0px; height:95%; overflow:hidden; width:100%; background:url(../img/b50.png); opacity:0.0; filter:alpha(opacity=000); z-index:1600; }
div#dmenubg p{ width:80%; max-width:600px; margin:0px auto 7px; background:#FFF; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
div#dmenubg p:hover{ box-shadow:0px 0px 4px #000; background:#0E5C93; color:#FFF; }
div#dmenubg p a{ display:block; line-height:40px; color:#0E5C93; text-align:center; white-space:nowrap; overflow:hidden; font-size:14px; font-weight:bold; }
div#dmenubg p:hover a{ text-shadow:0px 0px 4px #1F274D; color:#FFF; }
div#dmenubg a img:hover{ opacity:0.7; filter:alpha(opacity=70); background:none; }
div#dmenubg a.cl{ font-size:24px; margin-top:25px; font-weight:bold; color:#FFF; margin-top:16px; }
div#dmenubg a.cl:hover{ text-shadow:0px 0px 5px #FFF; }

/*新着情報*/
div.tinfo-cap{  }
div.tinfo-cap h1{ color:#191A34; }
div.tinfo-cap h2{ font-weight:normal; padding-bottom:25px; }
div.tinfo{ text-align:left; }
div.tinfo div.img{ background:center no-repeat; background-size:cover; }
div.tinfo:hover div.img{ opacity:0.7; filter:alpha(opacity=70); }
div.tinfo div.det{ overflow:hidden; }
div.tinfo div.det p.dt{ color:#0E5C93; }
div.tinfo div.det p.da{ color:#000; }

#TopSlide{ position:relative; text-align:left; border-bottom:1px solid #FFF; }
#TopSlide ul#view { position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0px auto; z-index:-1; }
#TopSlide ul#view li{ position:absolute; width:100%; height:100%; text-align:center; background:center no-repeat; background-size:cover; z-index:-1; overflow:hidden; }
#TopSlide .top11{ width:100%; height:100%; background:url(../img/top11.png) top center no-repeat; z-index:1; }
#TopSlide .top11 .waku{ height:100%; }
#TopSlide .top11 .waku .hoken1{ position:absolute; }
#TopSlide p{ overflow:hidden; white-space:nowrap; width:90%; }
#TopSlide .tp1{ position:absolute; font-weight:bold; color:#000; text-shadow:0px 0px 3px #FFF; }
#TopSlide .tp2{ position:absolute; font-weight:bold; color:#FFF; text-shadow:1px 1px 5px #000; }
#TopSlide .tp3{ position:absolute; font-weight:bold; color:#FFF; text-shadow:1px 1px 5px #000; }
#TopSlide .tp4{ position:absolute; display:inline-block; background:url(../img/i-iphone.png) no-repeat #3E3A39; color:#FFF; font-weight:bold; text-align:center; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#TopSlide .tp4:hover{ background-color:#666; text-shadow:0px 0px 3px #000; box-shadow:0px 0px 10px #000; }
#TopSlide .bw{ position:absolute; width:100%; height:4px; left:0px; bottom:-2px; background:#ebebeb; }
#TopSlide .sapporo{ position:absolute; }
#TopSlide .sapporo:hover{ opacity:0.7; filter:alpha(opacity=70); }

div#thumbBtnbg{ position:absolute; left:0px; width:100%; height:0px; z-index:500; }
ul#thumbBtn{ width:100%; }
ul#thumbBtn li{ cursor:pointer; overflow:hidden; direction:-moz-inline-box; display:inline-block; z-index:500; background:#606A6A; }
ul#thumbBtn li:hover{ background:#3A3F3F; box-shadow:0px 0px 5px #FFF; }
ul#thumbBtn li.active{ background:#000; box-shadow:0px 0px 5px #FFF; }

#Top123bg{ position:relative; overflow:hidden; background:#ebebeb; }
#Top123bg .hoken2{ }
#Top123bg .woman{ position:absolute; z-index:1; }
#Top123bg .top22{ position:relative; width:100%; height:100%; background:url(../img/top22.png) bottom center no-repeat; z-index:2; }
#Top123bg .bw{ position:absolute; width:100%; height:2px; left:0px; bottom:-1px; background:#fff; }
#Top123bg .Top123{ text-align:left; }
#Top123bg .Top123 h1{ color:#000; margin-bottom:5px; white-space:nowrap; overflow:hidden; }
#Top123bg .Top123 h1 span{ color:#F60; font-weight:bold; font-size:1.5em; }
#Top123bg .Top123 p{ text-align:justify; text-justify:inter-ideograph; }

#TopPrice{}
#TopPrice .p-left{ overflow:hidden; }
#TopPrice .p-right{ overflow:hidden; }
#TopPrice .TPrice{ margin-bottom:25px; }
#TopPrice .TPrice table{ border-top:1px solid #003; background:#FFF; }
#TopPrice .TPrice table caption{ color:#F60; text-align:left; caption-side:bottom; padding:5px 0px 0px; }
#TopPrice .TPrice table caption span{ color:#F60; font-size:0.75em; }
#TopPrice .TPrice table tr:nth-child(odd) td{ background:#EDF1F5; }
#TopPrice .TPrice table td{ border-bottom:1px solid #003; color:#003; }
#TopPrice .TPrice table td.c1{ border-right:1px solid #003; text-align:center; }
#TopPrice .TPrice table td.c2{ font-weight:bold; text-align:left; }
#TopPrice ul.msg{ text-align:left; margin:0px; }
#TopPrice ul.msg li{ color:#191A34; text-indent:-1em; list-style-type:none; }
#TopPrice img.ip1{}
#TopPrice a.ip2{ display:inline-block; background:url(../img/i-iphone.png) no-repeat #3E3A39; color:#FFF; font-weight:bold; text-align:center; white-space:nowrap; overflow:hidden; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; margin-bottom:10px; }
#TopPrice a.ip2:hover{ background-color:#666; text-shadow:0px 0px 3px #000; box-shadow:0px 0px 10px #000; }
.TPrice.p1{ background:url(../img/c1.gif) no-repeat; }
.TPrice.p2{ background:url(../img/c2.gif) no-repeat; }
.TPrice.p3{ background:url(../img/c3.gif) no-repeat; }

#TopCompany{ background:#191A34; padding-bottom:5px; }
#TopCompany a.acc{ position:absolute; display:inline-block; }
#TopCompany a.acc img{ width:100%; }
#TopCompany a.acc:hover img{ opacity:0.7; filter:alpha(opacity=70); }
#TopCompany table{ border-top:1px solid #555; width:100%; }
#TopCompany table td{ border-bottom:1px solid #555; color:#FFF; padding:12px 5px; }
#TopCompany table td a{ color:#FFF; }
#TopCompany table td a:hover{ color:#CCC; }
#TopCompany table td.c1{ border-right:1px solid #333; }
#TopCompany table td.c2{ text-align:left; padding-left:10px; }

.pinkbg{ background:url(../img/secbg1.png) top center no-repeat; background-size:cover; margin:50px auto; }
.res21{ }
.res21 img.l{}
.res21 img.r{}
.res21 div{ overflow:hidden; text-align:justify; text-justify:inter-ideograph; }
.res21 div.pink{ background:url(../img/w50.png); }
.res21 h1{ font-family:'KozMinPro-Heavy'; color:#D97199; }
.res21 h2{ color:#675C58; margin-bottom:5px; }
.res21 p{}
.res21 p.btnbg{ text-align:center; }

/*予約画面*/
.resbg{ text-align:center; }
.resbg.n{ background:#FFF; border:1px solid #A9D6CF; }
.resbg.n:hover{ box-shadow:0px 0px 12px #FFF; }
.resbg.g{ background:#CCC; border:1px solid #DDD; }
.resbg p{ vertical-align:baseline; }
.resbg p.dt{ font-weight:bold; margin-bottom:15px; white-space:nowrap; overflow:hidden; }
.resbg p.dt span{ font-size:1em; }
.resbg p.ak{ overflow:hidden; color:#003; }
.resbg.n p.ak span{ color:#39F; }
.resbg.g p.ak span{ color:#888; }
.dt.w0{ color:#F33; }
.dt.w0 span{ color:#F33; }
.dt.w6{ color:#369; }
.dt.w6 span{ color:#369; }
.resbg.c0{ }
.resbg.c1{ }
.resbg.c2{ }
.resbg.c3{ }
.resbg.c4{ }
.resbg.c5{ }
.resbg.c6{ }
h1.res{ color:#FFF; }
h1.res span{ padding-right:10px; color:#F60; font-weight:bold; font-size:1.5em;  }

/*ボタン*/
.btn{ display:inline-block; margin:25px auto 0px; color:#ccb9a6; border:1px solid #ccb9a6; background:#FFF; font-style:italic; white-space:nowrap; overflow:hidden; cursor:pointer; }
.btn span{ display:inline-block; font-size:1em; font-style:italic; width:35px; padding-left:0px; text-align:left; }
.btn:hover span{ padding-left:5px; }

.wh{ color:#ccb9a6; border:1px solid #ccb9a6; background:#FFF; }
.wh span{ color:#ccb9a6; }
.wh:hover{ color:#FFF; border:1px solid #ccb9a6; background:#ccb9a6; }
.wh:hover span{ color:#FFF; }

.br{ color:#FFF; border:1px solid #ccb9a6; background:#ccb9a6; }
.br span{ color:#FFF; }
.br:hover{ color:#ccb9a6; border:1px solid #ccb9a6; background:#FFF; }
.br:hover span{ color:#ccb9a6; }

.or{ color:#FFF; border:1px solid #F60; background:#F60; }
.or span{ color:#FFF; }
.or:hover{ color:#F60; border:1px solid #F60; background:#FFF; }
.or:hover span{ color:#F60; }

.pi{ color:#FFF; border:2px solid #FCF; background:#D97199; }
.pi span{ color:#FFF; }
.pi:hover{ border:2px solid #D97199; color:#D97199; background:#FFF; }
.pi:hover span{ color:#D97199; }

/*ページルート*/
div#olbg{ width:100%; text-align:center; margin-bottom:50px; }
ol{ list-style:none; height:24px; overflow:hidden; border-bottom:1px solid #ddd; }
ol li{ float:left; height:24px; line-height:24px; color:#000; }
ol li.home{ padding-left:17px; background:url(../img/home.png) left center no-repeat; background-size:12px; }
ol li.back{ float:right; padding-left:15px; background:url(../img/yaji-b.png) left center no-repeat; background-size:12px; }
ol li.yaji{ padding-left:15px; margin-left:5px; background:url(../img/yaji.png) left center no-repeat; background-size:12px; }
ol li a{ line-height:24px; color:#999; font-size:11px; }
ol li a:hover{ color:#333; }

ol.olbgw{ border-bottom:0px solid #555; }
ol.olbgw li.home{ background-image:url(../img/home-w.png); }
ol.olbgw li.back{ background-image:url(../img/yaji-b-w.png); }
ol.olbgw li.yaji{ background-image:url(../img/yajiw.png); }
ol.olbgw li a{ color:#CCC; }
ol.olbgw li a:hover{ color:#FFF; }

/*ページトップ*/
div#pagetitle{ position:relative; width:100%; background-repeat:no-repeat; background-size:cover; overflow:hidden; }
div#pagetitle{}
div#pagetitle{ position:relative; height:0px; }
div#pagetitle div.b1{ position:absolute;background:url(../img/w50.png); display:table; left:50%; box-shadow:0px 0px 5px #000; padding:8px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
div#pagetitle div.b1 div.b2{ display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; }
div#pagetitle div.b1 div.b2 p.en{ font-family:'KozMinPro-Heavy'; color:#1F274D; white-space:nowrap; overflow:hidden; font-weight:normal; }
div#pagetitle div.b1 div.b2 p.ja{ white-space:nowrap; overflow:hidden; font-weight:normal; color:#1F274D; }
div#pagetitle2{ position:relative; width:100%; background-repeat:no-repeat; background-size:cover; overflow:hidden; }
div#pagetitle2{}
div#pagetitle2{ position:relative; height:0px; }
div#pagetitle2 div.b1{ position:absolute;background:url(../img/w50.png); display:table; left:50%; box-shadow:0px 0px 5px #000; padding:8px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
div#pagetitle2 div.b1 div.b2{ display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; }
div#pagetitle2 div.b1 div.b2 p.en{ font-family:'KozMinPro-Heavy'; color:#1F274D; white-space:nowrap; overflow:hidden; font-weight:normal; }
div#pagetitle2 div.b1 div.b2 p.ja{ white-space:nowrap; overflow:hidden; font-weight:normal; color:#1F274D; }

/*「」*/
.cap2::before,.cap2::after{ position:absolute; content:''; width:20px; height:20px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.cap2::before { top:8px; left:8px; border-top:1px solid #1F274D; border-left:1px solid #1F274D; }
.cap2::after { bottom:8px; right:8px; border-bottom:1px solid #1F274D; border-right:1px solid #1F274D; }

/*ボタン*/
.a-btn{ display:inline-block; text-align:center; background:#036EB8; border:1px solid #036EB8; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out; }
.a-btn:hover{ background:#FFF; color:#036EB8; }

/*新着情報*/
ul.news{ position:absolute; background:url(../img/b25.png); padding:10px; }
ul.news li{ text-align:left; color:#FFF; width:100%; } 
ul.news li p{ white-space:pre-wrap; overflow:hidden; margin-top:5px; }
ul.news li p a{ color:#FFF; display:block; font-size:1em; white-space:nowrap; }
ul.news li p a:hover{ text-decoration:underline; background:url(../img/yaji-w.png) right center no-repeat; background-size:contain; }
ul.news li span{ color:#FFF; }

/*住まい×お客様*/
.t-aboutbg{ background:url(../img/about1.png) no-repeat; margin:50px 0px; }
.t-aboutbg .about{ background:url(../img/br50.png); text-align:justify; text-justify:inter-ideograph; }
.t-aboutbg .about img{ }
.t-aboutbg .about div{ position:relative; }
.t-aboutbg .about div p{ position:absolute; }

/*新着物件*/
.t-articlebg{ background:url(../img/g50.png) no-repeat; background-position:5% center; background-size:100% 70%; }
.t-articlebg .waku{ background:#1F274D; }
.t-articlebg p.a-cap{ }
.t-articlebg p.a-cap img{ }

.t-articlebg div.article{ text-align:left; }
.t-articlebg a div.article:hover .img{ opacity:0.8; filter:alpha(opacity=80); }
.t-articlebg div.article .img{ background:no-repeat center; background-size:cover; width:100%; padding-top:56.25%; margin:5px 0px; }
.t-articlebg div.article p{ white-space:nowrap; overflow:hidden; }
.t-articlebg div.article p.dt{ color:#CCC; }
.t-articlebg div.article p.da{ color:#FFF; }
.t-articlebg div.article p.na{ color:#CCC; }
.article.c1{}
.article.c2{}
.article.c3{}
.article.c4{}
.article.c5{}
.article.c6{}

/*pageview*/
ul.pageview{ clear:both; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; }
ul.pageview li{ float:left; font-size:1em; color:#CCC; }
ul.pageview li a{ font-size:1em; display:block; text-align:center; }
ul.pageview li a.act{ color:#1F274D; background-color:#FFF; }
ul.pageview li a.non{ color:#1F274D; background-color:#AAA; }
ul.pageview li a.non:hover{ color:#1F274D; background-color:#CCC; }

/*トップ事業内容*/
.c-business{ position:relative; background:url(../img/g50.png); width:80%; max-width:900px; margin:0px auto; z-index:1; } 
.c-business img.lo{}
.c-business img.ri{}
.t-business:hover{ box-shadow:0px 0px 20px #333; }
.t-business{ position:relative; z-index:2; }
.t-business div{ background:center no-repeat; background-size:cover; }
.t-business .b1{}
.t-business .b2{}
.t-business .b3{}
.t-business .b4{}
.t-business .b5{ position:relative; background-color:#036EB8; }
.t-business .b5 span{ position:absolute; display:inline-block; text-align:center; background:#FFF; border:1px solid #FFF; color:#036EB8; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out; }
.t-business .b6{}

/*アーカイブ*/
div.ibcap{ font-weight:bold; color:#ccc; text-align:left; font-size:1.2em; }
div.ibcap p{ width:20px; height:0px; border-bottom:1px solid #ccc; }

p.yyyy{ clear:both; line-height:20px; font-weight:bold; border-bottom:1px solid #ddd; }
p.yyyy a{ display:block; font-weight:normal; padding:5px; color:#555; }
p.yyyy a:hover{ color:#000; }
p.mmmm{ clear:both; line-height:20px; font-weight:bold; border-bottom:1px solid #ddd; }
p.mmmm a{ display:block; font-weight:normal; padding:5px 10px; color:#555; }
p.mmmm a:hover{ color:#000; }
ul.archives{ width:100%; border-top:1px solid #ddd; }
ul.archives li{ float:left; border-bottom:1px dotted #AAA; cursor:pointer; }
ul.archives li div.img{ float:left; margin:5px 5px 5px 0px; width:25%; padding-top:25%; background:center; background-size:cover; }
ul.archives li div.dta{ overflow:hidden; padding:5px; }
ul.archives li div.dta p.dt{ color:#666; font-size:0.8em; line-height:20px; height:20px; white-space:nowrap; }
ul.archives li div.dta p.da{ font-size:12px; line-height:22px; overflow:hidden; color:#777; }
ul.archives li div.dta p.ni{ font-size:0.8em;; line-height:20px; overflow:hidden; color:#555; }
ul.archives li div.dta p.na{ font-size:11px; line-height:15px; overflow:hidden; color:#555; }
ul.archives li:hover{ opacity:0.7; filter:alpha(opacity=70); }

/* お知らせ・ブログ */
div.responsive-l{ float:left; text-align:left; padding-bottom:50px; }
div.responsive-r{ float:left; text-align:left; padding-bottom:50px; }

p.ibdt{ color:#333; margin-bottom:25px; line-height:30px; border-top:1px solid #ddd; }
div.ibda{ font-size:1.5em; color:#000; font-weight:bold; margin-bottom:30px; }
div.ibda p{ width:20px; height:0px; border-bottom:1px solid #000; margin-top:5px; }
div.ibna{ line-height:25px; text-align:left; }
div.ibna a{ color:#000; }
div.ibna a:hover{ text-decoration:underline; }
div.ibna div.img{ width:100%; padding-top:56%; background-position:center; background-repeat:no-repeat; background-size:cover; }

p.ibli{ font-size:0.9em; margin-top:25px; }
p.ibli a{ color:#000; }
p.ibli a:hover{ text-decoration:underline; }
p.ibfb{ border-top:1px solid #ddd; padding-top:10px; margin-top:10px; }

/*PREV_NEXT*/
div#prevback{ text-align:center; width:100%; margin:50px auto 0px; clear:both; border-top:1px solid #ddd; padding-top:25px; }
div#prevback ul{ margin:0px auto; display:inline-block; }
div#prevback ul li{ float:left; color:#aaa; }
div#prevback ul li a{ color:#9A8A61; display:inline-block; }
div#prevback ul li:hover a{ color:#837754;}
div#prevback ul li div.ppi{ float:left; background:center no-repeat; background-size:cover; opacity:0.7; filter: alpha(opacity=70); }
div#prevback ul li.prev:hover a div.ppi{ opacity:1.0; filter: alpha(opacity=100); box-shadow:0px 1px 5px #aaa; }
div#prevback ul li div.ppf{ overflow:hidden; padding:0px 10px; }
div#prevback ul li div.nni{ float:right; background:center no-repeat; background-size:cover; opacity:0.7; filter: alpha(opacity=70); }
div#prevback ul li.next:hover a div.nni{ opacity:1.0; filter: alpha(opacity=100); box-shadow:0px 1px 5px #aaa; }
div#prevback ul li div.nnf{ overflow:hidden; padding:0px 10px; }

/*プログラム*/
div.pro{ float:left; text-align:center; }
div.pro img{ }
.pro.c1{}
.pro.c2{}
.pro.c3{}
.probg{ width:100%; text-align:center; background:center no-repeat; background-size:cover; }
.probg div{ width:100%; height:100%; background:center no-repeat; }
.pro-sec1{ background-image:url(../img/probg1.png); }
.pro-sec2{ background-image:url(../img/probg22.png); }
img.pro-cap{ margin:0px auto 15px; }

/*会社案内*/
h1.asoh1{ color:#000; background:left center no-repeat; background-size:contain; display:inline-block; }
.asoh1.i1{ background-image:url(../img/i-cap11.png); }
.asoh1.i2{ background-image:url(../img/i-cap22.png); }
.asoh1.i3{ background-image:url(../img/i-cap33.png); }
.asoh1.i4{ background-image:url(../img/i-cap44.png); }
.asoh1.i5{ background-image:url(../img/i-cap55.png); }
div.aso-det{ color:#666; margin-bottom:50px; text-align:justify; text-justify:inter-ideograph; }
div.gre-l{ text-align:left; }
div.gre-l img{ margin-bottom:15px; }
div.gre-l p{ color:#000; }
div.gre-r{ text-align:left; text-align:justify; text-justify:inter-ideograph; }
img.aimg{}
.aimg.c1{}
.aimg.c2{}
.aimg.c3{}
.aimg.c4{}
div.aso{ float:left; text-align:left; }
div.aso div{ border:3px solid #AAA; padding:10px; min-height:150px; }
div.aso div ul{ list-style:outside decimal; padding-left:25px; }
div.aso div ul li{ }
div.aso-l{}
div.aso-r{}

h4.tcom{ margin-top:50px; }
h5.tcom{ margin-bottom:10px; }
h5.tcom span{ font-weight:normal; }
div.greeting{ margin-bottom:50px; text-align:justify; text-justify:inter-ideograph; }
div.greeting p{ text-align:right; margin-top:15px; }
div.com{ float:left; padding:10px 0px; }
div.com a{ color:#000; background-position:center right; background-repeat:no-repeat; background-size:contain; padding-right:25px; }
div.com a.li{ background-image:url(../img/access.png); }
div.com a.ma{ background-image:url(../img/ic-mail.png); }
div.com a:hover{ color:#6794AA; text-decoration:underline; }
div.com1{ color:#6794AA; }
div.com2{ text-align:left; text-align:justify; text-justify:inter-ideograph; color:#000; }
div.com2 img{ }
div.com2 div{ overflow:hidden; color:#000; }
div.com2 span{ font-size:0.8em; color:#888; }
p.com{ clear:both; border-bottom:1px dotted #888; }


/*お問い合わせ*/
img.navi{ max-width:600px; margin:0px auto 25px; width:100%; }
div.c1122bg{ margin-bottom:20px; width:100%; }
div.c1122bg div.c11{ text-align:left; font-size:1em; }
div.c1122bg div.c11 span{ font-size:0.7em; color:#900; padding-left:10px; }
div.c1122bg div.www span{ font-size:0.7em; color:#F60; padding-left:10px; }
div.c1122bg div.c22{ text-align:left; font-size:1em; }
div.c1122bg div.c22 p{ color:#999; margin-top:5px; }
div.c1122bg div.c22 div.img{ float:left; background:center no-repeat; background-size:cover; }
div.c1122bg div.c22 div.det{ overflow:hidden;  }
div.c1122bg div.c22 div.det p.fac1{ color:#000; line-height:20px; font-weight:bold; }
div.c1122bg div.c22 div.det p.fac2{ color:#000; line-height:16px; }
div.c1122bg div.c22 div.det p.fac3{ color:#000; line-height:16px; }
div.c1122bg div.c22 div.det p.fac4{ color:#000; line-height:16px; }
div.c1122bg .www{ color:#CCC; }

div.c1122bg #preview{ }
div.c1122bg #preview2{ overflow:hidden; }

ul.msg{ text-align:left; margin:50px auto 25px; max-width:700px; list-style:disc; list-style:outside; padding-left:10px; }
ul.msg li{ font-size:1em; }
ul.msg li.www{ font-size:1em; color:#CCC; }
ul.msg li.www strong{ font-size:1em; color:#CCC; }

.btn{ -webkit-appearance:none; cursor:pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.btn.br{ background:#1F274D; color:#FFF; border:1px solid #1F274D; }
.btn.br:hover{ background:#FFF; color:#1F274D; }
.btn.gr{ background:#FFF; color:#999; border:1px solid #999; }
.btn.gr:hover{ background:#999; color:#FFF; }

label.con{ padding:0px 15px 0px 5px; }
input.radio + label.con{}
input.radio:checked + label.con{ color:#20405F; font-weight:bold; }
label.con2{ padding:0px 15px 0px 5px; }
label.con2{ color:#CCC; }
input.radio:checked + label.con2{ color:#F60; font-weight:bold; }

.txt{ -webkit-appearance:none; width:100%; padding:5px; background-color:#FFF; border:1px solid #AAA; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt:focus{ border:1px solid #000; }
.txt10{ -webkit-appearance:none; max-width:20%; padding:2px 5px; background-color:#FFF; border:1px solid #AAA; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt10:focus{ border:1px solid #000; }
.txt20{ -webkit-appearance:none; max-width:150px; width:45%; padding:5px; background-color:#FFF; border:1px solid #AAA; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt20:focus{ border:1px solid #000; }
.txt30{ -webkit-appearance:none; max-width:300px; width:100%; padding:5px; background-color:#FFF; border:1px solid #AAA;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt30:focus{ border:1px solid #000; }
.txt100{ -webkit-appearance:none; width:100px; padding:5px; background-color:#FFF; border:1px solid #AAA; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:1em; }
.txt100:focus{ border:1px solid #000; }

p.dmsg{ font-size:0.7em; text-align:center; }
p.dmsg span{ font-weight:bold; }
p.ccap{ font-size:0.7em; text-align:center; margin:15px 0px; }
div#jouken{ border:1px solid #AAA; padding:10px; width:100%; height:180px; overflow:auto; margin:0px auto; line-height:15px; text-align:left; font-size:12px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
div#jouken p.cap1{ font-weight:bold; margin-top:20px; }
div#jouken p.cap11{ font-weight:bold; margin-top:0px; margin-bottom:10px; }
div#jouken p{ font-size:0.9em; color:#555; }
div#jouken p strong{ font-size:1.1em; }
div#jouken a{ font-size:0.9em; color:#555; }
div#jouken a:hover{ color:#999; }
p.kanryo{ font-size:0.8em; line-height:25px; text-align:center; }
p.kanryo2{ font-size:0.8em; line-height:25px; text-align:center; color:#CCC; }

li.redcolor{ color:#900; }
li.oracolor{ color:#F60; }

ul.step{ display:table; width:100%; margin-bottom:50px; border-top:0px solid #444; border-bottom:0px solid #444; }
ul.step li{ display:inline-table; vertical-align:middle; text-align:center; width:25%; font-size:0.8em; border-left:1px solid #191A34; padding:5px 0px; }
ul.step li.las{ border-right:none; }
ul.step li span{ display:block; font-weight:bold; }
ul.step li.non{ color:#AAA; background:#555; box-shadow:inset 0px 0px 7px #333; }
ul.step li.non span{ font-size:1.2em; color:#AAA; text-shadow:0px 1px 2px #000; }
ul.step li.act{ color:#DDD; background:#888; box-shadow:inset 0px 0px 7px #555; }
ul.step li.act span{ font-size:1.6em; color:#FFF; text-shadow:0px 1px 2px #333; }

/*works*/
.worksbg{ text-align:left; }
.worksbg .img{ position:relative; width:100%; padding-top:56.25%; margin-bottom:5px; background:no-repeat center; background-size:100%; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.worksbg .img:hover{ background-size:105%; }
.worksbg .img .mai{ position:absolute; top:5px; right:5px; display:inline-block; background:url(../img/img.png) center top no-repeat; background-size:22px; width:25px; padding-top:22px; font-size:10px; text-align:center; color:#FFF; text-shadow:0px 1px 2px #000; } 
.worksbg .img .megane{ position:absolute; opacity:0.0; filter:alpha(opacity=000); top:50%; left:50%; width:50px; margin-left:-25px; margin-top:-25px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } 
.worksbg .img:hover .megane{ opacity:1.0; filter:alpha(opacity=100); }
.worksbg p{ white-space:nowrap; overflow:hidden; }
.worksbg.w1 {}
.worksbg.w2 {}
.worksbg.w3 {}
.worksbg.w4 {}
.worksbg.w5 {}
.worksbg.w6 {}
.worksbg.w7 {}
.worksbg.w8 {}
.worksbg.w9 {}
.worksbg.w10{}
h2.prh2{ clear:both; color:#0066b1; text-align:left; line-height:50px; font-weight:bold; }
h2.prh2 span{ float:right; color:#CCC; font-weight:bold; padding-left:10px; }
p.h2b{ clear:both; width:30px; height:0px; border-bottom:3px solid #0066b1; }

/*太陽光maintenance*/
#solarbg{ background-size: cover; background-repeat: no-repeat; background-position: center bottom; padding: 25px 0px; }
#solarbg .tinfo-cap{  }
#solarbg .tinfo-cap h1{ color:#191A34; }
#solarbg .tinfo-cap h2{ font-weight:normal; padding-bottom:25px; }
#solarbg .Top123{ text-align:left; margin-top:50px; }
#solarbg .solar{ background:url(../img/w35.png); background-size:cover; background-position:center; background-repeat:no-repeat; }
#solarbg .Top123 h1{ color:#000; margin-bottom:5px; white-space:nowrap; overflow:hidden; }
#solarbg .Top123 h1 span{ color:#F60; font-weight:bold; font-size:1.5em; }
#solarbg .Top123 p{ text-align:justify; text-justify:inter-ideograph; }
#solarbg a.ip2{ display:block; background-color:#3E3A39; color:#FFF; font-weight:bold; text-align:center; white-space:nowrap; overflow:hidden; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#solarbg a.ip2:hover{ background-color:#666; text-shadow:0px 0px 3px #000; box-shadow:0px 0px 10px #000; }

.gra-txt1{ display:inline-block; font-weight:bold; background:linear-gradient(to right, #1A9AB0, #0E5C93); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; /* Firefox用 */ color: transparent; }
.cap-sen{ overflow:hidden; margin-bottom:25px; }
.cap-sen p{ position:relative; color:#0E5C93; display:inline-block; }
.cap-sen p span{ position:absolute; border-bottom:1px solid #0E5C93; display:block; width:1100px; margin-left:15px; left:100%; top:0.5em; margin-top:2px; }
.tcabg{ position:relative; width:100%; overflow:hidden; }
.tcabg .img{ background-size:cover; }
.tcabg .det{ position:absolute; background-color:#FFF; }
.tcabg .det .na{ }
.tcabg-l{}
.tcabg-l .img{}
.tcabg-l .det{}
.tcabg-l .det .cap1{ white-space:nowrap; overflow:hidden; }
.tcabg-l .det .cap2{ white-space:nowrap; overflow:hidden; }
.tcabg-r{}
.tcabg-r .img{}
.tcabg-r .det{}
.tcabg-r .det .cap1{ white-space:nowrap; overflow:hidden; }
.tcabg-r .det .cap2{ white-space:nowrap; overflow:hidden; }
.cap1{ font-weight:bold; font-family:'Cinzel',serif; letter-spacing:0.1em; }
.cap1 span{ font-size:1em; color:#0E5C93; margin-bottom:25px; }
.cin{ font-family:'Cinzel',serif; letter-spacing:0.1em; }
.cin span{ font-family:'Cinzel',serif; }

ul.flow{ }
ul.flow li{ list-style-type:none; border-bottom:1px dotted #888; padding-bottom:10px; }
ul.flow dd{  }
ul.flow{ position:relative; }
ul.flow1::before{ content:""; width:20px; height:100%; background:#D6E1F5; margin-left:-11px; display:block; position:absolute; top:0px; }
ul.flow2::before{ content:""; width:20px; height:100%; background:#FFF; margin-left:-8px; display:block; position:absolute; top:0px; }
ul.flow > li{ position:relative; }
ul.flow > li:not(:last-child){ }
ul.flow > li .icon{ font-size:12px; color:#FFF; background:url(../img/fgra.png); background-size:100% 100%; display:block; position:absolute; top:0px; z-index:100; }
ul.flow > li .icon span{ font-size:1em; color:#FFF; }
ul.flow > li .icon::after{ content:""; border-style:solid; border-width:5px 0px 5px 10px; border-color:transparent transparent transparent #0E5C93; position:absolute; top:50%; left:100%; -webkit-transform: translateY(-50%); transform:translateY(-50%); }
ul.flow > li dl{ position:relative; }
ul.flow > li dl::before, .flow > li dl::after{ content:""; display:block; position:absolute; top:15px; }
ul.flow > li dl::before{ width:7px; height:7px; margin-top:-3px; background:#333; border-radius:50%; left:-4px; }
ul.flow > li dl::after { border-bottom:1px dashed #999; position:absolute; left:5px; }
ul.flow > li dl dt{ font-weight:600; color:#0E5C93; margin-bottom:1vh; }

table.mprice{ border-top:1px solid #CCC; width:100%; }
table.mprice td{ border-bottom:1px solid #CCC; padding:12px 5px; }
table.mprice td.c0{ border-right:1px solid #CCC; background:#EDF1F5; }
table.mprice td.c1{ border-right:1px solid #CCC; }
table.mprice td.c2{ text-align:left; padding-left:10px; background:#EDF1F5; }
table.mprice td.c3{ text-align:left; padding-left:10px; }

.accordion-container{ margin:25px auto 0px; width:100%; }
.accordion-list:not(:first-child){ margin-top:10px; }
.accordion-title{}
.accordion-title:hover{ opacity:0.7; filter:alpha(opacity=70); }
.accordion-title:before{ position:absolute; content:''; top:50%; right:25px; height:2px; width:15px; background:#1A9AB0; transform:rotate(90deg); transition:all .3s ease-in-out; }
.accordion-title:after{ position:absolute; content:''; top:50%; right:25px; height:2px; width:15px; background:#1A9AB0; transition:all .3s ease-in-out; }
.accordion-title.open:before{ transform:rotate(180deg); }
.accordion-title.open:after{ opacity:0; }
.accordion-text{ border-left:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #DDD; display:none; padding:20px 40px; }
a.oto{ display:inline-block; background-color:#0E5C93; border-radius:3px; }
a.oto:hover{ box-shadow:0px 0px 10px #888; }
a.oto p{ color:#FFF; }

/*フッター*/
div.foot{ width:100%; margin-top:50px; padding:25px 0px; }
div.foot .f-left{ }
div.foot .f-left img.flogo{ }
div.foot .f-left div{ overflow:hidden; }
div.foot .f-left div p.add{ }
div.foot .f-left div a{ font-size:1em; }
div.foot .f-left div p.add a{ background:url(../img/access.png) no-repeat right center; }
div.foot .f-left div p.add a:hover{ text-decoration:underline; color:#000; }
div.foot .f-left ul.fmenu{  }
div.foot .f-left ul.fmenu li{ font-size:1em; }
div.foot .f-left ul.fmenu li a{ display:block; font-size:1em; }
div.foot .f-left ul.fmenu li a:hover{ text-decoration:underline; color:#000; }
div.foot .f-right{ }
div.foot .f-right a.tel{ display:inline-block; }
div.foot .f-right a.tel img{ width:100%; }
div.foot .f-right a.con{ background:url(../img/mail.png) no-repeat; border:1px solid #888; color:#888; display:inline-block; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
div.foot .f-right a.con:hover{ background-color:#F0F0f0; border:1px solid #F0F0F0; color:#000; box-shadow:0px 0px 5px #888; }

div.foot ul.follow{  }
div.foot ul.follow li{ float:left; text-align:left; }
div.foot ul.follow li.go{ width:40px; }
div.foot ul.follow li.fb{ width:86px;  }
div.foot ul.follow li.tw{ width:82px;  }

p.copy{ white-space:nowrap; overflow:hidden; color:#888; line-height:30px;  }

#pagetop{ position:fixed; width:100px; bottom:25px; right:15px; background:url(../img/pagetop.png) right bottom no-repeat; background-size:contain; text-align:center; z-index:1599; }

}