@charset "utf-8";

@media screen and (max-width: 670px) {

/* reset css */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}nav ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}/* change colours to suit your needs */ins {background-color:#ff9;color:#000;text-decoration:none;}/* change colours to suit your needs */mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}del {text-decoration: line-through;}abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}table {border-collapse:collapse;border-spacing:0;}/* change border colour to suit your needs */hr {display:block;height:1px;border:0; border-top:1px solid #cccccc;margin:1em 0;padding:0;}input, select {vertical-align:middle;}


/*
 * defaut style
 */
html { height: 100%; overflow-y: scroll; background:#647fce; font-size: 10px; }
body { /* min-height:100%; */  font-size: 100%; color: #575757; word-wrap: break-word; background: #fff; }
body { font-family: 'Noto Sans Japanese', sans-serif; }
table { word-break: break-word; }
img { max-width: 100%; height: auto; width: auto; vertical-align: bottom; border: none; }
li { list-style-type: none; }
p { margin-bottom: 1.8em; }
a { color: inherit; text-decoration: none; color:#667aad; outline:none; }
a:hover { text-decoration: underline; }
sup { position: relative; font-size: 100%; top: -5px; }
sub { position: relative; font-size: 100%; bottom: -5px; }
.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; height: 0; margin-top: -1px; }
.pc { display: none; }
.center { text-align:center; }
.right { text-align:right; }
hr { width:50px; margin:30px auto; }



/*
 * header & footer
 */

.container { }
.header { margin:0 auto; height:32px; background:#4667c5; }
.header > .inner { position:relative; }
#sp-menu { height:32px; position:absolute; right:0; top:0; width:29.5px; height:32px; }
#sp-menu img { height:100%; width:auto; }
#sp-menu.isopen { background:url(../img/sp/sp-close.png) no-repeat right top; background-size:auto 32px; }
#sp-menu.isopen img { display:none; }
.header-logo { width:112px; padding-top:9px; padding-left:7px; }
.header-gnav { display:none; background:rgba(238,238,238,0.95); box-shadow:0 4px 4px rgba(0,0,0,0.2); position:absolute; left:0; top:32px; width:100%; z-index:999; }
.header-gnav.isopen { display:block; }
.header-gnav > ul { border-bottom:5px solid #4667c5; }
.header-gnav > ul > li {}
.header-gnav > ul > li > a { display:block; border-bottom:1px solid #bbc4dd; padding:18px; font-size:15px;  }
.header-gnav > ul > li:last-child > a { border-bottom:none; }
.footer { background:#647fce; color:#fff; font-size:10px; padding:10px; }
.footer > .inner { margin:0 auto; padding:10px 0 }
.footer a { color:#fff; }
.footer p.center { text-align:left; line-height:140%; }
.footer-contact-block { border-bottom:1px solid #fff; border-top:1px solid #fff; padding:22px 25px; }
.footer-contact-block .tel { width:194px; margin:0 auto;  }
.footer-contact-block .form {  }
.footer-contact-block .form a { background:#859bd8; display:block; width:220px; margin:20px auto 0; border:2px solid #cfd7f0; border-radius:5px; padding:10px; text-align:center; }
.footer-contact-block .form a:hover { text-decoration:none; opacity:0.7; }
.footer .logo { width:52px; margin:20px auto 15px; text-align:center; }
.footer .address { line-height:160%; font-size:10px; text-align:center; }
.page-top { background:#fff; text-align:center; padding:15px; }
.page-top a { display:inline-block; width:51px; }
.page-top a:hover { opacity:0.7; }
.copyright { background:#647fce; color:#fff; font-size:10px; text-align:center; padding:15px;  }


/*
 * contents
 */
.contents { font-size:12px; background:url(../img/bg_contents.png) repeat; padding-bottom:0px; }
.contents > .wrapper { margin:0 auto; }
.topic-path { display:none; padding-top:20px; margin:0 auto 20px; position:relative; z-index:10; color:#667aad; }
.topic-path ul { position:relative; line-height:140%; }
.topic-path li { display:inline; }
.topic-path li:before { content:" > "; margin:0 5px; }
.topic-path li:first-child:before { content:""; margin:0; }

.main { background:#e6f5f4; padding:10px; font-size:12px; line-height:180%; }
.main.single { float:none; width:auto; }
.sub {  }
.main > .inner { background:#fff; border-top:3px solid #3b62af; padding:10px; }
.sub > .inner { background:#fff; }
.sub ul { border:1px solid #d5d5d5; }
.sub ul li { float:left; width:33% }
.sub ul li:nth-child(3n) { width:34%; }
.sub ul li a { display:block; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5;  padding:10px 0px; color:#575757; font-size:10px; text-align:center; }
.sub ul li a:hover { opacity:0.7; text-decoration:none; }
.sub ul li:nth-child(4) a,
.sub ul li:nth-child(5) a,
.sub ul li:nth-child(6) a { border-bottom:none; }
.sub ul li:nth-child(3) a { border-right:none; }

.pager { margin:40px 0; line-height:120%; }
.pager .nav-prev { float:left; width:45%; }
.pager .nav-prev a { display:block; background:url(../img/btn_prev.png) no-repeat left top; background-size:80px auto; padding-top:26px; }
.pager .nav-next { float:right; width:45%; text-align:right; }
.pager .nav-next a { display:block; background:url(../img/btn_next.png) no-repeat right top; background-size:80px auto; padding-top:26px; }



/* 汎用 */
section { padding:0;  }
section .inner { margin:0 auto; }
.hover:hover { opacity:0.7; text-decoration:none; }
.btn01 > a { display:inline-block; text-align:center; font-size:11px; padding:6px 28px; background:#7f96d7; color:#fff; border-radius:5px; }
.btn01 > a:hover { opacity:0.7; text-decoration:none; }
.btn02 > a,
.wpcf7-submit { cursor:pointer; display:inline-block; text-align:center; font-size:13px; padding:10px 20px; background:#f6fbfb; color:#9fb6c5; border:1px solid #9fb6c5; border-radius:5px; letter-spacing:0.2em; }
.btn02 > a:hover,
.wpcf7-submit:hover { opacity:0.7; text-decoration:none; }
.btn03 > a { display:inline-block; font-family: 'Oswald', sans-serif; font-weight:400; text-align:center; font-size:12px; padding:8px 30px; background:#d9e4ec; color:#3b62af; }
.btn03 > a:hover { opacity:0.7; text-decoration:none; }
.btn04 > a { display:inline-block; font-weight:bold; text-align:center; font-size:12px; padding:8px 20px; background:#d9e4ec; color:#3b62af; }
.btn04 > a:hover { opacity:0.7; text-decoration:none; }
.arrow-link  { display:inline-block; margin-right:30px; margin-bottom:8px; }
.arrow-link a { background:url(../img/arrow01.png) no-repeat left center; background-size:auto 12px; padding-left:12px; line-height:18px; font-size:12px; display:block; }


.sub-ttl01 { position:relative; font-size:14px; font-weight:bold; border-left:4px solid #97acd5; padding:7px 15px; margin-bottom:1em; margin-top:30px; letter-spacing:0.1em; }
.sub-ttl01:before { position:absolute; left:0; top:0; content:""; display:block; width:4px; height:100%; background:#e5e7ec; }
.sub-ttl01:first-child { margin-top:0; }
.sub-ttl02 { font-size:12px; color:#517c9c; font-weight:bold; letter-spacing:0.1em;	margin-bottom:1em; margin-top:45px; }
.sub-ttl03 { font-size:16px; color:#3b62af; font-weight:bold; padding:5px 15px 15px; margin-left:-10px; margin-right:-10px; border-bottom:1px solid #3b62af; margin-bottom:15px; }
.catchcopy { font-size:16px; color:#204e9b; font-weight:bold; margin-bottom:1.5em; }

.box01 { margin-top:40px; }
.box01:first-child  { margin-top:0; }
.box01 .box-left {   }
.box01 .box-right {   }
.box02 { margin-top:40px; }
.box02:first-child  { margin-top:0; }
.box02 .box-left {  }
.box02 .box-right {  }

.box-gray { margin-bottom:2em; background:#f7f7f7; border-radius:10px; padding:30px; margin-top:40px; }

.basic-list { margin-bottom:2.5em; }
.basic-list li { list-style-type:disc; margin-left:20px;  }

.basic-table { margin-bottom:2.5em; border-top:1px solid #cdd7eb; border-bottom:1px solid #cdd7eb; width:100%; }
.basic-table th { background:#194d76; color:#fff; font-weight:normal; border-bottom:1px solid #cdd7eb; width:80px; padding:8px; }
.basic-table td { border-bottom:1px solid #cdd7eb; padding:8px; }
.basic-table02 { border-top:1px solid #cccccc; border-left:1px solid #cccccc; width:100%; }
.basic-table02 th,
.basic-table02 td { font-weight:normal; text-align:left; vertical-align:top; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; padding:4px 10px; }
.basic-table02 th { width:120px; }
.basic-table03 { margin-bottom:2.5em; border-top:1px solid #cdd7eb; border-bottom:1px solid #cdd7eb; border-right:1px solid #cdd7eb; width:100%; }
.basic-table03 th { background:#3962b5; color:#fff; font-weight:normal; border-bottom:1px solid #cdd7eb; width:80px; padding:8px; }
.basic-table03 td { border-bottom:1px solid #cdd7eb; padding:8px;  }

.page-ttl-area { position:relative; background:url(../img/bg_page_ttl_photo.jpg) no-repeat center center; background-size:cover; height:92px; }
.page-ttl { color:#fff; width:100%; text-align:center; background:url(../img/bg_page_ttl.png) no-repeat center center; background-size:140px auto; }
.page-ttl .eng { font-family: 'Oswald', sans-serif; font-weight:400; font-size:16px; letter-spacing:0.25em; padding-bottom:11px; }
.page-ttl .jp { font-weight:400; font-size:16px; letter-spacing:0.2em; padding-top:8px; }
.page-ttl-area .page-ttl { position:absolute; top:50%; margin-top:-26px; }

.info-ttl { font-family: 'Oswald', sans-serif; font-weight:400; color:#517c9c; background:#d9e4ec; font-size:12px; letter-spacing:0.1em; padding:1px 5px; margin-right:5px; display:inline-block; min-width:28px; text-align:center; margin-bottom:5px; }
.info-text { font-family: 'Oswald', sans-serif; font-weight:400; color:#517c9c; font-size:12px; letter-spacing:0.1em; }


/* home */
body.home .main.single { padding:0; background:transparent; }
.sp-slide img { width:100%; }
.panels { padding:10px; }
.panels > .row { margin-bottom:1.05097214923805%; }
.panels > .row:last-child { margin-bottom:0; }
.panels > .row > .item { background:#fff; margin-bottom:10px; }
.panels > .row > .item > .inner { height:auto!important; }
.panels > .row > .item .img { position:relative; }
.panels > .row > .item .img img { display:block; width:100%; }
.panels > .row > .item .page-ttl { }
.panels > .row > .item .page-ttl .eng { font-size:12px; padding-bottom:8px;  }
.panels > .row > .item .page-ttl .jp { font-size:11px; padding-top:4px;  }
.panels > .row > .item.service .page-ttl,
.panels > .row > .item.company .page-ttl,
.panels > .row > .item.renovation .page-ttl { position:absolute; top:50%; margin-top:-29px; }
.panels > .row > .item.forsale .page-ttl,
.panels > .row > .item.forrent .page-ttl,
.panels > .row > .item.news .page-ttl { color:#636060; background:url(../img/bg_page_ttl02.png) no-repeat center center; margin-top:30px; margin-bottom:10px; }
.panels > .row > .item .img:hover { opacity:0.7; }
.panels > .row > .item .img a { text-decoration:none; }
.panels > .row > .item:last-child { margin-right:0; }
.panels > .row > .item > .inner { border:1px solid #84a0b2; }
.panels > .row > .item .text { font-size:12px; padding:4.63576158940397%; text-align:center; line-height:140%; }
.panels > .row > .item .text.news { font-size:10px; text-align:left; padding:7.45033112582781% 0; width:85%; margin:0 auto; /* overflow:hidden; */ }
.panels > .row > .item .text.news ul { margin-bottom:30px; }
.panels > .row > .item .text.news li { position:relative; background:url(../img/arrow02.png) no-repeat left 1px; line-height:140%; padding-left:90px; margin-bottom:10px; /* white-space:nowrap; */ }
.panels > .row > .item .text.news .date { position:absolute; left:15px; top:0px; }
.panels > .row > .item .link { padding:0 4.63576158940397% 4.63576158940397%; text-align:center; }
.panels > .row > .item .link li { display:inline-block; margin-right:4.96688741721854%; margin-bottom:8px; }
.panels > .row > .item .link li:last-child { margin-right:0; }
.panels > .row > .item .link a { background:url(../img/arrow01.png) no-repeat left center; background-size:auto 12px; padding-left:12px; line-height:18px; font-size:12px; display:block; }


/* service */
.service-menu {  }
.service-menu li { margin-bottom:10px; width:48.5%; }
.service-menu li:nth-child(2n+1){ float:left; }
.service-menu li:nth-child(2n){ float:right; }
.service-menu li a:hover { opacity:0.7; }


/* company */
#map_canvas { margin-left:0; margin-bottom:1.5em; width:100%; }
.profile-photo { position:relative;  }
.profile-photo img { width:200px; }
.profile-name { font-size:12px; margin-top:1em; }
.mission-message { background:#194d76; color:#fff; font-size:15px; text-align:center; margin-left:-10px; margin-right:-10px; line-height:180%; padding:20px 0px; margin-bottom:0; }
.mission-message2 { background:#f9fafc; color:#000; font-size:12px; margin-left:-10px; margin-left:-10px; margin-right:-10px; line-height:180%; padding:10px 10px; }
.group-item { border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; margin-bottom:14px; }
.group-item .texts { display:table; width:100%; padding:10px; }
.group-item .name { display:table-cell; vertical-align:middle; font-size:13px; font-weight:bold; padding-right:10px; }
.group-item .info { display:table-cell; width:150px; }
.group-item .info > *:first-child { margin-bottom:8px; display:block; }
.group-item .more { display:none; }
.group-item .arrow { cursor:pointer; padding:8px; height:13px; background:url(../img/arrow_down01.png) no-repeat center center #f5f5f5; background-size:15px auto; }
.group-item .arrow.open { background-image:url(../img/arrow_up01.png);  }
.kanazawa-banner { margin:20px 0;}
.label-tel,
.label-fax { width:30px; display:inline-block; }
.kanazawa-banner a { margin-bottom: 10px; display: block;}


/* renovation */
.renovation-items .item { float:none!important; border-bottom:2px solid #6682bc; padding-bottom:14px; margin-bottom:14px; }
.renovation-items .main-photo img { width:100%; }
.renovation-items .before-after img { /* max-width:none; */ }
.renovation-items .before { position:relative; width:95px; height:86px; overflow:hidden; float:left; margin-right:10px; }
.renovation-items .before:after { position:absolute; content:"BEFORE"; display:inline-block; right:0; bottom:0; background:#fd0505; padding:3px 8px; line-height:12px; color:#fff; font-size:10px; }
.renovation-items .after { position:relative; width:95px; height:86px; overflow:hidden; float:left; }
.renovation-items .after:after { position:absolute; content:"AFTER"; display:inline-block; right:0; bottom:0; background:#0485fc; padding:3px 8px; line-height:12px; color:#fff; font-size:10px; }
.renovation-items .name { font-size:13px; color:#3b62af; font-weight:bold; margin-right:5px; line-height:120%; margin:12px 0; }
.renovation-items .address { display:block; font-size:10px; font-weight:normal; color:#9b9b9b; }
.renovation-items .tag { margin:12px 0; }
.renovation-items .tag > span { display:inline-block; background:#c8c8c8; color:#fff; font-size:11px; margin-right:10px; padding:6px 10px; line-height:13px; }
.renovation-items .report { margin-top:12px; }
.renovation-items .report a { display:block; color:#fff; font-size:11px; text-align:center; padding:5px; }
.renovation-items .report a:hover { opacity:0.7; display:block; text-decoration:none; }
.renovation-items .report-btn01 { float:left; width:120px; margin-right:2px; }
.renovation-items .report-btn02 { float:left; width:120px; }
.renovation-items .report-btn01 a { background:#7892e2; }
.renovation-items .report-btn02 a { background:#ee9090; }


/* forsale */
.banner-list { text-align:center; }
.banner-list .banner { margin-bottom:5px; }
.banner-list .banner:last-child { margin-right:0; }
.results .item { margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #eee; }
.results .item.hide { display:none; }
.results .thumb {padding:9px; border:1px solid #cfc8e3; margin-bottom:10px; }
.results .thumb img { width:100%;}
.results .texts { }
.results .name { margin-bottom:10px; }
.results .name a { font-size:13px; color:#80a9e7; background:url(../img/arrow04.png) no-repeat left center; background-size:7px auto; line-height:19px; padding-left:15px; text-decoration:underline; display:inline-block }
.results .name a:hover { text-decoration:none; }
.more-result { margin-bottom:20px; }
.photo-gallery { margin-bottom:30px; }
.photo-gallery .main-photo img { width:100%; }
.photo-gallery .thumb-list { margin:20px 0;}
.photo-gallery .thumb-photo { width:75px; height:56px; border:1px solid #e8e8e8; overflow:hidden; margin-right:8px; margin-bottom:8px; float:left; }
.article-contact { display:table; width:100%; margin-bottom:15px; }
.article-contact .form { vertical-align:middle; background:#f6f7fa; text-align:center; font-size:14px; color:#5e7fc3; padding:10px; }
.article-contact .form .btn { margin-top:10px; }
.article-contact .form .btn a { color:#fff; display:block; background:url(../img/arrow05.png) no-repeat 552px center #5e7fc3; padding:10px; }
.article-contact .form .btn strong { display:block; }
.article-contact .info { vertical-align:middle; background:#d3dbea; text-align:center; color:#3f4a60; padding:10px; }
.article-contact .info .name { font-size:10px; font-weight:bold; }
.article-contact .info .tel { font-size:20px; font-family: 'Oswald', sans-serif; font-weight:400; letter-spacing:0.1em; margin:3px 0; }
.article-contact .info .time { font-size:8px; }



/* news */
.news-list { font-size:11px; text-align:left; margin:0 auto 20px;}
.news-list ul { margin-bottom:15px; }
.news-list li { position:relative; background:url(../img/arrow02.png) no-repeat left 12px; background-size:6px auto; line-height:140%; border-bottom:1px solid #ebebeb; padding:10px 10px 10px 80px; }
.news-list li.hide { display:none; }
.news-list .date { position:absolute; left:12px; top:10px; }
.prev-next { position:relative; font-family: 'Oswald', sans-serif; font-weight:400; font-size:12px; }
.prev-next a { color:#3b62af; }
.prev-next .prev a { background:url(../img/arrow_prev.png) no-repeat left center; background-size:10px auto; padding-left:15px; position:absolute; left:0; top:12px; }
.prev-next .next a { background:url(../img/arrow_next.png) no-repeat right center; background-size:10px auto; padding-right:15px; position:absolute; right:0; top:12px; }
.back-news-list { margin-top:0px; }


/* contact */
.mail-form { border-top:1px solid #ededed; margin-top:20px; padding-top:40px; padding-bottom:40px; }
.mail-form .required { color:#F00; font-weight:bold; }
.mail-form table,
.mail-form tbody,
.mail-form thead,
.mail-form tr { display:block; }
.mail-form th { display:block; padding-top:5px; vertical-align:top; text-align:left; }
.mail-form td { display:block; padding-bottom:10px; }
.mail-form input[type=text],
.mail-form input[type=email],
.mail-form textarea { width:90%; border:1px solid #ccc; background:#f3f3f3; border-radius:5px; padding:10px; }
.mail-form textarea { }
.mail-form input[type=submit],
.mail-form .submit-btn { margin-top:10px; }
.wpcf7-not-valid-tip { display:block; color:#F00; }
.wpcf7-response-output.wpcf7-validation-errors { display:none; }
.wpcf7-response-output.wpcf7-mail-sent-ok { background:#f4fff2; color:#88cf7e; text-align:center; padding:20px; }


/* wordpress 標準スタイル継承 */
.blog-article .article  .alignleft {
	float: left;
	margin: 0 7.14285714285714% 7.14285714285714% 0;
	width:47.14285714285714%;
}

.blog-article .article  .alignright {
	float: right;
	margin: 0 0 7.14285714285714% 7.14285714285714%;
	width:47.14285714285714%;
}

.blog-article .article  .aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 7.14285714285714%;
}

.blog-article .article  blockquote.alignleft,
.blog-article .article  blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.blog-article .article  blockquote.alignleft p,
.blog-article .article  blockquote.alignright p {
	margin-bottom: 17px;
}

.blog-article .article  ul,
.blog-article .article  ol {
	list-style: none;
	margin: 0 0 24px 20px;
	padding-left: 0;
}

.blog-article .article  ul li {
	list-style: disc;
}

.blog-article .article  ol li {
	list-style: decimal;
}

.blog-article .article  li > ul,
.blog-article .article  li > ol {
	margin: 0 0 0 20px;
}

.blog-article.topics a,
.blog-article.seminar a,
.blog-article.employee a { color:#008ae5; }


}