@charset "UTF-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

form button:hover { cursor: pointer; cursor: hand; opacity: 0.8; }

.wysiwyg iframe { max-width: 100%; }

.img-fluid { max-width: 100%; height: auto; }

@media screen and (min-width: 768px), print { /* bese */
  body { font-family: -apple-system, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 16px; line-height: 1.8; font-weight: 500; min-width: 1370px; }
  .container { width: 1280px; margin: 0 auto; padding-left: 40px; padding-right: 40px; }
  .container:before, .container:after { display: table; content: " "; }
  .container:after { clear: both; }
  header { position: relative; height: 120px; }
  header .container { max-width: 1200px; padding-left: 50px; padding-right: 50px; }
  header .h-logo { padding: 15px 0 0 0; }
  header .h-bnr { position: absolute; right: 110px; top: 10px; }
  header .h-menu { width: 80px; height: 80px; position: fixed; right: 10px; top: 10px; z-index: 10; cursor: pointer; }
  .gnav { height: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .gnav .gnav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.9375rem; font-weight: 700; letter-spacing: .075em; line-height: 1; }
  .gnav .gnav-list li:before { content: ""; height: 20px; width: 1px; display: inline-block; vertical-align: middle; background-color: #272727; margin: 0 28px; }
  .gnav .gnav-list li:first-child:before { display: none; }
  .gnav .gnav-list .gnav-home { margin-right: 60px; }
  .gnav .gnav-list .gnav-home + li:before { display: none; }
  .gmenu { display: none; background-color: rgba(69, 69, 69, 0.95); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; color: #fff; }
  .gmenu a { color: #fff; }
  .gmenu .sns-list li { margin: 0 15px; }
  .gmenu-close { cursor: pointer; position: absolute; right: 10px; top: 10px; width: 80px; height: 80px; }
  .gmenu-wrap { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }
  .gmenu-container { padding: 140px 0 50px; min-width: 1100px; margin: 0 auto; }
  .gmenu-logo { text-align: center; margin: 30px 0; }
  .gmenu-contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 10px; margin-bottom: 30px; }
  .gmenu-tel { font-family: "Roboto Slab", serif; font-size: 2.75rem; font-weight: 700; letter-spacing: .07em; background: url("../images/common/icon-tel-w.png") left center no-repeat; padding: 0 10px 0 48px; }
  .gmenu-bnr { padding: 0 20px; }
  .gmenu-row { width: 670px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto 50px; }
  .gmenu-list li { margin-bottom: 7px; font-size: 0.875rem; letter-spacing: .1em; }
  .gmenu-list li:before { content: "> "; }
  .sns-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; }
  .gmenu-address { text-align: center; font-size: 0.875rem; letter-spacing: .05em; }
  .end-contact { background: urL("../images/page-common/end-contact-bg.jpg") center top/cover no-repeat; padding: 130px 0 0; }
  .end-contact__block { width: 1080px; margin: 0 auto -80px; position: relative; z-index: 2; }
  .end-contact__wrap { background: url("../images/page-common/end-contact-block.png") center top/100% 100% no-repeat; position: relative; padding: 60px 0 50px; }
  .end-contact__label { position: absolute; left: 155px; top: -24px; }
  .end-contact__head { background: url("../images/page-common/end-contact-head.png") center bottom no-repeat; text-align: center; font-family: "Noto Serif JP", serif; font-size: 1.125rem; font-weight: 700; letter-spacing: .1em; color: #2e5070; line-height: 1.5; margin-bottom: 5px; position: relative; z-index: 2; }
  .end-contact__ttl { background: url("../images/page-common/end-contact-ttl.png") center bottom no-repeat; color: #2e5070; font-family: "Noto Serif JP", serif; font-size: 2.5rem; letter-spacing: .025em; font-weight: 700; text-align: center; line-height: 1.5; padding-bottom: 5px; margin-bottom: 25px; position: relative; z-index: 2; }
  .end-contact__description { text-align: center; font-size: 0.9375rem; letter-spacing: .1em; line-height: 1.86666; font-weight: 700; position: relative; z-index: 2; }
  .end-contact__image { position: absolute; left: 0; bottom: 0; width: 100%; padding-left: 65px; text-align: center; }
  .end-contact__btns { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .end-contact__tel, .end-contact__btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  footer { position: relative; }
  footer .f-pagetop { position: fixed; right: 0; bottom: 0; z-index: 996; -webkit-transition: visibility 0s ease .4s, opacity .4s ease-out; transition: visibility 0s ease .4s, opacity .4s ease-out; visibility: hidden; opacity: 0; }
  .body-scroll-on footer .f-pagetop { -webkit-transition: visibility 0s ease, opacity .4s ease-out; transition: visibility 0s ease, opacity .4s ease-out; visibility: visible; opacity: 1; }
  footer .f-gallery { height: 300px; background: url("../images/common/f-gallery.jpg") center bottom repeat-x; }
  footer .f-main { min-height: 600px; padding: 55px 0 90px; background: url("../images/common/f-bg.jpg") center top/cover no-repeat; color: #fff; position: relative; }
  footer .f-main a { color: #fff; }
  footer .f-container { display: -webkit-box; display: -ms-flexbox; display: flex; }
  footer .f-menu { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
  footer .f-home-link { font-size: 0.875rem; letter-spacing: .05em; margin-bottom: 40px; }
  footer .gmenu-row { margin: 0; }
  footer .f-info { -webkit-box-flex: 0; -ms-flex: 0 1 450px; flex: 0 1 450px; text-align: center; border-left: 1px solid #fff; padding-top: 30px; padding-right: 25px; }
  footer .f-logo { text-align: center; margin-bottom: 20px; }
  footer .f-address { font-size: 0.875rem; letter-spacing: .05em; line-height: 1.857; margin-bottom: 25px; }
  footer .sns-list li { margin: 0 15px; }
  footer .f-copyright { position: absolute; left: 0; bottom: 25px; width: 100%; text-align: center; font-size: 0.6875rem; letter-spacing: .1em; font-weight: 700; }
  .pc-fix-list { position: fixed; right: 0; top: 150px; z-index: 996; -webkit-transition: visibility 0s ease .4s, opacity .4s ease-out; transition: visibility 0s ease .4s, opacity .4s ease-out; visibility: hidden; opacity: 0; }
  .body-scroll-on .pc-fix-list { -webkit-transition: visibility 0s ease, opacity .4s ease-out; transition: visibility 0s ease, opacity .4s ease-out; visibility: visible; opacity: 1; }
  /* common */
  /* 2カラムサイト---------------- #tow-cl{ width: 1100px; margin: 0 auto; padding: 20px 0;} #tow-cl main{ width: 800px!important; float: left;  } #tow-cl #side{ width: 280px; float: left; margin-right: 19px; background: #333; height: 800px; } #blog #tow-cl #side{ display: none;} #blog #tow-cl main{ width: 1100px !important;}*/
  /* 1カラムサイト */
  /*#one-cl{ }*/
  .main-title { text-align: center; background-color: #e3e9ef; padding: 90px 0; }
  .main-title .jp { font-family: "Noto Serif JP", serif; font-size: 1.5rem; font-weight: 500; letter-spacing: .18em; display: block; }
  .main-title .en { text-transform: uppercase; font-family: "Roboto Slab", serif; color: #617282; font-size: 1rem; font-weight: 400; letter-spacing: .05em; display: block; }
  .sub-title { text-align: center; font-family: "Noto Serif JP", serif; font-size: 2.5rem; letter-spacing: .1em; line-height: 1.425; margin-bottom: 30px; }
  .sub-title-color { color: #4d6983; }
  .seo_bread_list { max-width: 1200px; width: 100%; padding: 10px 50px; margin: 0 auto; font-size: 0.875rem; letter-spacing: .05em; line-height: 1.4; }
  .seo_bread_list li { float: left; }
  .seo_bread_list li::after { content: ">"; margin: 0 5px; }
  .seo_bread_list li:last-child::after { content: ""; }
  /*pc・タブレットcss*/
  /*pc_defaultset*/
  /*pcのみ表示ブロック*/
  /*pcのみ表示ブロック*/
  .sp, .sp2 { display: none !important; }
  /*スマホのみ表示ブロック*/
  /*スマホ用ヘッダ*/
  /*スマホ用メニュー*/
  /*スマホ用メニュー*/
  /* Antialiasing ※任意　*/
  .fit img { -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;"; }
  html { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: none; }
  /* WEB FONTs 游ゴシックかすれ予防*/
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; }
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; }
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; }
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; }
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; }
  @font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 100; }
  @font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 200; }
  .f-min { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
  .f-min-02 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  .f-gothic { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
  .f-noto { font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; }
  .f-noto-c { font-family: noto-serif, serif; font-style: normal; }
  body { -webkit-text-size-adjust: 100%; }
  img { vertical-align: bottom; }
  a { text-decoration: none; color: #272727; }
  a:hover { text-decoration: underline; }
  .nobd a:hover { text-decoration: none !important; }
  /* clearfix */
  .clearfix { zoom: 1; }
  .clearfix:after { display: block; clear: both; height: 0; visibility: hidden; line-height: 0; content: "."; }
  /* wysiwyg */
  .wysiwyg { word-wrap: break-word; margin-bottom: 30px; }
  .wysiwyg strong { font-weight: bolder; }
  .wysiwyg em { font-family: "ＭＳ ゴシック",sans-serif; font-style: italic; }
  .wysiwyg img { max-width: 100% !important; height: auto !important; }
  .wysiwyg p { min-height: 15px; min-width: 10px; line-height: 1.6; }
  .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { color: #333; font-weight: bold; text-align: left; }
  .wysiwyg h1 { background: #dcdcdc; padding: 12px 24px; font-size: 1.25rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h2 { border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 12px; font-size: 1.25rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h3 { border-left: 6px solid #231815; padding: 5px 20px; font-size: 1.25rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h4 { border-bottom: 1px solid #000; padding: 0 0 10px; font-size: 1.188rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h5 { border-bottom: 1px dashed #000; padding: 0 0 10px; font-size: 1.188rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h6 { background: #eee; border: 1px dotted #999; padding: 10px; font-size: 1rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg ul { list-style-type: disc; line-height: 1.6; font-size: 0.875rem; margin: 0.5em 0 1em 2em; }
  .wysiwyg ol { list-style-type: decimal; line-height: 1.6; font-size: 0.875rem; margin: 0.5em 0 1em 2em; }
  .wysiwyg table th, .wysiwyg table td { border: 1px solid #999; padding: 10px; font-size: 0.875rem; margin: 0.5em 0 1em; }
  /* リンク透明 */
  a img:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
  /* リンク透明にしない */
  .noop a img:hover { -ms-filter: "alpha( opacity=100 )"; filter: alpha(opacity=100); opacity: 1.0; }
  /*---------------------------------------- 　　外部サービス ----------------------------------------*/
  /* ggmap */
  /* <div class="ggmap">iframeのコピーしたコード</div> */
  .ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
  .ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  /* <div class="youtube"><iframe  src="youtubeのURL?rel=0" frameborder="0" allowfullscreen></iframe></div> */
  .youtube { position: relative; width: 100%; padding-top: 56.25%; }
  .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
  /*---------------------------------------- 　　webフォント（サーバー置き）　 ----------------------------------------*/
  @font-face { font-family: 'jp-sttl01'; /* お好きな名前にしましょう */ src: url("https://brucehomebuilders.com/theme/ababai/font/.eot"); /* IE9以上用 */ src: url("https://brucehomebuilders.com/theme/ababai/font/bokutachi.eot#iefix") format("embedded-opentype"), url("https://brucehomebuilders.com/theme/ababai/font/NotoSansCJKjp-Medium.woff") format("woff"), url("https://brucehomebuilders.com/theme/ababai/font/NotoSansCJKjp-Medium.woff") format("woff"); /* iOS, Android用 */ /* 念の為指定しておきます */ font-weight: normal; /* 念の為指定しておきます */ font-style: normal; vertical-align: top; margin: 0px; padding: 0px; }
  .myWebFontClass { font-family: 'jp-sttl01'; } }

@media screen and (min-width: 768px) and (min-height: 900px) { .gmenu-container { padding-top: 150px; } }

@media screen and (max-width: 767px) { .mw_wp_form input[type="file"] { display: inline-block; width: 100%; font-size: 3.8vw; }
  html { font-size: 62.5%; }
  body { overflow: hidden; font-family: -apple-system, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 16px; -webkit-text-size-adjust: 100%; line-height: 1.6; font-weight: 500; }
  .pc, .pc2 { display: none !important; }
  /*pcのみ表示ブロック*/
  /*スマホのみ表示ブロック*/
  /*スマホのみ表示ブロック*/
  .no-br { display: none; }
  /*スマホでbrを解除したい場合に使用*/
  .sp_display_block { display: block !important; }
  /*スマホでflexboxを解除したい場合等に使用*/
  .container { padding-left: 3.777vw; padding-right: 3.777vw; }
  header { width: 100%; height: 12.077295vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; }
  header .h-logo { padding: 0 0 0 2.415459vw; max-width: 33.333333vw; }
  header .h-menu { width: 12.077295vw; height: 12.077295vw; max-width: 80px; min-height: 80px; position: fixed; right: 0; top: 0; z-index: 10; cursor: pointer; }
  .gmenu { display: none; background-color: rgba(69, 69, 69, 0.95); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; color: #fff; }
  .gmenu a { color: #fff; }
  .gmenu .sns-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 7.246377vw; }
  .gmenu .sns-list li { max-width: 6.521739vw; margin: 0 3.381643vw; }
  .gmenu-close { cursor: pointer; position: fixed; right: 0; top: 0; z-index: 10; width: 12.077295vw; height: 12.077295vw; }
  .gmenu-wrap { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }
  .gmenu-container { padding: 8.454106vw 3.777vw 14.492754vw; }
  .gmenu-logo { text-align: center; max-width: 22.94686vw; margin: 0 auto 2.415459vw; }
  .gmenu-contact { text-align: center; }
  .gmenu-tel { display: inline-block; font-family: "Roboto Slab", serif; font-size: 7.971014vw; font-weight: 700; letter-spacing: .07em; background: url("../images/common/icon-tel-w.png") left center/5.072464vw 5.072464vw no-repeat; padding: 0 0 0 7.246377vw; margin-bottom: 2.415459vw; }
  .gmenu-bnr { max-width: 64.009662vw; margin: 0 auto 7.246377vw; }
  .gmenu-row { margin-bottom: 13.285024vw; }
  .gmenu-list { border-top: 0.241546vw dotted #fff; margin-top: -0.241546vw; }
  .gmenu-list li { border-bottom: 0.241546vw dotted #fff; }
  .gmenu-list a { font-size: 3.381643vw; letter-spacing: .05em; padding: 3.381643vw 2.415459vw; display: block; position: relative; background: url("../images/common/sp-icon-gmenu.png") right 2.415459vw center/1.207729vw 1.932367vw no-repeat; }
  .gmenu-address { text-align: center; font-size: 3.381643vw; letter-spacing: .05em; line-height: 1.5714; margin-bottom: 7.246377vw; }
  .end-contact { background: urL("../images/page-common/sp-end-contact-bg.jpg") center center/cover no-repeat; padding: 16.908213vw 2.898551vw; }
  .end-contact__wrap { background: url("../images/page-common/sp-end-contact-block.png") center top/100% 100% no-repeat; position: relative; padding: 10.869565vw 0 0; position: relative; }
  .end-contact__label { position: absolute; left: 8.937198vw; top: -1.690821vw; max-width: 23.671498vw; }
  .end-contact__head { background: url("../images/page-common/end-contact-head.png") center bottom/62.318841vw auto no-repeat; text-align: center; font-family: "Noto Serif JP", serif; font-size: 3.381643vw; font-weight: 700; letter-spacing: .1em; color: #2e5070; position: relative; z-index: 2; }
  .end-contact__ttl { background: url("../images/page-common/end-contact-ttl.png") center bottom/auto 0.966184vw no-repeat; color: #2e5070; font-family: "Noto Serif JP", serif; font-size: 6.038647vw; letter-spacing: .025em; font-weight: 700; text-align: center; line-height: 1.5; padding-bottom: 1.690821vw; margin-bottom: 3.623188vw; position: relative; z-index: 2; }
  .end-contact__description { text-align: center; font-size: 3.381643vw; letter-spacing: .01em; line-height: 1.75; font-weight: 700; position: relative; z-index: 2; }
  .end-contact__image { margin-top: -4.830918vw; padding: 0 7.246377vw 0 8.454106vw; text-align: center; }
  .end-contact__btns { text-align: center; }
  footer { position: relative; }
  footer .f-pagetop-link { display: block; background-color: #272727; padding: 2.898551vw 35.024155vw; }
  footer .f-pagetop-img { vertical-align: middle; }
  footer .f-gallery { text-align: center; }
  footer .f-main { padding: 9.661836vw 0 16.908213vw; background: url("../images/common/sp-f-bg.jpg") center top/cover no-repeat; color: #fff; text-align: center; }
  footer .f-main a { color: #fff; }
  footer .f-logo { text-align: center; margin: 0 auto 3.623188vw; max-width: 10rem; }
  footer .f-address { font-size: 3.381643vw; letter-spacing: .05em; line-height: 1.571429; margin-bottom: 4.830918vw; }
  footer .sns-list { margin-bottom: 7.246377vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  footer .sns-list li { max-width: 6.521739vw; margin: 0 2.898551vw; }
  footer .f-copyright { display: block; text-align: center; font-size: 0.75rem; letter-spacing: .1em; }
  .sp-fix-list { position: fixed; bottom: 0; width: 100%; z-index: 996; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-shadow: 0 4vw 4vw 4vw rgba(0, 0, 0, 0.4); box-shadow: 0 4vw 4vw 4vw rgba(0, 0, 0, 0.4); -webkit-transition: visibility 0s ease .4s, opacity .4s ease-out; transition: visibility 0s ease .4s, opacity .4s ease-out; visibility: hidden; opacity: 0; }
  .body-scroll-on .sp-fix-list { -webkit-transition: visibility 0s ease, opacity .4s ease-out; transition: visibility 0s ease, opacity .4s ease-out; visibility: visible; opacity: 1; }
  .sp-fix-list .tel { -webkit-box-flex: 0; -ms-flex: 0 1 45.652174%; flex: 0 1 45.652174%; max-width: 45.652174%; }
	.sp-fix-list .tel img{width: 100%;height: 15vw;}
  .sp-fix-list .btn { -webkit-box-flex: 0; -ms-flex: 0 1 54.347826%; flex: 0 1 54.347826%; max-width: 54.347826%; }
	.sp-fix-list .btn img{width: 100%;height: 15vw;}
  .main-title { text-align: center; background-color: #e3e9ef; padding: 10.628019vw 0; margin-bottom: 8.454106vw; }
  .main-title .jp { font-family: "Noto Serif JP", serif; font-size: 4.10628vw; font-weight: 500; letter-spacing: .18em; display: block; }
  .main-title .en { text-transform: uppercase; font-family: "Roboto Slab", serif; font-size: 2.898551vw; color: #617282; font-weight: 400; letter-spacing: .05em; display: block; }
  .sub-title { text-align: center; font-family: "Noto Serif JP", serif; font-size: 5.072464vw; letter-spacing: .1em; line-height: 1.666667; margin-bottom: 3.623188vw; }
  .sub-title-color { color: #4d6983; }
  .seo_bread_list { display: none; }
  /* .seo_bread_list a { color: #666;}
.seo_bread_list li{ margin-right: 0.5em; float: left;  }
.seo_bread_list li::after{ content: ">"; }
.seo_bread_list li:last-child::after{ content: none; } */
  /* 2カラムサイト---------------- */
  #tow-cl #side { display: none; }
  .fit img { -o-object-fit: cover; object-fit: cover; }
  .wysiwyg img { width: auto !important; height: auto !important; }
  html { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: none; overflow-x: hidden; }
  /* WEB FONTs 游ゴシックかすれ予防*/
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; }
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; }
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; }
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; }
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; }
  @font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 100; }
  @font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 200; }
  .f-min { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
  .f-min-02 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  .f-gothic { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
  .f-noto { font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; }
  .f-noto-c { font-family: noto-serif, serif; font-style: normal; }
  body { -webkit-text-size-adjust: 100%; }
  img { vertical-align: bottom; max-width: 100%; }
  a { text-decoration: none; color: #090909; }
  a:hover { text-decoration: underline; }
  .nobd a:hover { text-decoration: none !important; }
  .clearfix { zoom: 1; }
  .clearfix:after { display: block; clear: both; height: 0; visibility: hidden; line-height: 0; content: "."; }
  /* wysiwyg */
  .wysiwyg { word-wrap: break-word; margin-bottom: 30px; font-size: 1.4rem; }
  .wysiwyg strong { font-weight: bolder; }
  .wysiwyg em { font-family: "ＭＳ ゴシック",sans-serif; font-style: italic; }
  .wysiwyg img { max-width: 100% !important; height: auto !important; }
  .wysiwyg p { min-height: 1rem; min-width: 1rem; line-height: 1.6; }
  .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { color: #333; font-weight: bold; text-align: left; }
  .wysiwyg h1 { background: #dcdcdc; padding: 3%; font-size: 1.6rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h2 { border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 3%; font-size: 1.6rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h3 { border-left: 4px solid #231815; padding: 3%; font-size: 1.6rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h4 { border-bottom: 1px solid #000; padding: 0 0 3%; font-size: 1.5rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h5 { border-bottom: 1px dashed #000; padding: 0 0 3%; font-size: 1.4rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h6 { background: #eee; border: 1px dotted #999; padding: 3%; font-size: 1.4rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg ul { list-style-type: disc; line-height: 1.6; margin: 0.5em 0 1em 2em; }
  .wysiwyg ol { list-style-type: decimal; line-height: 1.6; font-size: 1.4rem; margin: 0.5em 0 1em 2em; }
  .wysiwyg table { width: 100% !important; }
  .wysiwyg table th, .wysiwyg table td { border: 1px solid #999; padding: 3%; font-size: 1.4rem; margin: 0.5em 0 1em; }
  /* img-block */
  /* アンカーリンク調整 */
  .hideAnchor { display: block; height: 0px; overflow: hidden; text-indent: -9999px; margin-top: -10px; padding-bottom: 10px; }
  /* スクロール縦 */
  .scroll-y { -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; -webkit-transform: translateZ(0); transform: translateZ(0); }
  /* リンク透明 */
  a img:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
  /* リンク透明にしない */
  .noop a img:hover { -ms-filter: "alpha( opacity=100 )"; filter: alpha(opacity=100); opacity: 1.0; }
  /*---------------------------------------- 　　外部サービス ----------------------------------------*/
  /* ggmap */
  /* <div class="ggmap">iframeのコピーしたコード</div> */
  .sp-ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
  .sp-ggmap iframe, .sp-ggmap object, .sp-ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  /* <div class="youtube"><iframe  src="youtubeのURL?rel=0" frameborder="0" allowfullscreen></iframe></div> */
  .youtube { position: relative; width: 100%; padding-top: 56.25%; }
  .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
  /*---------------------------------------- 　　webフォント（サーバー置き）　 ----------------------------------------*/
  @font-face { font-family: 'jp-sttl01'; /* お好きな名前にしましょう */ src: url("https://brucehomebuilders.com/theme/ababai/font/.eot"); /* IE9以上用 */ src: url("https://brucehomebuilders.com/theme/ababai/font/bokutachi.eot#iefix") format("embedded-opentype"), url("https://brucehomebuilders.com/theme/ababai/font/NotoSansCJKjp-Medium.woff") format("woff"), url("https://brucehomebuilders.com/theme/ababai/font/NotoSansCJKjp-Medium.woff") format("woff"); /* iOS, Android用 */ /* 念の為指定しておきます */ font-weight: normal; /* 念の為指定しておきます */ font-style: normal; vertical-align: top; margin: 0px; padding: 0px; }
  .myWebFontClass { font-family: 'jp-sttl01'; } }

@media screen and (min-width: 768px) and (max-width: 1400px) { /* md */
  body { min-width: 1280px; }
  .container { width: 1190px; }
  .gnav .gnav-list { padding-right: 90px; }
  .end-contact { padding-right: 90px; }
  footer .f-home-link { padding-right: 15px; } }