@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*
font-family: 'Noto Sans Japanese', sans-serif; font-weight:400; --- normal
font-family: 'Noto Sans Japanese', sans-serif; font-weight:700; --- bold
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,600,700);
/*
font-family: 'Open Sans', sans-serif; font-weight:400; --- normal
font-family: 'Open Sans', sans-serif; font-weight:600; --- Semibold
font-family: 'Open Sans', sans-serif; font-weight:700; --- Bold
font-family: 'Open Sans', sans-serif; font-weight:800; --- Extrabold
 */

@import url(https://fonts.googleapis.com/css?family=Oswald);


@media screen and (min-width: 671px) {
/* 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; min-width: 1000px; overflow: hidden; 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: 2.5em; }
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; }
.sp { display: none; }
.center { text-align:center; }
.pc-center { text-align:center; }
.right { text-align:right; }
.pc-right { text-align:right; }
hr { width:50px; margin:40px auto; }

/*
 * header & footer
 */

.container { }
.header { font-size:15px; margin:0 auto; color:#fff; z-index:10; background:#4667c5; width:100%; min-width:1000px; }
.header > .inner { position:relative; padding:45px 50px 32px; }
.header-logo { position:relative; }
.header-gnav { position:absolute; top:70px; right:50px; }
.header-gnav > ul > li { float:left; margin-right:15px; }
.header-gnav > ul > li:last-child { margin-right:0; }
.header-gnav > ul > li:before { content:"|"; display:inline; margin-right:15px; }
.header-gnav > ul > li:last-child:after { content:"|"; display:inline; margin-left:15px; }
.header-gnav > ul > li > a { text-decoration:none; position:relative; z-index:1100; color:#fff; font-size: 14.5px; }
.header-gnav > ul > li > a:hover { text-decoration:underline; }
.footer { background:#647fce; color:#fff; font-size:14px; }
.footer > .inner { max-width:796px; margin:0 auto; padding:50px 0 }
.footer a { color:#fff; }
.footer-contact-block { border-bottom:1px solid #fff; border-top:1px solid #fff; padding:45px 50px; }
.footer-contact-block .tel { float:left; }
.footer-contact-block .form { float:right; }
.footer-contact-block .form a { background:#859bd8; display:block; width:300px; border:2px solid #cfd7f0; border-radius:5px; padding:17px; text-align:center; }
.footer-contact-block .form a:hover { text-decoration:none; opacity:0.7; }
.footer .logo { text-align:center; margin-top:50px; margin-bottom:25px; }
.footer .address { line-height:160%; font-size:12px; 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:14px; background:url(../img/bg_contents.png) repeat; padding-bottom:40px; }
.contents > .wrapper { width:1000px; margin:0 auto; }
.topic-path { 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 { width:684px; float:right; background:#e6f5f4; padding:18px; font-size:13px; line-height:180%; }
.main.single { float:none; width:auto; }
.sub { width:224px; float:left; background:#e6f5f4; padding:18px;  }
.main > .inner { background:#fff; border-top:3px solid #3b62af; padding:25px; }
.sub > .inner { background:#fff; border-top:3px solid #3b62af; }
.sub ul li a { display:block; border-bottom:1px dotted #dcdcdc; padding:20px 12px; color:#575757; background:url(../img/arrow03.png) no-repeat 198px center; font-size:15px; letter-spacing:0.2em; }
.sub ul li a:hover { opacity:0.7; text-decoration: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:13px; 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:17px; padding:12px 35px; 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:15px; padding:12px 50px; 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:15px; padding:12px 50px; 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; padding-left:16px; line-height:18px; font-size:14px; display:block; }


.sub-ttl01 { position:relative; font-size:20px; font-weight:bold; border-left:4px solid #97acd5; padding:7px 15px; margin-bottom:1.5em; margin-top:55px; 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:16px; color:#517c9c; font-weight:bold; letter-spacing:0.1em;	margin-bottom:1.5em; margin-top:45px; }
.sub-ttl03 { font-size:23px; color:#3b62af; font-weight:bold; padding:5px 30px 30px; margin-left:-25px; margin-right:-25px; border-bottom:1px solid #3b62af; margin-bottom:25px; }
.catchcopy { font-size:20px; color:#204e9b; font-weight:bold; margin-bottom:1.5em; }

.box01 { margin-top:40px; }
.box01:first-child  { margin-top:0; }
.box01 .box-left { width:66.66666666666667%; float:left; }
.box01 .box-right { width:26.66666666666667%; float:right; }
.box02 { margin-top:40px; }
.box02:first-child  { margin-top:0; }
.box02 .box-left { width:62%; float:left; }
.box02 .box-right { width:33%; float: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:140px; padding:16px 0; }
.basic-table td { border-bottom:1px solid #cdd7eb; padding:16px 0; padding-left:40px; }
.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:140px; padding:16px 0; }
.basic-table03 td { border-bottom:1px solid #cdd7eb; padding:16px 0; padding-left:40px; }

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

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


/* home */
body.home .header { position:absolute; left:0; top:0; background:none; }
body.home .header-gnav { position:relative; top:auto; right:auto; margin-top:35px; }
body.home .main.single { padding:0; background:transparent; }
.sp-slide img { width:100%; }
.panels { padding:1.05097214923805%; }
.panels > .row { margin-bottom:1.05097214923805%; }
.panels > .row:last-child { margin-bottom:0; }
.panels > .row > .item { width:32.54437869822485%; float:left; margin-right:1.07584722969338%; background:#fff; }
.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:17px; padding-bottom:16px;  }
.panels > .row > .item .page-ttl .jp { font-size:16px; padding-top:12px;  }
.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:16px; padding:4.63576158940397%; text-align:center; line-height:140%; }
.panels > .row > .item .text.news { font-size:13px; 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; padding-left:16px; line-height:18px; font-size:14px; display:block; }


/* service */
.service-menu { width:624px; }
.service-menu li { margin-bottom:22px; }
.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:-25px; margin-bottom:2.5em; width:684px!important; }
.profile-photo { position:relative; left:-10px;}
.profile-name { font-size:12px; margin-top:1em; }
.mission-message { background:#194d76; color:#fff; font-size:28px; text-align:center; margin-left:-25px; width:684px; line-height:180%; padding:20px 0px; margin-bottom:0; }
.mission-message2 { background:#f9fafc; color:#000; font-size:15px; text-align:center; margin-left:-25px; width:684px; line-height:180%; padding:25px 0px; }
.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:15px; font-weight:bold; padding-left:10px; }
.group-item .info { display:table-cell; width:166px; }
.group-item .info > *:first-child { margin-bottom:12px; display:block; }
.group-item .more { display:none; }
.group-item .arrow { cursor:pointer; padding:12px; height:13px; background:url(../img/arrow_down01.png) no-repeat center center #f5f5f5;  }
.group-item .arrow.open { background-image:url(../img/arrow_up01.png); }
.kanazawa-banner { margin:20px 0;}
.label-tel,
.label-fax { width:32px; display:inline-block; }
.kanazawa-banner a { margin-right: 10px; }


/* renovation */
.renovation-items .item { width:31.15124153498871%; margin-right:3.27313769751693%; border-bottom:2px solid #6682bc; padding-bottom:28px; margin-bottom:28px; }
.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:11px; }
.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:11px; }
.renovation-items .name { font-size:15px; color:#3b62af; font-weight:bold; margin-right:5px; line-height:120%; margin:20px 0; }
.renovation-items .address { display:block; font-size:13px; font-weight:normal; color:#9b9b9b; }
.renovation-items .tag { margin:18px 0; }
.renovation-items .tag > span { display:inline-block; background:#c8c8c8; color:#fff; font-size:13px; margin-right:10px; padding:6px 10px; line-height:13px; }
.renovation-items .report { margin-top:18px; }
.renovation-items .report a { display:block; color:#fff; font-size:13px; 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:141px; margin-right:2px; }
.renovation-items .report-btn02 { float:left; width:141px; }
.renovation-items .report-btn01 a { background:#7892e2; }
.renovation-items .report-btn02 a { background:#ee9090; }
.renovation-items .report-btn03 { float:none; width:284px; margin:0; }
.renovation-items .report-btn03 a { background:#bed7eb; color: #5b84bd;}


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

#map_canvas.article { margin-left:-25px; margin-bottom:2.5em; width:964px!important; }


/* news */
.news-list { font-size:13px; text-align:left; margin:0 auto;}
.news-list ul { margin-bottom:30px; }
.news-list li { position:relative; background:url(../img/arrow02.png) no-repeat left 17px; line-height:140%; border-bottom:1px solid #ebebeb; padding:15px 15px 15px 90px; }
.news-list li.hide { display:none; }
.news-list .date { position:absolute; left:15px; top:15px; }
.prev-next { position:relative; font-family: 'Oswald', sans-serif; font-weight:400; font-size:15px; position:relative; }
.prev-next a { color:#3b62af; display:inline-block; }
.prev-next .prev a { background:url(../img/arrow_prev.png) no-repeat left center; padding-left:18px; position:absolute; left:0; top:12px; }
.prev-next .next a { background:url(../img/arrow_next.png) no-repeat right center; padding-right:18px; 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 th { text-align:right; padding-right:40px; padding-top:5px; width:140px; vertical-align:top; }
.mail-form td { padding-bottom:30px; }
.mail-form input[type=text],
.mail-form input[type=email],
.mail-form textarea { border:1px solid #ccc; background:#f3f3f3; border-radius:5px; padding:10px; }
.mail-form textarea { width:470px; }
.mail-form input[type=submit] { margin-top:25px; }
.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; }


}

.wpcf7-form-control-wrap.your-bukken{
	display: none;
}
.wpcf7-list-item{
	display: block;
}
.screen-reader-response ul{
	display: none;
}


@media screen and (min-width: 671px)  and (max-width: 1440px) {
	.header-gnav { position:relative; top:auto; right:auto; margin-top:35px; }
    .header-gnav > ul > li { margin-right: 13px; }
	.header-gnav > ul > li > a { font-size: 12.5px; }
}




/* IE10～11 hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/*body:not(:target) { font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }*/
}

/* 25周年ロゴ */
/*
body.home #main .slider-pro:after{
    position: absolute;
    top: 19px;
    right: 32px;
    content: "";
    background-size: 100%;
    width: 470px;
    height: 133px;
    z-index: 10;
    background-image: url(../img/25th.png);
    background-repeat: no-repeat;
}
@media screen and (min-width: 671px)  and (max-width: 1440px) {
body.home #main .slider-pro:after{
    top: 27px;
    right: 20px;
    width: 260px;
    height: 75px;}
}
@media screen and (max-width: 671px)   {
body.home #main .slider-pro:after{
    top: 12px;
    right: 12px;
    width: 150px;
    height: 59px;}
}
*/