@charset "utf-8";
/* CSS Document */

@import "/css/site/print.css";

/* ------------------------------- */
/* Common */
/* ------------------------------- */

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
 
html{color:#333;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

a {
 color: #333;
}

a:hover {
 text-decoration: none !important;
}

img {
 -webkit-backface-visibility: hidden;
}

.margin-bottom-5 {
 margin-bottom: 5px;
}

.margin-bottom-10 {
 margin-bottom: 10px;
}

.margin-bottom-15 {
 margin-bottom: 15px;
}

.margin-bottom-20 {
 margin-bottom: 20px;
}

.margin-bottom-25 {
 margin-bottom: 20px;
}

.margin-bottom-30 {
 margin-bottom: 30px;
}

.margin-bottom-40 {
 margin-bottom: 40px;
}

.margin-bottom-50 {
 margin-bottom: 50px;
}

.margin-top-10 {
 margin-top: 10px;
}

.margin-top-15 {
 margin-top: 15px;
}

.margin-top-20 {
 margin-top: 20px;
}

.margin-top-30 {
 margin-top: 30px;
}

.padding-top-20 {
 padding-top: 20px;
}

.error {
 font-weight: bold;
 color: #F00;
}

.text-bold {
 font-weight: bold;
}

.text-red {
 color: #F00;
}


/* ------------------------------- */
/* Fonts */
/* ------------------------------- */

/* Lato & Noto Snas JP by Google Fonts */
body {
 font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* IE Hack Web Fonts */
@media all and (-ms-high-contrast:none) {
 body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
 }
}

.font-sans {
 font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.font-serif {
 font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo,serif;
}


/* ------------------------------- */
/* Site Width */
/* ------------------------------- */

@media (min-width: 1200px) {
 .container {
  max-width: 1094px;
 }
}


/* ------------------------------- */
/* Button */
/* ------------------------------- */

.btn {
 padding: 13px 20px;
 white-space: normal;
}

.btn.btn-sm {
  padding: 8px 12px;
}

/* bg:White & text:Black */

.btn-white-black {
 color: #333;
 background-color: #FFF;
 border: 2px solid #333;
}

a.btn-white-black:link,
a.btn-white-black:visited,
a.btn-white-black:active {
 color: #333;
}

a.btn-white-black:hover {
 color: #FFF;
 background-color: #333;
}

/* bg:White & text:Green */

.btn-white-green {
 color: #14A73B;
 background-color: #FFF;
 border: 2px solid #14A73B;
}

a.btn-white-green:link,
a.btn-white-green:visited,
a.btn-white-green:active {
 color: #14A73B;
}

a.btn-white-green:hover {
 color: #FFF;
 background-color: #14A73B;
}

/* bg:White & text:Blue */

.btn-white-blue {
 color: #0090D5;
 background-color: #FFF;
 border: 2px solid #0090D5;
}

a.btn-white-blue:link,
a.btn-white-blue:visited,
a.btn-white-blue:active {
 color: #0090D5;
}

a.btn-white-blue:hover {
 color: #FFF;
 background-color: #0090D5;
}

/* bg:Green & text:White */

.btn-green-white {
 color: #FFF;
 background-color: #14A73B;
}

a.btn-green-white:link,
a.btn-green-white:visited,
a.btn-green-white:active {
 color: #FFF;
}

a.btn-green-white:hover {
 color: #FFF;
}

/* bg:LightGreen & text:White */

.btn-lightgreen-white {
 color: #FFF;
 background-color: #229C73;
}

a.btn-lightgreen-white:link,
a.btn-lightgreen-white:visited,
a.btn-lightgreen-white:active {
 color: #FFF;
}

a.btn-lightgreen-white:hover {
 color: #FFF;
}

/* bg:Gold & text:White */

.btn-gold-white {
 color: #FFF;
 background-color: #A6964E;
}

a.btn-gold-white:link,
a.btn-gold-white:visited,
a.btn-gold-white:active {
 color: #FFF;
}

a.btn-gold-white:hover {
 color: #FFF;
}

/* bg:Orange & text:White */

.btn-orange-white {
 color: #FFF;
 background-color: #ED6A00;
}

a.btn-orange-white:link,
a.btn-orange-white:visited,
a.btn-orange-white:active {
 color: #FFF;
}

a.btn-orange-white:hover {
 color: #FFF;
}

/* bg:Gray & text:White */

.btn-gray-white {
 color: #FFF;
 background-color: #A3A2A1;
}

a.btn-gray-white:link,
a.btn-gray-white:visited,
a.btn-gray-white:active {
 color: #FFF;
}

a.btn-gray-white:hover {
 color: #FFF;
}

/* bg:Red & text:White */

.btn-red-white {
 color: #FFF;
 background-color: #FF0000;
}

a.btn-red-white:link,
a.btn-red-white:visited,
a.btn-red-white:active {
 color: #FFF;
}

a.btn-red-white:hover {
 color: #FFF;
}


/* ------------------------------- */
/* Label */
/* ------------------------------- */

.label-house {
 display: inline-block;
 margin: 0 10px 20px 0;
 padding: 5px 10px;
 color: #FFF;
 background-color: #14A73B;
}


/* ------------------------------- */
/* Background */
/* ------------------------------- */

.bg-white {
 padding: 50px 0;
 background-color: #FFF;
}

.bg-beige {
 padding: 50px 0;
 background: url(/img/site/common/bg_color01.png) repeat;
}

.bg-gray {
 padding: 50px 0;
 background-color: #F4F7F8;
}

.bg-dot {
 padding: 50px 0;
 background: url(/img/site/common/bg_dot02.png) repeat;
}


/* ------------------------------- */
/* Equal Height Columns */
/* ------------------------------- */

.row-eq-height {
 display: flex;
 flex-wrap: wrap;
}

/* Flexbox Safari bug */
.row-eq-height.container:before,
.row-eq-height.container:after,
.row-eq-height.row:before,
.row-eq-height.row:after {
 content: normal;
}


/* ------------------------------- */
/* slick
/* ------------------------------- */

.slick-prev:before,
.slick-next:before {
 color: #666;
}

/* ------------------------------- */
/* Header & Footer */
/* ------------------------------- */

/* Main Navi */

.main-navi {
 padding: 15px 0;
 background-color: #FFF;
}

.main-navi .flex {
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.main-navi .tel {
 display: flex;
 justify-content: center;
}

.main-navi .tel img {
 margin: 10px 0;
 width: 50%;
}

.main-navi .tel img:first-child {
 margin-right: 20px;
}

.main-navi nav {
 display: flex;
 justify-content: flex-end;
 margin-top: 3px;
}

.main-navi nav a {
 margin-right: 20px;
 padding-bottom: 3px;
 font-weight: bold;
 text-decoration: none;
 border-bottom: 1px dashed #666666;
}

.main-navi nav a:hover {
 color: #14A73B;
}

.main-navi .member-button {
 width: 200px;
}

.main-navi .member-button a {
 display: block;
 margin-top: 5px;
}

.main-navi .menu-btn {
 font-size: 28px;
}

@media (max-width: 1199px) {
 .main-navi .tel img {
  width: 45%;
 }
}

@media (max-width: 991px) {
 .main-navi h1 img {
  width: 140px;
  height: auto;
  margin: 5px;
 }

 .main-navi .tel-sp {
  text-align: center;
  /*
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  */
 }

 .main-navi .tel-sp img {
  width: 90%;
  margin: 3px 5px 5px 5px;
 }
 
 .main-navi .btn {
  padding: 5px;
 }
}

@media (max-width: 767px) {
 .main-navi h1 img {
  width: 100px;
 }
 /*
 .main-navi h1 img {
  width: 100px;
 }
 */
 
 .main-navi {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 5px 0 0 0;
  z-index: 100;
 }

 footer .main-navi {
  display: none;
 }
}

/* Sub Navi */

.sub-navi {
 margin-bottom: 10px;
}

.sub-navi .flex {
 display: flex;
 justify-content: space-around;
 align-items: stretch;
}

.sub-navi a {
 display: block;
 width: 100%;
 padding: 10px 0 15px 0;
 color: #4D4D4D;
 font-weight: bold;
 text-align: center;
 line-height: 1;
 border-bottom: 4px solid #FFF;
 border-left: 1px dashed #666666;
}

.sub-navi a:last-child {
 border-right: 1px dashed #666666;
}

.sub-navi a:hover {
 border-bottom: 4px solid #14A73B;
}

.sub-navi a span {
 display: block;
 margin-top: 8px;
 font-size: 12px;
}

/* ------------------------------- */
/* Header */
/* ------------------------------- */

header {
 line-height: 1;
}

header a:link,
header a:hover,
header a:visited,
header a:active {
 text-decoration: none;
}

@media (max-width: 767px) {
 header {
  margin-bottom: 50px;
 }
}

/* Pushy */

header .pushy ul {
 margin-bottom: 15px;
}

header .pushy .btn {
 margin: 15px;
 padding: 10px;
}


/* ------------------------------- */
/* BreadCrumbs */
/* ------------------------------- */

.breadcrumb {
 margin-top: 10px;
}


/* ------------------------------- */
/* Loan Link */
/* ------------------------------- */

#loan-link a {
 display: block;
 margin-bottom: 20px;
 padding: 15px;
 text-align: center;
 /*
 border: 1px solid #15A839;
 */
}

#loan-link h1 {
 margin: 10px;
 color: #15A839;
 font-size: 20px;
 font-weight: bold;
}

@media (max-width: 767px) {
 #loan-link p {
  margin-bottom: 20px;
 }
}


/* ------------------------------- */
/* Inspection Link */
/* ------------------------------- */

#inspection-link .row > div {
 margin-bottom: 30px;
}

#inspection-link .box {
 position: relative;
 display: block;
 height: 250px;
 padding: 15px 60px;
 text-align: center;
}

#inspection-link h1 {
 display: inline-block;
 width: 300px;
 margin: 10px 0 20px 0;
 padding: 8px;
 color: #FFF;
 font-size: 20px;
 font-weight: bold;
 border-radius: 5px;
}

#inspection-link p {
 text-align: left;
 line-height: 1.6;
}

#inspection-link a {
 position: absolute;
 bottom: 30px;
 left: 0;
 right: 0;
 display: inline-block;
 width: 160px;
 margin: auto;
 padding: 5px;
 text-align: center;
}

#inspection-link .seismic {
 border: 2px solid #D41C24;
}

#inspection-link .seismic a {
 color: #D41C24;
 border: 2px solid #D41C24;
}

#inspection-link .seismic h1 {
 background-color: #D41C24;
}

#inspection-link .flat {
 border: 2px solid #1B1464;
}

#inspection-link .flat a {
 color: #1B1464;
 border: 2px solid #1B1464;
}

#inspection-link .flat h1 {
 background-color: #1B1464;
}

#inspection-link .inspection {
 border: 2px solid #15A839;
}

#inspection-link .inspection a {
 color: #15A839;
 border: 2px solid #15A839;
}

#inspection-link .inspection h1 {
 background-color: #15A839;
}

#inspection-link .defect {
 border: 2px solid #E9537E;
}

#inspection-link .defect a {
 color: #E9537E;
 border: 2px solid #E9537E;
}

#inspection-link .defect h1 {
 background-color: #E9537E;
}

@media (max-width: 991px) {
 #inspection-link .box {
  padding: 15px 15px;
 }
}

@media (max-width: 767px) {
 #inspection-link .box {
  height: auto;
 }

 #inspection-link a {
  position: static;
 }

#inspection-link p {
  margin-bottom: 20px;
 }
}


/* ------------------------------- */
/* footer */
/* ------------------------------- */

footer {
 margin-top: 50px;
}

/* Profile */

footer .profile {
  padding-top: 30px;
  background-color: #14A73B
}

footer .profile img {
  margin-bottom: 30px;
}

/* Company */

footer .company .logo img {
 margin-right: 10px;
 margin-bottom: 5px;
}

footer .company .address {
 margin-top: 5px;
}

footer .company .address h1 {
 font-size: 16px;
 font-weight: bold;
}

footer .company .btn {
 float: right;
 margin: 5px 10px;
}

footer .copyright {
 color: #FFF;
 text-align: right;
 background-color: #14A73B;
}

@media (max-width: 767px) {
 footer .navi nav {
  flex-direction: column;
 }
 
 footer .navi nav a {
  margin: 15px 0;
 }
 
 footer .copyright {
  font-size: 11px;
 }
}


/* ------------------------------- */
/* class属性「checkbox-inline」で二段目以降の先頭がさがる問題対処 */
/* ------------------------------- */

/* 上書き */
.checkbox-inline {
 margin-right: 20px;
 margin-bottom: 10px;
}

/* 上書き */
.checkbox-inline + .checkbox-inline {
 margin-left: 0px;
 margin-right: 20px;
}


/* ------------------------------- */
/* No Tel-Link for PC */
/* ------------------------------- */
a[href^="tel:"] {
  pointer-events: none;
}


/* ------------------------------- */
/* for Home Innovation */
/* ------------------------------- */

/* Pager */
.pager li > a:hover {
 background-color: #F0F5F0;
}

.pager li.active > a {
 color: #FFF;
 background-color: #14A73B;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
 border-top-left-radius: 15px;
 border-bottom-left-radius: 15px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
 border-top-right-radius: 15px;
 border-bottom-right-radius: 15px;
}

@media (min-width: 768px) {
 .header-nav .pager {
  text-align: right;
 }
}