@charset "UTF-8";

@import url("//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");   body .slick-arrow { background: #0c1e72; top: auto; bottom: -40px; padding: 12px; z-index: 10; }
body .slick-arrow::before { font-weight: bold; color: #ffffff; line-height: 0; font-size: 1.5rem; position: relative; }
body .slick-arrow.slick-next { right: 20%; }
body .slick-arrow.slick-next::before { font-family: 'FontAwesome'; content: "\f054"; left: -4px; }
body .slick-arrow.slick-prev { left: 20%; }
body .slick-arrow.slick-prev::before { font-family: 'FontAwesome'; content: "\f053"; right: 6px; }
body .slick-prev:hover, body .slick-prev:focus, body .slick-next:hover, body .slick-next:focus { background: #323d6f; color: #ffffff; } body .slick-dots { bottom: -27px; }
body .slick-dots li button::before { font-size: 15px; font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; content: "●"; }
body .slick-dots li.slick-active button::before { color: #0c1e72; } @media screen and (max-width: 750px) {  body .slick-arrow { bottom: -42px; }
body .slick-arrow.slick-next { right: 0; }
body .slick-arrow.slick-prev { left: 0; } body .slick-dots { bottom: -30px; }
body .slick-dots li { margin: 0; } }  .fbx-caption-title, .fbx-count { display: none; }
.foogallery-justified a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .foogallery-justified a:hover { opacity: 1; } }
.foogallery-justified a img { -webkit-transform: scale(1); transform: scale(1); }
.foogallery-justified a:hover img { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1.1); transform: scale(1.1); }
h3.arconix-faq-term-title { margin: 0; font-weight: bold; font-size: 2rem; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; padding: 1em; position: relative; border-top: 2px solid #d6d6d6; display: block; }
h3.arconix-faq-term-title:after { position: absolute; top: -2px; left: 0; z-index: 2; content: ''; width: 20%; height: 2px; background-color: #0c1e72; }
h3.arconix-faq-term-title:nth-of-type(n+2) { margin-top: 60px; }
@media screen and (max-width: 750px) { h3.arconix-faq-term-title { font-size: 1.8rem; } }
.arconix-faq-wrap { border: none; margin: 0; padding: 0; }
.arconix-faq-title { background: none; padding: 0; display: block; background-color: #f4f4f4; border: 1px solid #cccccc; padding: 1em; padding-right: 3em; font-size: 1.6rem; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
@media screen and (max-width: 750px) { .arconix-faq-title { font-size: 1.4rem; } }
.arconix-faq-title:before { content: 'Q'; font-size: 2.4rem; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: bold; color: #0c1e72; margin-right: .5em; margin-bottom: .2em; line-height: 1; }
.arconix-faq-title:after { content: '\f078'; font-family: fontAwesome; font-size: 2rem; color: #0c1e72; position: absolute; line-height: 1; right: 1em; top: 50%; margin-top: -.8rem; }
.arconix-faq-title.faq-open { background: none; background-color: #f4f4f4; }
.arconix-faq-title.faq-open:after { content: '\f077'; margin-top: -1rem; }
.arconix-faq-content { padding: 0; margin: 0; padding: 1.5em; padding-left: 1.8em; margin-bottom: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.arconix-faq-content:before { content: 'A'; font-size: 2.4rem; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: bold; color: #9f2417; margin-right: .5em; margin-bottom: .2em; line-height: 1; }
.arconix-faq-content p { font-size: 1.4rem; }
@media screen and (max-width: 750px) { .arconix-faq-content p { font-size: 1.2rem; } } @-ms-viewport { width: auto; }
body { padding-top: 96px; background: #fff; color: #333; font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 62.5%; line-height: auto; text-align: left; -webkit-text-size-adjust: 100%; overflow: inherit; width: 100%; -webkit-font-feature-settings: "pkna" 1; font-feature-settings: "pkna" 1; letter-spacing: .1em; font-weight: 500; }
body p { font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing: .1em; line-height: 1.6; -webkit-font-feature-settings: "pkna" 1; font-feature-settings: "pkna" 1; letter-spacing: .1em; }
body span { -webkit-font-feature-settings: "pkna" 1; font-feature-settings: "pkna" 1; }
@media screen and (max-width: 750px) { body { overflow-x: hidden; padding-top: 0; } }
#main_wrapper { overflow: inherit; }
a { color: #333; }
a:hover { color: #333; } .clearfix { clear: both; display: block; float: none; }
.clearfix:after { content: "."; clear: both; display: block; font-size: 0; height: 0px; } #l-header, #l-contents, #l-footer { background-color: #ffffff; position: relative; width: 100%; *zoom: 1; } .inner { margin: 0 auto; position: relative; width: 100%; max-width: 1200px; box-sizing: border-box; *zoom: 1; }
@media screen and (max-width: 1200px) { .inner { padding-right: 30px; width: 95%; } }
@media screen and (max-width: 1000px) { .inner { width: 1000px; padding: 0 10px; } }
@media screen and (max-width: 750px) { .inner { width: 95%; padding: 0; } }
.inner.header-inner { max-width: inherit; }
@media screen and (max-width: 1200px) { .inner.header-inner { padding-right: 0; width: 100%; max-width: 1200px; } }
@media screen and (max-width: 1000px) { .inner.header-inner { width: 1000px; padding: 0 10px; } }
@media screen and (max-width: 750px) { .inner.header-inner { width: 95%; padding: 7px 0 5px; } } .col-set { overflow: hidden; width: 100%; *zoom: 1; }
.col-set .col2 { float: left; width: 50%; }
.col-set .col3 { float: left; margin-left: 0.5%; width: 33%; }
.col-set .col3:first-child, .col-set .col3:nth-of-type(3n+1) { margin-left: 0; }
.col-set .col4 { float: left; width: 25%; }
.col-set .col5 { float: left; width: 20%; }
.col-set .col6 { float: left; width: 16%; } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .left-img-box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
.left-img-box .col2 { float: none; }
.left-img-box .col2:first-of-type { width: 55%; }
.left-img-box .col2:last-of-type { width: 45%; margin-left: 30px; }
.left-img-box .col2 .title { line-height: 1.6; }
.left-img-box .col2 .desc-box { padding-top: 30px; }
.left-img-box.reverse .col2:first-of-type { width: 45%; }
.left-img-box.reverse .col2:last-of-type { width: 55%; padding-left: 0; } .right-img-box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
.right-img-box .col2 { float: none; }
.right-img-box .col2:first-of-type { width: 45%; margin-right: 30px; }
.right-img-box .col2:first-of-type .col2 { margin: 0; }
.right-img-box .col2:last-of-type { width: 55%; }
.right-img-box .col2 .title { line-height: 1.6; }
.right-img-box .col2 .desc-box { padding-top: 30px; } .bottom-img-box .col3 { margin-left: 3.5%; width: 31%; }
.bottom-img-box .col3 .title { font-size: 1.8rem; line-height: 1.6; }
.bottom-img-box .col3 p { text-align: left; }
.bottom-img-box .col4 { margin-left: 2.5%; width: 22.5%; }
.bottom-img-box .col4 .title { font-size: 1.8rem; line-height: 1.6; }
.bottom-img-box .col4 p { text-align: left; } .top-img-box .col2 { width: 48%; }
.top-img-box .col2:nth-of-type(2n) { margin-left: 4%; }
.top-img-box .col2:nth-of-type(n+3) { margin-top: 30px; }
.top-img-box .col2:last-of-type { margin-bottom: 0; } .archive-top-img-box .col2 { margin-left: 3.5%; width: 46%; margin-bottom: 30px; }
.archive-top-img-box .col2 .title { font-size: 1.8rem; line-height: 1.6; text-align: center; }
.archive-top-img-box .col2 .title a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }
.archive-top-img-box .col2 p { text-align: left; }
.archive-top-img-box .col2 .movie-box { flex: 0 0 50%; position: relative; padding-bottom: 62.25%; height: 0; overflow: hidden; padding-left: 5px; padding-right: 5px; }
@media screen and (max-width: 750px) { .archive-top-img-box .col2 .movie-box { flex: 0 0 100%; padding-bottom: 0; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 5px; } }
.archive-top-img-box .col2 .movie-box iframe, .archive-top-img-box .col2 .movie-box video { max-width: 100%; }
@media screen and (max-width: 750px) { .archive-top-img-box .col2 .movie-box iframe, .archive-top-img-box .col2 .movie-box video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }
.archive-top-img-box .col3 { margin-left: 3.5%; width: 31%; margin-bottom: 30px; }
.archive-top-img-box .col3 .title { font-size: 1.8rem; line-height: 1.6; text-align: center; }
.archive-top-img-box .col3 .title a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }
.archive-top-img-box .col3 p { text-align: left; }
.archive-top-img-box .col4 { margin-left: 2.5%; width: 22.5%; margin-bottom: 30px; }
.archive-top-img-box .col4 .title { font-size: 1.8rem; line-height: 1.6; text-align: center; }
.archive-top-img-box .col4 p { text-align: left; } @media screen and (max-width: 1200px) { .col5 { width: 30%; } } @media screen and (max-width: 750px) { #main_wrapper { margin-top: 62px; }
.col-set .col2 { clear: both; float: none; margin: 0; text-align: center; width: 100%; }
.col-set .col3 { clear: both; float: none; margin: 0; text-align: center; width: 100%; }
.col-set .col4 { text-align: center; width: 50%; }
.col-set .col5 { text-align: center; width: 50%; }
.col-set .col6 { text-align: center; width: 50%; } .left-img-box { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.left-img-box .col2 { float: none; width: 100%; }
.left-img-box .col2:first-of-type, .left-img-box .col2:last-of-type { width: 100%; marging: 0; }
.left-img-box .col2:first-of-type { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; }
.left-img-box .col2:last-of-type { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; padding-bottom: 15px; margin-left: 0; }
.left-img-box .col2 .desc-box { padding-top: 15px; }
.left-img-box.reverse .col2 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
.left-img-box.reverse .col2 .about-contents-image { margin-bottom: 15px; }
.left-img-box.reverse .col2:first-of-type { width: 100%; }
.left-img-box.reverse .col2:last-of-type { width: 100%; } .right-img-box { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.right-img-box .col2 { float: none; width: 100%; }
.right-img-box .col2:first-of-type, .right-img-box .col2:last-of-type { width: 100%; margin: 0; }
.right-img-box .col2:first-of-type { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; }
.right-img-box .col2:last-of-type { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; padding-bottom: 15px; }
.right-img-box .col2 .desc-box { padding-top: 15px; } .bottom-img-box .col3 { margin-left: 0; width: 100%; }
.bottom-img-box .col3 .title { font-size: 1.6rem; }
.bottom-img-box .col3 + .col3 { padding-top: 30px; }
.bottom-img-box .col4 { width: 100%; }
.bottom-img-box .col4 + .col4 { padding-top: 30px; } .top-img-box .col2 { width: 100%; margin-bottom: 30px; }
.top-img-box .col2:nth-of-type(2n) { margin-left: 0; }
.top-img-box .col2 .txt-box { text-align: left; } .archive-top-img-box .col3 { margin-left: 0; margin-bottom: 0; width: 100%; }
.archive-top-img-box .col3 + .col3 { margin-top: 30px; }
.archive-top-img-box .col4 { margin-left: 0; width: 100%; margin-bottom: 0; }
.archive-top-img-box .col4 + .col4 { margin-top: 30px; } } #l-footer { border-top: 4px solid #0c1e72; padding-top: 2px; background: #f4f4f4; position: relative; min-width: 1000px;  }
#l-footer:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 45px 46px 0 46px; border-color: #0c1e72 transparent transparent; position: absolute; top: 0; left: 50%; margin-left: -50px; }
#l-footer .contact { border-top: 2px solid #0c1e72; background: #f4f4f4; min-width: 1000px; text-align: center; padding: 60px 0; }
#l-footer .contact .contact-img-box { position: relative; position: relative; display: block; overflow: hidden; }
#l-footer .contact .contact-img-box a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
#l-footer .contact .contact-img-box:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { #l-footer .contact .contact-img-box:hover { opacity: 1; } }
#l-footer .contact .contact-img-box img { moz-transition: -moz-transform .3s linear; -webkit-transition: -webkit-transform .3s linear; -o-transition: -o-transform .3s linear; -ms-transition: -ms-transform .3s linear; transition: transform .3s linear; }
#l-footer .contact .contact-img-box a { z-index: 3; }
#l-footer .contact .contact-img-box a:hover + img { -webkit-transform: scale(1.1); transform: scale(1.1); }
#l-footer .contact .contact-img-box .contact-img-ttl { color: #ffffff; text-align: center; display: block; position: absolute; left: 0; right: 0; bottom: 50%; margin: 0 auto; margin-bottom: -55px; z-index: 2; }
#l-footer .contact .contact-img-box .contact-img-ttl i { font-size: 6rem; line-height: 0; }
#l-footer .contact .contact-img-box .contact-img-ttl span { display: block; font-size: 2.2rem; font-weight: bold; }
#l-footer .contact .contact-img-box.img-contact { margin-right: 5px; }
#l-footer .contact .contact-img-box.img-reservation { margin-left: 5px; }
#l-footer .bnr-area { background: #fff; padding: 10px 0 30px; }
#l-footer .bnr-area .bnr-slide-in { width: 100%; margin: 30px auto 10px; }
#l-footer .bnr-area #js-bnr-slide .slick-slide img { margin: 0 auto; }
#l-footer .bnr-area #js-bnr-slide .slick-slide img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { #l-footer .bnr-area #js-bnr-slide .slick-slide img:hover { opacity: 1; } }
#l-footer .bnr-area #js-bnr-slide .slick-slide a { padding: 0 10px; display: block; }
#l-footer .company { background-color: #0c1e72; min-width: 1000px; border-bottom: 1px solid #323d6f; color: #ffffff; }
#l-footer .company p { font-size: 1.2rem; line-height: 1.6; }
#l-footer #copy { background-color: #0c1e72; min-width: 1000px; text-align: center; padding: 15px 0; font-size: 1rem; color: #ffffff; letter-spacing: 1px; }
#l-footer .foot-col-set { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
#l-footer .foot-col-box { padding: 15px; border-left: 1px solid #323d6f; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }
#l-footer .foot-col-box .foot-col-box-in { max-width: 100%; }
#l-footer .foot-col-box .foot-col-box-in img { max-width: 200px; }
#l-footer .foot-col-box:last-child { border-right: 1px solid #323d6f; }
#l-footer .foot-col-box p { margin: 0; }
#l-footer .foot-col-box.company-name { width: 20%; padding-left: 10px; padding-right: 10px; }
#l-footer .foot-col-box.company-name p { font-size: 1rem; margin-top: 5px; line-height: 1.6; }
#l-footer .foot-col-box.tel-pc { width: 30%; }
#l-footer .foot-col-box.tel-pc .tel-num { line-height: 32px; max-height: 32px; display: inline-block; margin: .5em 0; }
#l-footer .foot-col-box.tel-pc .tel-num i { margin-left: -6px; font-size: 3.2rem; line-height: 32px; vertical-align: middle; }
#l-footer .foot-col-box.tel-pc .tel-num i:before { margin-right: .1em; }
#l-footer .foot-col-box.tel-pc .tel-num p { font-size: 2.5rem; line-height: 32px; margin: 0; display: inline-block; vertical-align: middle; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
#l-footer .foot-col-box.tel-pc .tel-num p a { color: #ffffff; }
#l-footer .foot-col-box.foot-info-pc { width: 25%; }
#l-footer .foot-col-box.sns { width: 25%; }
#l-footer .foot-col-box.sns p { margin-bottom: 1em; }
#l-footer .foot-col-box.sns .sns-linkbox { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
#l-footer .foot-col-box.sns .sns-linkbox .icon-box { border: 1px solid #ffffff; color: #ffffff; width: 32px; height: 32px; border-radius: 4px; margin-right: 18px; 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; }
#l-footer .foot-col-box.sns .sns-linkbox .icon-box i { font-size: 2.4rem; line-height: 0; }
#l-footer .foot-col-box.sns .sns-linkbox .icon-box i:before { margin: 0; }
#l-footer .foot-col-box.sns .sns-linkbox .icon-box:hover { background-color: #ffffff; color: #0c1e72; }
#l-footer .foot-col-box.sns .sns-linkbox .icon-box:hover i { font-size: 2.4rem; }
#l-footer nav ul li { display: inline-block; padding: 0 10px 0 15px; border-left: solid 1px #cccccc; line-height: 100%; font-size: 67%; text-align: center; *display: inline; *margin-bottom: 12px; *zoom: 1; }
#l-footer nav ul li:first-child { border-left: none; }
#l-footer .f-navi { background-color: #0c1e72; min-width: 1000px; padding: 30px 0; }
#l-footer .f-navi .f-navi-box { margin-bottom: 1em; padding: 0 5px; }
#l-footer .f-navi a { color: #ffffff; }
#l-footer .f-navi a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { #l-footer .f-navi a:hover { opacity: 1; } }
#l-footer .f-navi span { display: inline-block; font-size: 1.4rem; font-weight: bold; color: #ffffff; margin: 0; margin-bottom: .2em; }
#l-footer .f-navi span:before { font-family: FontAwesome; content: '\f105'; margin-right: .4em; }
#l-footer .f-navi ul { margin-left: .8em; line-height: 2; }
#l-footer .f-navi ul li { display: block; width: 100%; padding-left: 1em; text-indent: -1em; margin-bottom: .1em; }
#l-footer .f-navi ul li:before { content: '-'; margin-right: .5em; color: #ffffff; font-size: 1.4rem; }
#l-footer .f-navi ul li a { font-size: 1.3rem; }
@media screen and (max-width: 1000px) { #l-footer:after { margin-left: -60px; } } @media screen and (max-width: 750px) { #l-footer { padding-bottom: 62px; min-width: 100%; }
#l-footer:after { border-width: 22px 23px 0 23px; margin-left: -23px; }
#l-footer .contact { min-width: inherit; padding: 40px 0; }
#l-footer .contact .col2 { padding-bottom: 10px; }
#l-footer .contact .contact-img-box.img-contact { margin-right: 0; }
#l-footer .contact .contact-img-box.img-reservation { margin-left: 0; }
#l-footer .contact .contact-img-box .contact-img-ttl { margin-bottom: -42px; }
#l-footer .contact .contact-img-box .contact-img-ttl i { font-size: 4rem; }
#l-footer .contact .contact-img-box .contact-img-ttl span { font-size: 70%; }
#l-footer .bnr-area { padding-top: 1px; }
#l-footer .company { min-width: inherit; }
#l-footer .company .foot-col-set { display: block; }
#l-footer .company .foot-col-set .foot-col-box { width: 100%; padding: 10px 0; text-align: center; border-left: none; border-bottom: 1px solid #323d6f; }
#l-footer .foot-col-box.sns { border-right: none; }
#l-footer .foot-col-box.sns .sns-linkbox { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }
#l-footer .foot-col-box.sns .sns-linkbox .icon-box i { padding: 7px 5px 5px 7px; }
#l-footer .foot-col-box.sns .sns-linkbox .icon-box i.fa-facebook { padding-top: 9px; padding-right: 6px; }
#l-footer .foot-col-box.sns .sns-linkbox .icon-box i.fa-instagram { padding-top: 6px; }
#l-footer .foot-col-box.sns .sns-linkbox .icon-box:last-child { margin-right: 0; }
#l-footer .foot-col-box.foot-info-pc, #l-footer .f-navi { display: none; }
#l-footer #copy { min-width: inherit; } } #l-header .header-top { position: relative; }
#l-header #logo { display: block; width: 100%; float: none; margin: 0; text-align: center; }
#l-header #logo a { display: inline-block; height: auto; margin: 0; padding: 12px 30px; background: #0c1e72; }
#l-header #logo a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { #l-header #logo a:hover { opacity: 1; } }
#l-header #logo a span { font-size: 1.1rem; display: block; color: #fff; margin-bottom: 5px; }
#l-header .header-sub-menu { position: absolute; right: 0; top: 50%; margin-top: -15px; z-index: 5; }
#l-header .header-sub-menu a { font-size: 1.2rem; color: #333; }
#l-header .header-sub-menu a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { #l-header .header-sub-menu a:hover { opacity: 1; } }
#l-header .header-sub-menu a:before { font-family: "fontello"; content: ""; font-size: 2.2rem; margin-right: 10px; vertical-align: -.1em; }
#l-header #navigation_bar { border: none; min-height: auto; }
.header-top { position: relative; }
#main_nav { display: block; float: none; width: 100%; }
#main_nav #nav_menu .logo_sticky { display: none; opacity: 0; transition: all .5s; }
#navigation_bar { background-color: #ffffff; }
#navigation_bar { position: fixed; top: 0; left: 0; width: 100%; }
#navigation_bar .header-top { display: none; }
#navigation_bar #main_nav #navy li a { padding: 15px 0; min-height: auto; white-space: nowrap; }
#navigation_bar #main_nav #navy .logo_sticky { display: block; background-color: #0c1e72; width: 250px; min-width: 250px; opacity: 1; }
#navigation_bar #main_nav #navy .logo_sticky:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { #navigation_bar #main_nav #navy .logo_sticky:hover { opacity: 1; } }
#navigation_bar #main_nav #navy .logo_sticky a { height: 100%; margin: 0; }
#navigation_bar #main_nav #navy .logo_sticky a img { max-width: 180px; }
.menu_button_mode:not(.header_on_side) #navy li { padding: 0; }
.menu_button_mode:not(.header_on_side) #navy li a { padding: 20px 0; margin: 0; }
#nav_menu #navy { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; flex-wrap: nowrap; }
#nav_menu #navy:before, #nav_menu #navy:after { content: none; }
#nav_menu #navy li:not(.header-link-box) { display: inline-block; width: 100%; text-align: center; padding: 0; float: none; vertical-align: middle; }
#nav_menu #navy li:not(.header-link-box) a { position: relative; display: inline-block; transition: .3s; width: 100%; height: 96px; color: #333; font-weight: bold; font-size: 1.3rem; 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; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; vertical-align: middle; }
#nav_menu #navy li:not(.header-link-box) a:after { position: absolute; top: auto; bottom: 17%; left: 50%; content: ''; display: inline-block; width: 0; height: 2px; background-color: #0c1e72; transition: .3s; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#nav_menu #navy li:not(.header-link-box) a:hover:after { width: 50%; }
#nav_menu #navy li:not(.header-link-box) a .sub-ttl { display: block; font-size: 1.0rem; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: 600; }
#nav_menu #navy li:not(.header-link-box).current a:after { width: 50%; }
#nav_menu #navy li:not(.header-link-box) .balloon-ttl { position: absolute; top: 10px; font-size: 1.1rem; background: #0c1e72; color: #fff; padding: 1px 11px 1px 15px; border-radius: 10px; }
#nav_menu #navy li:not(.header-link-box) .balloon-ttl:hover { background: #0c1e72 !important; }
#nav_menu #navy li:not(.header-link-box) .balloon-ttl:before { position: absolute; top: 100%; left: 59%; margin-left: -15px; border: 5px solid transparent; border-top: 4px solid #0c1e72; }
#nav_menu #navy .header-link-box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; }
#nav_menu #navy .header-link-box a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; width: 96px; min-width: 96px; height: 96px; background-color: #0c1e72; color: #ffffff; 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; border-radius: 0 !important; text-align: center; }
#nav_menu #navy .header-link-box a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { #nav_menu #navy .header-link-box a:hover { opacity: 1; } }
#nav_menu #navy .header-link-box a i { font-size: 2rem; }
#nav_menu #navy .header-link-box a.modelhouse { background-color: #be8f01; position: relative; }
#nav_menu #navy .header-link-box a .modelhouse-hanbai { position: absolute; top: 0; right: 0; font-weight: bold; background: rgba(230, 144, 44, 0.8); width: 44px; height: 24px; line-height: 2; display: inline-block; font-size: 11px; letter-spacing: 1px; }
#nav_menu #navy .header-link-box a.bunjyo .icon-signboard { font-size: 1.8rem; margin-bottom: .1em; }
#nav_menu #navy .header-link-box a.chintai { background-color: #387a38; }
#nav_menu #navy .header-link-box a.chintai .icon-chintai { height: 16px; width: 25px; background: url(//www.homes-g.com/wp-content/themes/kyma/images/common/icoo_chintai_white.svg) no-repeat; background-position: center; background-size: auto 100%; margin-bottom: 8px; margin-top: 8px; }
#nav_menu #navy .header-link-box a span { font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } _::-webkit-full-page-media, _:future, :root #nav_menu #navy li a:after { content: none; }  @media screen and (max-width: 1000px) { #main_nav .inner.header-inner { padding: 0; }
#navy > li > a > span { padding: 0; } } @media screen and (max-width: 750px) { #l-header { width: 100%; position: fixed; top: 0; left: 0; z-index: 100; }
#l-header #navigation_bar { background-color: #0c1e72; border: none; height: 62px; min-height: auto; width: 100%; min-width: 100%; }
#l-header #sp-logo { display: inline-block; width: initial; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }
#l-header #sp-logo a img { max-width: 150px; }
.inner-sp-nav { padding: 6px 5px; }
#main_nav.has_mobile_menu { padding: 0; }
#main_nav .inner.header-inner { padding: 7px 0 5px; }
#navy { border: none; }
.sp-menu-trigger { border: 1px solid rgba(255, 255, 255, 0.5); padding: .2em .6em .1em; border-radius: 4px; background-color: rgba(255, 255, 255, 0.1); display: block; }
.sp-menu-trigger .fa { color: #ffffff; font-size: 2.8rem; display: block; }
.sp-menu-trigger span { color: #ffffff; font-size: 1rem; font-weight: bold; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; display: block; }
.sp-menu-trigger .menu-bar { background: #fff; width: 26px; height: 4px; margin-top: 6px; border-radius: 1px; }
.sp-menu-trigger .menu-bar:first-child { margin-bottom: 0; }
.close-animatedModal { text-align: center; padding: 15px 10px; }
.close-animatedModal .fa-close { color: #ffffff; font-size: 4rem; }
.sp-accordion-menu { width: 100%; }
#sp-modal-nav { text-align: center; }
#sp-modal-nav li a { display: block; color: #fff; font-size: 1.6rem; text-decoration: none; cursor: pointer; padding: 1em 1.2em; position: relative; }
#sp-modal-nav li a:hover { background-color: #0c1e72; }
#sp-modal-nav li a:after, #sp-modal-nav li a:active:after { font-size: 1.6rem; position: absolute; right: 1em; top: 1em; color: #fff; }
#sp-modal-nav li a:after { font-family: FontAwesome; content: "\f054"; }
#sp-modal-nav li a.toggle:after { font-family: FontAwesome; content: "\f067"; }
#sp-modal-nav li a.toggle.active:after { font-family: FontAwesome; content: "\f068"; }
#sp-modal-nav li.modal_list:nth-of-type(odd) a { background-color: rgba(255, 255, 255, 0.1); }
#sp-modal-nav .modal_list_parents .sub-menu { display: none; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
#sp-modal-nav .modal_list_parents .sub-menu li a { display: block; color: #fff; font-size: 1.4rem; background-color: rgba(255, 255, 255, 0.3); padding: 1em 1.2em; position: relative; }
#sp-modal-nav .modal_list_parents .sub-menu li a:hover { background-color: #67ab9c; }
#sp-modal-nav .modal_list_parents .sub-menu li a:after, #sp-modal-nav .modal_list_parents .sub-menu li a:active:after { font-size: 1.6rem; position: absolute; right: 1em; top: .8em; color: #fff; }
#sp-modal-nav .modal_list_parents .sub-menu li:nth-of-type(odd) a { background-color: rgba(255, 255, 255, 0.2); }
#animatedModal.sp-modal-nav-box-area { padding: 25px; background-color: rgba(12, 30, 114, 0.87); }
.close-animatedModal-area { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; padding: 0 0 10px; }
.close-animatedModal-area img { width: 150px; height: 100%; }
.close-animatedModal-area i.fa-close { border: 1px solid #ffffff; border-radius: 5px; color: #ffffff; padding: 5px 10px; font-size: 2.8rem; }
.close-animatedModal-bottom { border: 2px solid #ffffff; color: #ffffff; font-size: 1.6rem; font-weight: bold; }
.close-animatedModal-bottom .close-animatedModal { padding: 10px; }
.close-animatedModal-bottom .close-animatedModal i { font-size: 1.6rem; margin-right: 5px; }
#sp-modal-nav.sp-modal-nav-area li a { font-size: 1.3rem; padding: 1em; margin: 0.5em 0; font-weight: bold; color: #333; background-color: #ffffff; }
#sp-modal-nav.sp-modal-nav-area li a.list_parents_item { margin-bottom: 0; }
#sp-modal-nav.sp-modal-nav-area li a.list_parents_item span { font-weight: bold; }
#sp-modal-nav.sp-modal-nav-area li a:hover { background-color: #FFE188; }
#sp-modal-nav.sp-modal-nav-area li a:after, #sp-modal-nav.sp-modal-nav-area li a:active:after { right: 0.5em; top: 1.2em; font-size: 1.2rem; color: #0c1e72; }
#sp-modal-nav.sp-modal-nav-area li a:after { font-family: FontAwesome; }
#sp-modal-nav.sp-modal-nav-area li a.toggle:after { font-family: FontAwesome; content: "\f067"; }
#sp-modal-nav.sp-modal-nav-area li a.toggle.active:after { font-family: FontAwesome; content: "\f068"; }
#sp-modal-nav.sp-modal-nav-area li.modal_list:nth-of-type(odd) a { background-color: #ffffff; }
#sp-modal-nav.sp-modal-nav-area li.modal_list:nth-of-type(odd) a:hover { background-color: #FFE188; }
#sp-modal-nav.sp-modal-nav-area .modal_list_parents .sub-menu { display: none; border: none; }
#sp-modal-nav.sp-modal-nav-area .modal_list_parents .sub-menu li a { color: #333; background-color: rgba(255, 255, 255, 0.9); padding: 0.7em 1em; margin: 0; border-bottom: 1px solid #fff; font-weight: bold; font-size: 1.3rem; }
#sp-modal-nav.sp-modal-nav-area .modal_list_parents .sub-menu li a:hover { background-color: rgba(255, 255, 255, 0.7); }
#sp-modal-nav.sp-modal-nav-area .modal_list_parents .sub-menu li a:after, #sp-modal-nav.sp-modal-nav-area .modal_list_parents .sub-menu li a:active:after { font-size: 1.2rem; position: absolute; right: 0.5em; top: 1.2em; color: #0c1e72; }
#sp-modal-nav.sp-modal-nav-area .modal_list_parents .sub-menu li:nth-of-type(odd) a { background-color: rgba(255, 255, 255, 0.9); }
#sp-modal-nav.sp-modal-nav-area .modal_list_parents .sub-menu li:nth-of-type(odd) a:hover { background-color: rgba(255, 255, 255, 0.7); }
#sp-modal-nav.sp-modal-nav-area .picup-contents-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; margin: 15px 0 5px; }
#sp-modal-nav.sp-modal-nav-area .picup-contents-list .list-item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; background-color: #be8f01; border: 2px solid #a07800; color: #ffffff; width: 48.5%; margin-bottom: 10px; min-height: 89px; }
#sp-modal-nav.sp-modal-nav-area .picup-contents-list .list-item:hover { background-color: #a07800; }
#sp-modal-nav.sp-modal-nav-area .picup-contents-list .list-item a { 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; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 1.3rem; padding: 12px 0; font-weight: bold; margin: 0; color: inherit; background-color: inherit; height: 100%; width: 100%; line-height: 1.2; }
#sp-modal-nav.sp-modal-nav-area .picup-contents-list .list-item a i { font-size: 2rem; margin-bottom: 5px; }
#sp-modal-nav.sp-modal-nav-area .picup-contents-list .list-item a::after { color: #ffffff; bottom: 0.3rem; right: 0.3rem; top: inherit; }
#sp-modal-nav.sp-modal-nav-area .picup-contents-list .list-item--modelhouse { background: #d18a2b; border: 2px solid #eaaf60; position: relative; }
#sp-modal-nav.sp-modal-nav-area .picup-contents-list .list-item--modelhouse span { background: url(//www.homes-g.com/wp-content/themes/kyma/images/common/icon_hanbai.svg) no-repeat; background-position: center; background-size: cover; position: absolute; width: 51px; height: 29px; top: 0; left: -1px; z-index: 3; font-size: 11px; font-weight: bold; line-height: 2.2; }
#sp-modal-nav.sp-modal-nav-area .picup-contents-list .list-item--bunjyo { background: #2d61bc; border: 2px #778baf solid; }
#sp-modal-nav.sp-modal-nav-area .picup-contents-list .list-item--3d { background: #c44953; border: 2px #c86971 solid; }
#sp-modal-nav.sp-modal-nav-area .picup-contents-list .list-item--3d .icon-3d { position: relative; }
#sp-modal-nav.sp-modal-nav-area .picup-contents-list .list-item--3d .icon-3d::before { content: ""; background: url(//www.homes-g.com/wp-content/themes/kyma/images/common/icon_3d.svg) no-repeat; background-position: center; background-size: cover; width: 20px; height: 22px; }
#sp-modal-nav.sp-modal-nav-area .picup-contents-list .list-item--company { background: #569447; border: 2px solid #8dbf75; }
.sp-sns-area { padding: 10px; }
.sp-sns-area .sns-linkbox { text-align: center; }
.sp-sns-area .sns-linkbox a { font-size: 3rem; margin: 0 10px; color: #ffffff; }
.sp-ctlg-icon { text-align: center; width: 52px; height: 48px; margin-left: auto; margin-right: 5px; background: #be8f00; padding: 1px 0; }
.sp-ctlg-icon img { width: 30px; margin-top: 2px; } }  .section-padding01 { padding: 30px 0 60px; }
.content-padding-1em { padding: 1em 0; } .content-margin-1em { margin: 1em 0; }
.content-margin-top60 { margin-top: 60px; }
.content-margin-top30 { margin-top: 30px; }
.content-margin-bottom60 { margin-bottom: 60px; }
.content-margin-bottom30 { margin-bottom: 30px; }
.content-margin-bottom90 { margin-bottom: 90px; } .flex-column { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-column-between { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; height: 100%; }  @media screen and (max-width: 750px) { .content-padding01 { padding: 15px 0 30px; }
.content-padding02 { padding: 15px 0; } .content-margin-bottom90 { margin-bottom: 55px; }
.content-margin-bottom60 { margin-bottom: 45px; }
.content-margin-bottom30 { margin-bottom: 15px; } }  .sp-show { display: none; }
@media screen and (max-width: 750px) { .sp-show { display: block; } }
@media screen and (max-width: 750px) { .sp-show .important { display: block !important; } } @media screen and (max-width: 750px) { .pc-show { display: none !important; } }
@media screen and (max-width: 750px) { .pc-show .important { display: none !important; } } .fix-area-recruit { position: fixed; right: 0; top: 578px; height: 134px; width: 40px; background: #7b2e2e; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 40px; z-index: 1100; }
.fix-area-recruit a { height: 100%; display: block; width: 100%; position: absolute; }
.fix-area-recruit i { display: inline-block; margin-bottom: 5px; } .fix-area { position: fixed; right: 0; top: 250px; z-index: 1000; }
.fix-area .fix-area-item { background: #0c1e72; margin-bottom: 1px; text-align: center; width: 40px; }
.fix-area .fix-area-item a { padding: 8px 0; display: block; width: 100%; cursor: pointer; color: #ffffff; }
.fix-area .fix-area-item a i { font-size: 1.6rem; line-height: 1.6rem; }
.fix-area .fix-area-item a div { padding: 2px 0; }
.fix-area .fix-area-item #js-pageTop { padding: 10px 0; display: block; cursor: pointer; }
.fix-area .fix-area-item #js-pageTop i { color: #ffffff; font-size: 2rem; }
.fix-area .fix-area-item.page-top { margin-top: 136px; }
.fix-area .fix-area-item.page-top, .fix-area .fix-area-item.btn-modelhouse { background: #a83b3b; }
.fix-area .fix-area-item.btn-bunjyo { background: #2c543e; }
.fix-area .fix-area-item.btn-tel { background: #be8f00; }
.fix-area .fix-area-item:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; } .img-box img { min-width: 100%; height: auto; } .link-box { position: relative; display: block; overflow: hidden; }
.link-box a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.link-box:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .link-box:hover { opacity: 1; } }
.link-box img { moz-transition: -moz-transform .3s linear; -webkit-transition: -webkit-transform .3s linear; -o-transition: -o-transform .3s linear; -ms-transition: -ms-transform .3s linear; transition: transform .3s linear; }
.link-box a { z-index: 3; }
.link-box a:hover + img { -webkit-transform: scale(1.1); transform: scale(1.1); } .img-trim { position: relative; width: 100%; padding-top: 61.6%; overflow: hidden; margin: 0 auto; }
.img-trim img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.img-trim.square { height: 100%; padding-top: 100%; }
.img-trim.square img { min-height: 100%; -o-object-fit: cover; object-fit: cover; }
.img-trim-link-wrap { display: block; overflow: hidden; position: relative; position: relative; }
.img-trim-link-wrap a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.img-trim-link-wrap:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .img-trim-link-wrap:hover { opacity: 1; } }
.img-trim-link-wrap .img-trim { moz-transition: -moz-transform .3s linear; -webkit-transition: -webkit-transform .3s linear; -o-transition: -o-transform .3s linear; -ms-transition: -ms-transform .3s linear; transition: transform .3s linear; }
.img-trim-link-wrap a { z-index: 1; }
.img-trim-link-wrap a:hover + div.img-trim { -webkit-transform: scale(1.1); transform: scale(1.1); }
.img-trim-link-wrap:hover .triangle { right: 0; bottom: 0; }
.img-link-wrap { display: block; position: relative; overflow: hidden; position: relative; }
.img-link-wrap a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.img-link-wrap:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .img-link-wrap:hover { opacity: 1; } }
.img-link-wrap a { z-index: 1; }
.img-link-wrap:hover .triangle { right: 0; bottom: 0; } .page_title { height: 260px; text-align: center; border: none; min-width: 1000px; background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/common/main_img_modelhouse.jpg) no-repeat center center; background-size: cover; }
.page_title .inner { height: 100%; 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; }
.page_title .ttl-box { display: inline-block; padding: 1em; background-color: rgba(255, 255, 255, 0.9); animation-duration: 1s; animation-name: ttl-bg; animation-fill-mode: forwards; min-width: 420px; }
@keyframes ttl-bg { from { background-color: rgba(255, 255, 255, 0); animation-timing-function: ease-out; }
to { background-color: rgba(255, 255, 255, 0.9); } }
.page_title .ttl-box .ttl-inner { position: relative; padding: 3.5em 5em 3em; }
.page_title .ttl-box .ttl-inner h1, .page_title .ttl-box .ttl-inner .ttl-en { opacity: 0; animation-duration: 1s; animation-name: ttl-opacity; animation-fill-mode: forwards; animation-delay: 1s; }
@keyframes ttl-opacity { from { opacity: 0; }
to { opacity: 1; } }
.page_title .ttl-box .ttl-inner:before, .page_title .ttl-box .ttl-inner:after { position: absolute; z-index: 2; content: ''; width: 0; height: 0; border: 2px solid transparent; }
.page_title .ttl-box .ttl-inner:before { top: 0; left: 0; animation-duration: 1s; animation-name: ttl-border01; animation-fill-mode: forwards; }
@keyframes ttl-border01 { from { width: 0; }
50% { border-top-color: #0c1e72; width: 100%; height: 0; }
to { border-right-color: #0c1e72; border-top-color: #0c1e72; width: 100%; height: 100%; } }
.page_title .ttl-box .ttl-inner:after { bottom: 0; right: 0; animation-duration: 1s; animation-name: ttl-border02; animation-fill-mode: forwards; }
@keyframes ttl-border02 { from { width: 0; }
25% { width: 100%; border-bottom-color: #0c1e72; height: 0; }
to { border-left-color: #0c1e72; border-bottom-color: #0c1e72; width: 100%; height: 100%; } }
.page_title .ttl-box h1 { float: none; display: block; width: 100%; padding: 0; font-size: 3.2rem; font-weight: bold; color: #333333; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; line-height: 1; padding: 0.1em 0 0.3em; border-bottom: 2px solid #0c1e72; letter-spacing: 2px; }
.page_title .ttl-box span { display: block; text-transform: uppercase; font-size: 1.2rem; font-weight: bold; color: #0c1e72; letter-spacing: .2em; padding-top: 0.8em; line-height: 1; } .breadcrumbs-wrap { text-align: left; font-size: 11px; color: #333333; padding: 1em 0; }
.breadcrumbs-wrap a { color: #333333; }
.breadcrumbs-wrap a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .breadcrumbs-wrap a:hover { opacity: 1; } }
.breadcrumbs-wrap li { display: inline-block; }
.breadcrumbs-wrap li span { white-space: nowrap; }
.breadcrumbs-wrap .crumbs-spacer { padding: 0 .5em; } .banner-common-area { text-align: center; margin-bottom: 100px; padding-top: 60px; }
.banner-common-area .common-banner { background: url(//www.homes-g.com/wp-content/themes/kyma/images/about/kyoutu_banner_left.png) top left no-repeat; background-color: #f4f4f4; display: inline-block; width: 100%; max-width: 400px; }
.banner-common-area .common-banner:first-of-type { margin: 0 20px 0 0; }
.banner-common-area .common-banner:last-of-type { margin: 0 0 0 20px; }
.banner-common-area .common-banner .common-banner-in { padding: 20px 0; background: url(//www.homes-g.com/wp-content/themes/kyma/images/about/kyoutu_banner_right.png) top right no-repeat; min-height: 140px; }
.banner-common-area .common-banner .common-banner-in span { display: block; text-align: left; margin-left: 30px; color: #0c1e72; }
.banner-common-area .common-banner .common-banner-in .link-title { font-size: 3.0rem; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: bold; padding-top: 30px; line-height: 30px; }
.banner-common-area .common-banner .common-banner-in .link-copy { font-size: 1.4rem; font-weight: bold; }
.banner-common-area .common-banner:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .banner-common-area .common-banner:hover { opacity: 1; } }
.banner-common-area .common-banner.modelhouse { background-color: #ffffff; background: url(//www.homes-g.com/wp-content/themes/kyma/images/common/bnr_modelhouse.jpg) center center no-repeat; background-size: contain; }
.banner-common-area .common-banner.modelhouse .common-banner-in { background: none; }
.banner-common-area .common-banner.casestudy { background: url(//www.homes-g.com/wp-content/themes/kyma/images/common/bnr_casestudy.jpg) center center no-repeat; background-size: contain; }
.banner-common-area .common-banner.casestudy .common-banner-in { background: none; }
.banner-common-area .common-banner.house { background: url(//www.homes-g.com/wp-content/themes/kyma/images/common/bnr_house.jpg) center center no-repeat; background-size: contain; }
.banner-common-area .common-banner.house .common-banner-in { background: none; }
.banner-common-area .common-banner.subdivision { background: url(//www.homes-g.com/wp-content/themes/kyma/images/common/bnr_homeshouse.jpg) center center no-repeat; background-size: contain; }
.banner-common-area .common-banner.subdivision .common-banner-in { background: none; }
.banner-common-area .common-banner.about { background: url(//www.homes-g.com/wp-content/themes/kyma/images/common/bnr_about.jpg) center center no-repeat; background-size: contain; }
.banner-common-area .common-banner.about .common-banner-in { background: none; }
.banner-common-area .common-banner.introduction { background: url(//www.homes-g.com/wp-content/themes/kyma/images/common/bnr_introduction.jpg) center center no-repeat; background-size: contain; }
.banner-common-area .common-banner.introduction .common-banner-in { background: none; } .thumbnail { padding: 0; margin: 0; line-height: 1; border: none; border-radius: 0; }
.more-details { border-top: 2px solid #cccccc; border-bottom: 2px solid #cccccc; min-width: 1000px; padding: 30px 0; }
.more-details .inner { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; min-height: 120px; height: 100%; }
.more-details .prev-box, .more-details .next-box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; width: 41%; }
.more-details .prev-box h5, .more-details .next-box h5 { font-size: 1.6rem; font-weight: bold; }
.more-details .prev-box .btn-pagenation, .more-details .next-box .btn-pagenation { background-color: #0c1e72; color: #ffffff; min-height: 100%; width: 28px; padding: 1em; border: 2px solid #0c1e72; transition: all .3s; position: relative; z-index: 1; 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; }
.more-details .prev-box .btn-pagenation:hover, .more-details .next-box .btn-pagenation:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .more-details .prev-box .btn-pagenation:hover, .more-details .next-box .btn-pagenation:hover { opacity: 1; } }
.more-details .prev-box .btn-pagenation i, .more-details .next-box .btn-pagenation i { font-size: 3rem; }
.more-details .prev-box .txt-box, .more-details .next-box .txt-box { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; padding: 0 10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; }
.more-details .prev-box .img-trim-link-wrap, .more-details .next-box .img-trim-link-wrap { width: 160px; height: 120px; }
.more-details .prev-box .img-trim-link-wrap .img-trim, .more-details .next-box .img-trim-link-wrap .img-trim { width: 160px; padding-top: 75%; }
.more-details .prev-box { padding-right: 10px; }
.more-details .prev-box .btn-pagenation { margin-right: 10px; }
.more-details .next-box { padding-left: 10px; }
.more-details .next-box .btn-pagenation { margin-left: 10px; }
.more-details .back-link-box { width: 18%; border-left: 2px solid #cccccc; border-right: 2px solid #cccccc; text-align: center; }
.more-details .back-link-box:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .more-details .back-link-box:hover { opacity: 1; } }
.more-details .back-link-box a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 0 15px 10px; }
.more-details .back-link-box i { font-size: 3.4rem; color: #0c1e72; margin-bottom: 10px; }
.more-details .back-link-box h5 { text-align: center; display: block; letter-spacing: 0; font-size: 2rem; }
.more-details .back-link-box .txt-main { font-size: 1.4rem; font-weight: bold; } .term-box span { display: inline-block; color: #0c1e72; border: 1px solid #0c1e72; font-size: 1.4rem; padding: .4em 2em .3em; border-radius: 30px; margin-top: 10px; } div.triangle { display: inline-block; width: 0; height: 0; border-top: 20px solid transparent; border-right: 20px solid #0c1e72; border-bottom: 20px solid #0c1e72; border-left: 20px solid transparent; position: absolute; bottom: -40px; right: -40px; transition: .3s; opacity: 1; }
div.triangle i { color: #fff; font-size: 1.3rem; margin-top: .17em; margin-left: .25em; }
.br-sp { display: none; }
.br-pc { display: block; }
.sns-btn-area { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; margin-bottom: 15px; }
.sns-btn-area .sns-btn + .sns-btn { margin-left: 10px; } .ofi { object-fit: cover; object-position: 50% 50%; font-family: "object-fit: cover; object-position: 50% 50%;"; } @media screen and (max-width: 1000px) { .page_title { height: 220px; } } @media screen and (max-width: 750px) { .fix-area { left: 0; top: auto; bottom: 0; opacity: 0.9; height: 62px; }
.fix-area .fix-area-item { margin: 0; width: 20%; float: left; height: 100%; }
.fix-area .fix-area-item a { height: 100%; padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; border-right: 1px solid #ffffff; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; }
.fix-area .fix-area-item a i { display: inherit; font-size: 2rem; }
.fix-area .fix-area-item a i:not(.fa-chevron-up) { margin-bottom: 0; }
.fix-area .fix-area-item a i.fa-mobile { font-size: 2.4rem; line-height: 2rem; }
.fix-area .fix-area-item a span { font-size: 1.1rem; padding-bottom: 0; letter-spacing: 0; white-space: nowrap; }
.fix-area .fix-area-item.page-top { background: none; position: absolute; right: 0; top: -80px; }
.fix-area .fix-area-item #js-pageTop { padding: 10px 0; display: block; cursor: pointer; color: #ffffff; text-align: center; }
.fix-area .fix-area-item #js-pageTop i { color: #333333; font-size: 4.5rem; } .page_title { height: 120px; min-width: inherit; }
.page_title .ttl-box { min-width: 250px; }
.page_title .ttl-box .ttl-inner { padding: 2em 2.5em; }
.page_title .ttl-box .ttl-inner:before, .page_title .ttl-box .ttl-inner:after { border: 1px solid transparent; }
.page_title .ttl-box h1 { font-size: 1.8rem; letter-spacing: 0; border-bottom-width: 1px; }
.page_title .ttl-box span { font-size: 1.2rem; letter-spacing: .1em; }
.more-details { min-width: inherit; padding: 15px 0; }
.more-details .inner { margin: 0 auto; }
.more-details .back-link-box { width: auto; border: none; }
.more-details .back-link-box a { padding: 0; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }
.more-details .back-link-box a p { white-space: nowrap; }
.more-details.single-news .back-link-box { width: auto; }
.more-details .prev-box, .more-details .next-box { width: 55px; padding: 0; }
.more-details .prev-box .btn-pagenation, .more-details .next-box .btn-pagenation { width: 100%; margin: 0; padding: 0; }
.more-details .prev-box .btn-pagenation i, .more-details .next-box .btn-pagenation i { 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; white-space: nowrap; font-size: 2rem; }
.more-details .prev-box .btn-pagenation i::after { font-size: 13px; content: '前へ'; margin-left: 3px; font-weight: bold; white-space: nowrap; }
.more-details .next-box .btn-pagenation i::before { font-size: 13px; content: '次へ'; margin-right: 3px; font-weight: bold; }
.more-details .next-box .btn-pagenation i::after { content: "\f105"; white-space: nowrap; } .banner-common-area { margin-bottom: 70px; padding-top: 30px; }
.banner-common-area .common-banner { max-width: 300px; }
.banner-common-area .common-banner:first-of-type { margin: 0 0 20px 0; }
.banner-common-area .common-banner:last-of-type { margin: 0 0 0 0; }
.banner-common-area .common-banner .common-banner-in { min-height: 100px; }
.banner-common-area .common-banner .common-banner-in span { margin-left: 20px; }
.banner-common-area .common-banner .common-banner-in .link-title { font-size: 2.3rem; padding-top: 15px; line-height: 23px; }
.banner-common-area .common-banner .common-banner-in .link-copy { font-size: 1.2rem; }
div.triangle { bottom: 0; right: 0; }
.br-sp { display: block; }
.br-pc { display: none; }
.sns-btn-area { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } } .bnr-recruit { position: relative; background: #fff; border: solid #0c1e72 4px; background: #fff; background: url(//www.homes-g.com/wp-content/themes/kyma/images/recruit/bnr_recruit_human.png) no-repeat right 2px top; background-size: auto 100%; max-width: 1100px; height: 165px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; position: relative; overflow: hidden; }
.bnr-recruit:before { content: ""; display: block; height: 100%; width: 55px; position: absolute; top: -180px; right: -50%; background-color: #0c1e72; opacity: 0; transform: rotate(-45deg); animation: reflection 3.5s ease-out infinite; }
@media screen and (max-width: 750px) { .bnr-recruit:before { top: -0px; } }
@keyframes reflection { 0% { transform: scale(0) rotate(45deg); opacity: 0; }
81% { transform: scale(0) rotate(45deg); opacity: 0.5; }
86% { transform: scale(4) rotate(45deg); opacity: 1; }
100% { transform: scale(50) rotate(45deg); opacity: 0; } }
@media screen and (max-width: 750px) { .bnr-recruit { width: 100%; border: solid #0c1e72 2px; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; height: inherit; background: url(//www.homes-g.com/wp-content/themes/kyma/images/recruit/bnr_recruit_human_sp.png) no-repeat right top; background-size: 51% auto; } }
.bnr-recruit__section { padding: 20px 0 40px !important; }
@media screen and (max-width: 750px) { .bnr-recruit__section { padding: 0 0 10px 0 !important; } }
.bnr-recruit__wrap { opacity: 0; animation-delay: 0s; }
@media screen and (max-width: 750px) { .bnr-recruit__wrap { padding: 10px; } }
.bnr-recruit a { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }
.bnr-recruit__left { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; width: 225px; position: relative; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }
@media screen and (max-width: 750px) { .bnr-recruit__left { width: 48%; padding: 10px 0 7px; } }
.bnr-recruit__left:after { content: ""; height: 60%; position: absolute; right: 0; top: 20%; width: 2px; background: #bfcce4; }
.bnr-recruit__contents { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; padding-left: 90px; }
@media screen and (max-width: 750px) { .bnr-recruit__contents { padding: 10px 10% 0 0; padding-bottom: 34px; } }
.bnr-recruit-ttl--main { width: 361px; margin-bottom: 10px; opacity: 0; animation-delay: 0.8s; }
@media screen and (max-width: 750px) { .bnr-recruit-ttl--main { width: 78%; margin-bottom: 1em; padding: 2.5em 0 0; } }
.bnr-recruit-ttl--sub { width: 364px; opacity: 0; animation-delay: 1.2s; }
@media screen and (max-width: 750px) { .bnr-recruit-ttl--sub { width: 90%; } }
.bnr-recruit-ttl--left { width: 110px; opacity: 0; animation-delay: 0.1s; }
@media screen and (max-width: 750px) { .bnr-recruit-ttl--left { width: 63%; } }
.bnr-recruit__btn { position: absolute; right: 0; bottom: 0; opacity: 0; animation-delay: 1.4s; }
@media screen and (max-width: 750px) { .bnr-recruit__btn { width: 41%; } }
.bnr-recruit:hover { opacity: 0.9; } .list-indent__item { padding-left: 1em; text-indent: -1em; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 0; font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing: .1em; -webkit-font-feature-settings: "pkna" 1; font-feature-settings: "pkna" 1; }
.ttl-foot-col { font-size: 1.8rem; font-weight: bold; margin: 0; margin-bottom: 5px; color: #ffffff; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
.ttl-foot-col.black { color: #000000; }
.ttl-most-big { font-size: 3.5rem; font-weight: bold; line-height: 1.6; margin: 0; font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.ttl-most-big span { font-size: 3.5rem; font-weight: bold; margin: 0; }
@media screen and (max-width: 750px) { .ttl-most-big { font-size: 2.5rem; }
.ttl-most-big span { font-size: 2.5rem; } }
.ttl-bold { font-weight: bold; font-size: 2rem; font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.ttl-bold.border-top-2color, .ttl-bold.ttl-bouble-border { padding-left: 1em; padding-right: 1em; }
@media screen and (max-width: 750px) { .ttl-bold { font-size: 1.8rem; } }
.ttl-en { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
.ttl-bouble-border { padding: 2.5em 0; }
.ttl-circle { font-size: 1.8rem; padding: 1em 0; color: #0c1e72; }
.ttl-circle:before { content: ''; display: inline-block; width: 1em; height: 1em; border: 0.25em solid #0c1e72; border-radius: 3em; vertical-align: -2px; margin-right: .3em; }
.ttl-side-border { overflow: hidden; text-align: center; }
.ttl-side-border span { position: relative; display: inline-block; margin: 0 2.5em; padding: 0 1em; text-align: left; }
.ttl-side-border span:before, .ttl-side-border span:after { position: absolute; top: 50%; content: ''; width: 400%; height: 1px; background-color: #ccc; }
.ttl-side-border span:before { right: 100%; }
.ttl-side-border span:after { left: 100%; }
.item-ttl { text-align: center; }
.item-ttl .item-ttl-in { color: #0c1e72; display: inline-block; position: relative; font-size: 2.5rem; line-height: 2.8rem; margin: 0 0 50px; padding-top: 30px; }
.item-ttl .item-ttl-in::after { position: absolute; top: 0px; left: 0; right: 0; margin: auto; width: 60px; height: 2px; background: #0c1e72; content: ""; } .ttl-top-common { text-align: center; margin-bottom: 25px; }
.ttl-top-common .ttl-top-common-in { display: inline-block; }
.ttl-top-common .ttl-top-common-in .main { font-size: 3rem; color: #3c3c3c; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-weight: normal; margin-bottom: 10px; }
.ttl-top-common .ttl-top-common-in .sub { position: relative; margin-bottom: 15px; padding: 0 90px; }
.ttl-top-common .ttl-top-common-in .sub::before, .ttl-top-common .ttl-top-common-in .sub::after { content: ""; background: url(//www.homes-g.com/wp-content/themes/kyma/images/common/ttl_top_common_bg.gif) no-repeat; background-position: left center; position: absolute; top: 50%; left: 0; width: 100%; height: 5px; text-align: left; margin-top: -3px; }
.ttl-top-common .ttl-top-common-in .sub::after { text-align: right; background-position: right center; }
.ttl-top-common .ttl-top-common-in .sub .sub-in { font-size: 1.1rem; display: inline-block; z-index: 5; position: relative; letter-spacing: 4px; color: #333; }
.ttl-top-common.white .ttl-top-common-in .main { color: #ffffff; }
.ttl-top-common.white .ttl-top-common-in .sub::before, .ttl-top-common.white .ttl-top-common-in .sub::after { background-image: url(//www.homes-g.com/wp-content/themes/kyma/images/common/ttl_top_common_bg_w.gif); }
.ttl-top-common.white .ttl-top-common-in .sub .sub-in { color: #ffffff; }
.ttl-kagi { position: relative; line-height: 1.4; padding: 1em 1.2em; display: inline-block; font-size: 2.6rem; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; color: #0c1e72; }
.ttl-kagi.long { padding: 1em 5em; }
.ttl-kagi:before, .ttl-kagi:after { content: ''; width: 40px; height: 40px; position: absolute; display: inline-block; }
.ttl-kagi:before { border-left: solid 1px #0c1e72; border-top: solid 1px #0c1e72; top: 0; left: 0; }
.ttl-kagi:after { border-right: solid 1px #0c1e72; border-bottom: solid 1px #0c1e72; bottom: 0; right: 0; }
.ttl-side-line-h { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-top: 15px; margin-bottom: 15px; }
.ttl-side-line-h span { margin: 0 1em; white-space: nowrap; font-size: 1.8rem; color: #0c1e72; font-weight: bold; }
.ttl-side-line-h:before, .ttl-side-line-h:after { content: ''; display: inline-block; height: 7px; width: 100%; border: 3px solid #F1F3F9; border-left: 1px solid #0c1e72; border-right: 1px solid #0c1e72; background-color: #0c1e72; }
.ttl-style { font-size: 3.5rem; font-family: Garamond, "Roboto Slab", "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
.ttl-style.kitchen { color: #ac6b00; }
.ttl-style.bathroom { color: #aa89bd; }
.ttl-style.powderroom { color: #86c2af; }
.ttl-style.flooring { color: #c28694; }
.ttl-bg span { display: inline-block; color: #fff; font-size: 2.4rem; padding: .3em 1em .25em; background-color: #4e5ea5; margin-right: .7em; }
.ttl-company { font-size: 2.6rem; color: #0c1e72; text-align: center; position: relative; padding-top: 30px; }
.ttl-company:before { content: ''; display: inline-block; width: 60px; height: 2px; background-color: #0c1e72; position: absolute; top: -2px; left: 50%; margin-left: -30px; }
.ttl-architecture { font-size: 3.2rem; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-weight: 400; letter-spacing: .1em; text-align: center; color: #ffffff; text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.7); }
.ttl-architecture.house { color: #6C4B20; font-weight: 500; text-shadow: 0px 0px 10px #ffffff; } @media screen and (max-width: 750px) { .ttl-top-common .ttl-top-common-in .main { font-size: 2.2rem; margin-bottom: 5px; }
.ttl-top-common .ttl-top-common-in .sub .sub-in { font-size: 1rem; }
.ttl-kagi { padding: 1em 1em; font-size: 2rem; }
.ttl-kagi.long { padding: 1em 2em; white-space: nowrap; }
.ttl-kagi:before, .ttl-kagi:after { width: 20px; height: 20px; }
.ttl-side-line-h { text-align: center; }
.ttl-bg { text-align: center; }
.ttl-bg span { margin-right: 0; margin-bottom: 10px; font-size: 2rem; }
.ttl-architecture { font-size: 1.8rem; line-height: 1.3; text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.9); font-weight: 600; }
.ttl-architecture.house { font-weight: 600; } } .txt-main { font-size: 1.4rem; line-height: 1.6; margin: 0; word-break: break-all; }
@media screen and (max-width: 750px) { .txt-main { font-size: 1.2rem; text-align: left; } }
.txt-sub { font-size: 1.2rem; line-height: 1.6; margin: 0; }
@media screen and (max-width: 750px) { .txt-sub { font-size: 1rem; } }
.txt-sub.red { color: #993300; }
.txt-sub.txt-right { text-align: right; }
.txt-underline-2px { border-bottom: 2px solid #333; }
.txt-underline-1px { padding-bottom: 10px; border-bottom: 1px solid #d8d8d8; }
.txt-big { font-size: 2.2rem; }
@media screen and (max-width: 750px) { .txt-big { font-size: 1.8rem; } }
.txt-bold { font-weight: bold; }
.txt-small { font-size: 80%; }
.txt-quote-wrap { display: inline-block; position: relative; }
.txt-quote-wrap .txt-quote { display: inline-block; padding: 0 1.6em; font-size: 2.8rem; margin: 0; font-weight: bold; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.txt-quote-wrap:before, .txt-quote-wrap:after { color: #0c1e72; font-size: 2.4rem; position: absolute; line-height: 1; margin-top: -.5em; }
.txt-quote-wrap:before { font-family: "fontello"; content: ""; left: 0; top: 10px; }
.txt-quote-wrap:after { font-family: "fontello"; content: ""; right: 0; bottom: 1px; }
.txt-quote-wrap.sidebar { margin-bottom: 15px; }
.txt-quote-wrap.sidebar .txt-quote, .txt-quote-wrap.sidebar:before, .txt-quote-wrap.sidebar:after { font-size: 2.2rem; }
@media screen and (max-width: 750px) { .txt-quote-wrap:before, .txt-quote-wrap:after, .txt-quote-wrap .txt-quote { font-size: 2.0rem; }
.txt-quote-wrap .txt-quote { padding: 0 1.2em; line-height: 1.6; }
.txt-quote-wrap:before, .txt-quote-wrap:after { margin-top: 0; top: inherit; }
.txt-quote-wrap:before { top: 2px; }
.txt-quote-wrap:after { bottom: 5px; } }
.txt-quote-sub { font-size: 1.5rem; text-align: center; line-height: 1.6; margin-top: 30px; }
.txt-center-wrap { text-align: center; display: block; }
.txt-center-wrap .txt-align-left { text-align: left; display: inline-block; }
.txt-center { text-align: center; }
.txt-14 { font-size: 1.4rem; margin-bottom: 0; }
@media screen and (max-width: 750px) { .txt-14 { font-size: 1.4rem; } }
.txt-18 { font-size: 1.8rem; margin-bottom: 0; }
@media screen and (max-width: 750px) { .txt-18 { font-size: 1.6rem; } }
.txt-20 { font-size: 2.0rem; margin-bottom: 0; }
@media screen and (max-width: 750px) { .txt-20 { font-size: 1.6rem; } }
.txt-blue { color: #0c1e72; margin-bottom: 0; }
.txt-min { font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
@media screen and (max-width: 750px) { .sp-txt-center-wrap { text-align: center; }
.sp-txt-center-wrap .txt-box, .sp-txt-center-wrap p { display: inline-block; }
.sp-txt-center { text-align: center; }
.sp-txt-left { text-align: left; } }
.left-border-txt { display: inline-block; margin-top: 1em; padding: .5em 1em; border-left: 1px solid #4e5ea5; }
.txt-indent { text-indent: 1em; } .more-btn { position: relative; display: inline-block; padding: 17px 30px 17px 15px; max-width: 260px; max-height: 60px; width: 100%; height: 100%; text-align: center; color: #fff; font-size: 1.5rem; line-height: 1.7; background-color: #0c1e72; transition: all .3s; margin-top: 30px; border: none; }
.more-btn span { position: relative; z-index: 1; color: #fff; font-weight: bold; }
.more-btn span i { margin-right: 1em; transition: all 0.3s; }
.more-btn:before { content: ''; display: block; position: absolute; width: 0%; height: 100%; top: 0; left: 0; transition: all 0.5s; background-color: #4e5ea5; }
.more-btn:hover { background-color: #4e5ea5; }
.more-btn:hover:before { width: 100%; }
.more-btn:hover span i { margin-left: .5em; margin-right: .5em; }
.more-btn.back { background-color: #0c7260; }
.more-btn.back span i { margin-left: 1em; margin-right: 0; }
.more-btn.back:before { left: auto; right: 0; background-color: #13b79a; }
.more-btn.back:hover { background-color: #13b79a; }
.more-btn.back:hover span i { margin-left: .5em; margin-right: .5em; }
.more-btn.down span { position: relative; }
.more-btn.down span i { position: absolute; margin-left: 1em; margin-right: 0; top: 50%; margin-top: -.5em; }
.more-btn.down span.btn-open { display: none; }
.more-btn.down:before { width: 100%; height: 0; left: 0; right: 0; top: auto; bottom: 0; }
.more-btn.down:hover { cursor: pointer; }
.more-btn.down:hover span.btn-open i { margin-top: -.2em; }
.more-btn.down:hover span.btn-close i { margin-top: -.8em; }
.more-btn.down:hover:before { height: 100%; }
.more-btn.down.active:before { top: 0; bottom: auto; }
.more-btn.down.active:hover:before { height: 100%; }
.more-btn.down.active span.btn-open { display: inline-block; }
.more-btn.down.active span.btn-close { display: none; } _::-webkit-full-page-media, _:future, :root .more-btn:before { content: none; } .more-btns-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }
.more-btns-wrap .col2 { width: 50% !important; padding: 0 2% !important; float: left; }
.more-btns-wrap .col2 .more-btn { min-width: 150px; width: 100%; }
.more-btns-wrap .col2:first-of-type, .more-btns-wrap .col2:last-of-type { margin: 0; }
.btn-about { background: url(//www.homes-g.com/wp-content/themes/kyma/images/about/about_btn_bg_left.png) top left no-repeat; background-size: contain; background-color: #f4f4f4; display: inline-block; width: 100%; max-width: 200px; background-color: #3c4a8d; }
.btn-about .btn-about-in { min-height: 60px; background: url(//www.homes-g.com/wp-content/themes/kyma/images/about/about_btn_bg_right.png) top right no-repeat; background-size: contain; 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; }
.btn-about .btn-about-in:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .btn-about .btn-about-in:hover { opacity: 1; } }
.btn-about .btn-about-in a { display: block; font-size: 2rem; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; color: #ffffff; white-space: nowrap; margin: auto; line-height: 60px; margin: 0; }
.btn-about + .btn-about { margin-left: 50px; } @media screen and (max-width: 750px) { .more-btns-wrap { display: block; }
.more-btns-wrap .col2 { width: 100% !important; padding: 0 !important; float: none; }
.more-btns-wrap .col2 .more-btn { min-width: 150px; } } .table-gmap { width: 100%; }
.table-gmap th, .table-gmap td { border-top: 1px solid #cccccc; padding: 1em; vertical-align: middle; font-size: 1.4rem; }
.table-gmap tr { width: 100%; }
.table-gmap tr:last-child th, .table-gmap tr:last-child td { border-bottom: 1px solid #cccccc; }
.table-gmap th { width: 30%; background-color: #efefef; font-weight: bold; }
.table-gmap td { width: 70%; }
.table-gmap td .tel { font-size: 3rem; font-weight: bold; color: #0c1e72; }
@media screen and (max-width: 750px) { .table-gmap th, .table-gmap td { display: block; width: 100%; text-align: center; }
.table-gmap tr:last-child th { border-bottom: none; }
.table-gmap td .tel { font-size: 2.5rem; } }
.table-simple { width: 100%; }
.table-simple th, .table-simple td { display: inline-block; font-size: 1.6rem; padding-bottom: 1em; }
.table-simple th { width: 35%; font-weight: bold; }
.table-simple td { width: 65%; }
@media screen and (max-width: 750px) { .table-simple th, .table-simple td { font-size: 1.2rem; } }
.table-achievement { border-top: 1px solid #999; border-right: 1px solid #999; border-collapse: collapse; width: 100%; }
.table-achievement th, .table-achievement td { border-left: 1px solid #999; border-bottom: 1px solid #999; padding: 10px; font-size: 1.4rem; }
.table-achievement th { background-color: #eee; text-align: left; font-weight: bold; }
@media screen and (max-width: 750px) { .table-achievement { border: none; }
.table-achievement thead { display: none; }
.table-achievement tr { border-top: 1px solid #999; display: block; margin-bottom: 20px; }
.table-achievement th, .table-achievement td { font-size: 1.2rem; }
.table-achievement td { border-right: 1px solid #999; border-bottom: 1px solid #999; display: block; padding: 10px; text-align: right; }
.table-achievement td:before { content: attr(data-label); float: left; font-weight: bold; } }
.table-secrity { border-collapse: collapse; width: 100%; margin: 30px 0; }
.table-secrity th, .table-secrity td { padding: 1em; border: 1px solid #4e5ea5; font-size: 1.4rem; }
.table-secrity th span, .table-secrity td span { font-weight: bold; }
.table-secrity th { background-color: #eee; width: 20%; font-size: 1.6rem; font-weight: bold; }
@media screen and (max-width: 400px) { .table-secrity { border-top: 1px solid #4e5ea5; }
.table-secrity td { display: block; text-align: left; font-size: 1.2rem; }
.table-secrity th { display: block; text-align: center; border-top: none; border-bottom: none; width: 100%; font-size: 1.4rem; } }
.table-company { border-collapse: collapse; width: 100%; margin: 30px 0; }
.table-company th, .table-company td { padding: 10px; border: 1px solid #cccccc; }
.table-company th { background-color: #eeeeee; width: 20%; font-size: 1.4rem; }
.table-company td { font-size: 1.4rem; }
.table-company.policy thead th, .table-company.policy thead td { text-align: center; font-weight: bold; }
.table-company.policy thead th { background: #dddddd; }
.table-company.policy thead td { background: #dddddd; }
@media screen and (max-width: 400px) { .table-company { border-top: 1px solid #cccccc; }
.table-company td { display: block; text-align: left; font-size: 1.2rem; }
.table-company th { display: block; text-align: center; border-top: none; border-bottom: none; width: 100%; font-size: 1.2rem; } }  .border-top-2color, .ttl-bouble-border { position: relative; border-top: 2px solid #d6d6d6; display: block; }
.border-top-2color:after, .ttl-bouble-border:after { position: absolute; top: -2px; left: 0; z-index: 2; content: ''; width: 20%; height: 2px; background-color: #0c1e72; } .border-bottom-2color { position: relative; border-bottom: 2px solid #d6d6d6; display: block; }
.border-bottom-2color:after { position: absolute; bottom: -2px; left: 0; z-index: 2; content: ''; width: 20%; height: 2px; background-color: #0c1e72; }
.border-bottom-2color.reverse:after { left: auto; right: 0; }
.border-bottom-2color--red:after { position: absolute; bottom: -2px; left: 0; z-index: 2; content: ''; width: 20%; height: 2px; background-color: #C7161D; transition: .3s; } .border-top-1color { position: relative; border-top: 2px solid #d6d6d6; display: block; } .border-bottom-1color, .ttl-bouble-border { position: relative; border-bottom: 2px solid #d6d6d6; display: block; }
.border-box { display: inline-block; border: 1px solid #dddddd; padding: 1em; margin: 1em; margin-bottom: 0; }
.border-box span { text-align: left; display: inline-block; }  .u-m-0 { margin: 0 !important; }
.u-mt-0, .u-my-0 { margin-top: 0 !important; }
.u-mr-0, .u-mx-0 { margin-right: 0 !important; }
.u-mb-0, .u-my-0 { margin-bottom: 0 !important; }
.u-ml-0, .u-mx-0 { margin-left: 0 !important; }
.u-m-1 { margin: 0.5rem !important; }
.u-mt-1, .u-my-1 { margin-top: 0.5rem !important; }
.u-mr-1, .u-mx-1 { margin-right: 0.5rem !important; }
.u-mr-1-5, .u-mx-1-5 { margin-right: 0.75rem !important; }
.u-mb-1, .u-my-1 { margin-bottom: 0.5rem !important; }
.u-ml-1-5, .u-mx-1-5 { margin-left: 0.75rem !important; }
.u-m-2 { margin: 1rem !important; }
.u-mt-2, .u-my-2 { margin-top: 1rem !important; }
.u-mr-2, .u-mx-2 { margin-right: 1rem !important; }
.u-mb-2, .u-my-2 { margin-bottom: 1rem !important; }
.u-ml-2, .u-mx-2 { margin-left: 1rem !important; }
.u-m-3 { margin: 1.5rem !important; }
.u-mt-3, .u-my-3 { margin-top: 1.5rem !important; }
.u-mr-3, .u-mx-3 { margin-right: 1.5rem !important; }
.u-mb-3, .u-my-3 { margin-bottom: 1.5rem !important; }
.u-ml-3, .u-mx-3 { margin-left: 1.5rem !important; }
.u-m-4 { margin: 2rem !important; }
.u-mt-4, .u-my-4 { margin-top: 2rem !important; }
.u-mt-4-5, .u-my-4-5 { margin-top: 2.5rem !important; }
.u-mr-4, .u-mx-4 { margin-right: 2rem !important; }
.u-mb-4, .u-my-4 { margin-bottom: 2rem !important; }
.u-ml-4, .u-mx-4 { margin-left: 2rem !important; }
.u-m-5 { margin: 3rem !important; }
.u-mt-5, .u-my-5 { margin-top: 3rem !important; }
.u-mt-8, .u-my-8 { margin-top: 6rem !important; }
.u-mr-5, .u-mx-5 { margin-right: 3rem !important; }
.u-mb-5, .u-my-5 { margin-bottom: 3rem !important; }
.u-mb-8, .u-my-8 { margin-bottom: 6rem !important; }
.u-ml-5, .u-mx-5 { margin-left: 3rem !important; }
.u-p-0 { padding: 0 !important; }
.u-pt-0, .u-py-0 { padding-top: 0 !important; }
.u-pr-0, .u-px-0 { padding-right: 0 !important; }
.u-pb-0, .u-py-0 { padding-bottom: 0 !important; }
.u-pl-0, .u-px-0 { padding-left: 0 !important; }
.u-p-1 { padding: 0.5rem !important; }
.u-pt-1, .u-py-1 { padding-top: 0.5rem !important; }
.u-pr-1, .u-px-1 { padding-right: 0.5rem !important; }
.u-pr-0-5, .u-px-0-5 { padding-right: 0.25rem !important; }
.u-pb-1, .u-py-1 { padding-bottom: 0.5rem !important; }
.u-pl-1, .u-px-1 { padding-left: 0.5rem !important; }
.u-pl-0-5, .u-px-0-5 { padding-left: 0.25rem !important; }
.u-p-2 { padding: 1rem !important; }
.u-pt-2, .u-py-2 { padding-top: 1rem !important; }
.u-pr-2, .u-px-2 { padding-right: 1rem !important; }
.u-pb-2, .u-py-2 { padding-bottom: 1rem !important; }
.u-pl-2, .u-px-2 { padding-left: 1rem !important; }
.u-p-3 { padding: 1.5rem !important; }
.u-pt-3, .u-py-3 { padding-top: 1.5rem !important; }
.u-pr-3, .u-px-3 { padding-right: 1.5rem !important; }
.u-pb-3, .u-py-3 { padding-bottom: 1.5rem !important; }
.u-pl-3, .u-px-3 { padding-left: 1.5rem !important; }
.u-p-4 { padding: 2rem !important; }
.u-pt-4, .u-py-4 { padding-top: 2rem !important; }
.u-pr-4, .u-px-4 { padding-right: 2rem !important; }
.u-pb-4, .u-py-4 { padding-bottom: 2rem !important; }
.u-pl-4, .u-px-4 { padding-left: 2rem !important; }
.u-p-5 { padding: 3rem !important; }
.u-pt-5, .u-py-5 { padding-top: 3rem !important; }
.u-pt-6, .u-py-6 { padding-top: 4rem !important; }
.u-pt-7, .u-py-7 { padding-top: 5rem !important; }
.u-pr-5, .u-px-5 { padding-right: 3rem !important; }
.u-pb-5, .u-py-5 { padding-bottom: 3rem !important; }
.u-pl-5, .u-px-5 { padding-left: 3rem !important; }
.u-m-auto { margin: auto !important; }
.u-mt-auto, .u-my-auto { margin-top: auto !important; }
.u-mr-auto, .u-mx-auto { margin-right: auto !important; }
.u-mb-auto, .u-my-auto { margin-bottom: auto !important; }
.u-ml-auto, .u-mx-auto { margin-left: auto !important; }
@media screen and (min-width: 576px) { .u-m-sm-0 { margin: 0 !important; }
.u-mt-sm-0, .u-my-sm-0 { margin-top: 0 !important; }
.u-mr-sm-0, .u-mx-sm-0 { margin-right: 0 !important; }
.u-mb-sm-0, .u-my-sm-0 { margin-bottom: 0 !important; }
.u-ml-sm-0, .u-mx-sm-0 { margin-left: 0 !important; }
.u-m-sm-1 { margin: 0.5rem !important; }
.u-mt-sm-1, .u-my-sm-1 { margin-top: 0.5rem !important; }
.u-mr-sm-1, .u-mx-sm-1 { margin-right: 0.5rem !important; }
.u-mb-sm-1, .u-my-sm-1 { margin-bottom: 0.5rem !important; }
.u-ml-sm-1, .u-mx-sm-1 { margin-left: 0.5rem !important; }
.u-m-sm-2 { margin: 1rem !important; }
.u-mt-sm-2, .u-my-sm-2 { margin-top: 1rem !important; }
.u-mr-sm-2, .u-mx-sm-2 { margin-right: 1rem !important; }
.u-mb-sm-2, .u-my-sm-2 { margin-bottom: 1rem !important; }
.u-ml-sm-2, .u-mx-sm-2 { margin-left: 1rem !important; }
.u-m-sm-3 { margin: 1.5rem !important; }
.u-mt-sm-3, .u-my-sm-3 { margin-top: 1.5rem !important; }
.u-mr-sm-3, .u-mx-sm-3 { margin-right: 1.5rem !important; }
.u-mb-sm-3, .u-my-sm-3 { margin-bottom: 1.5rem !important; }
.u-ml-sm-3, .u-mx-sm-3 { margin-left: 1.5rem !important; }
.u-m-sm-4 { margin: 2rem !important; }
.u-mt-sm-4, .u-my-sm-4 { margin-top: 2rem !important; }
.u-mr-sm-4, .u-mx-sm-4 { margin-right: 2rem !important; }
.u-mb-sm-4, .u-my-sm-4 { margin-bottom: 2rem !important; }
.u-ml-sm-4, .u-mx-sm-4 { margin-left: 2rem !important; }
.u-m-sm-5 { margin: 3rem !important; }
.u-mt-sm-5, .u-my-sm-5 { margin-top: 3rem !important; }
.u-mr-sm-5, .u-mx-sm-5 { margin-right: 3rem !important; }
.u-mb-sm-5, .u-my-sm-5 { margin-bottom: 3rem !important; }
.u-ml-sm-5, .u-mx-sm-5 { margin-left: 3rem !important; }
.u-p-sm-0 { padding: 0 !important; }
.u-pt-sm-0, .u-py-sm-0 { padding-top: 0 !important; }
.u-pr-sm-0, .u-px-sm-0 { padding-right: 0 !important; }
.u-pb-sm-0, .u-py-sm-0 { padding-bottom: 0 !important; }
.u-pl-sm-0, .u-px-sm-0 { padding-left: 0 !important; }
.u-p-sm-1 { padding: 0.5rem !important; }
.u-pt-sm-1, .u-py-sm-1 { padding-top: 0.5rem !important; }
.u-pr-sm-1, .u-px-sm-1 { padding-right: 0.5rem !important; }
.u-pb-sm-1, .u-py-sm-1 { padding-bottom: 0.5rem !important; }
.u-pl-sm-1, .u-px-sm-1 { padding-left: 0.5rem !important; }
.u-p-sm-2 { padding: 1rem !important; }
.u-pt-sm-2, .u-py-sm-2 { padding-top: 1rem !important; }
.u-pr-sm-2, .u-px-sm-2 { padding-right: 1rem !important; }
.u-pb-sm-2, .u-py-sm-2 { padding-bottom: 1rem !important; }
.u-pl-sm-2, .u-px-sm-2 { padding-left: 1rem !important; }
.u-p-sm-3 { padding: 1.5rem !important; }
.u-pt-sm-3, .u-py-sm-3 { padding-top: 1.5rem !important; }
.u-pr-sm-3, .u-px-sm-3 { padding-right: 1.5rem !important; }
.u-pb-sm-3, .u-py-sm-3 { padding-bottom: 1.5rem !important; }
.u-pl-sm-3, .u-px-sm-3 { padding-left: 1.5rem !important; }
.u-p-sm-4 { padding: 2rem !important; }
.u-pt-sm-4, .u-py-sm-4 { padding-top: 2rem !important; }
.u-pr-sm-4, .u-px-sm-4 { padding-right: 2rem !important; }
.u-pb-sm-4, .u-py-sm-4 { padding-bottom: 2rem !important; }
.u-pl-sm-4, .u-px-sm-4 { padding-left: 2rem !important; }
.u-p-sm-5 { padding: 3rem !important; }
.u-pt-sm-5, .u-py-sm-5 { padding-top: 3rem !important; }
.u-pr-sm-5, .u-px-sm-5 { padding-right: 3rem !important; }
.u-pb-sm-5, .u-py-sm-5 { padding-bottom: 3rem !important; }
.u-pb-sm-5, .u-py-sm-5 { padding-bottom: 3rem !important; }
.u-pl-sm-5, .u-px-sm-5 { padding-left: 3rem !important; }
.u-m-sm-auto { margin: auto !important; }
.u-mt-sm-auto, .u-my-sm-auto { margin-top: auto !important; }
.u-mr-sm-auto, .u-mx-sm-auto { margin-right: auto !important; }
.u-mb-sm-auto, .u-my-sm-auto { margin-bottom: auto !important; }
.u-ml-sm-auto, .u-mx-sm-auto { margin-left: auto !important; } }
@media screen and (min-width: 768px) { .u-m-md-0 { margin: 0 !important; }
.u-mt-md-0, .u-my-md-0 { margin-top: 0 !important; }
.u-mr-md-0, .u-mx-md-0 { margin-right: 0 !important; }
.u-mb-md-0, .u-my-md-0 { margin-bottom: 0 !important; }
.u-ml-md-0, .u-mx-md-0 { margin-left: 0 !important; }
.u-m-md-1 { margin: 0.5rem !important; }
.u-mt-md-1, .u-my-md-1 { margin-top: 0.5rem !important; }
.u-mr-md-1, .u-mx-md-1 { margin-right: 0.5rem !important; }
.u-mb-md-1, .u-my-md-1 { margin-bottom: 0.5rem !important; }
.u-ml-md-1, .u-mx-md-1 { margin-left: 0.5rem !important; }
.u-m-md-2 { margin: 1rem !important; }
.u-mt-md-2, .u-my-md-2 { margin-top: 1rem !important; }
.u-mr-md-2, .u-mx-md-2 { margin-right: 1rem !important; }
.u-mb-md-2, .u-my-md-2 { margin-bottom: 1rem !important; }
.u-ml-md-2, .u-mx-md-2 { margin-left: 1rem !important; }
.u-m-md-3 { margin: 1.5rem !important; }
.u-mt-md-3, .u-my-md-3 { margin-top: 1.5rem !important; }
.u-mr-md-3, .u-mx-md-3 { margin-right: 1.5rem !important; }
.u-mb-md-3, .u-my-md-3 { margin-bottom: 1.5rem !important; }
.u-ml-md-3, .u-mx-md-3 { margin-left: 1.5rem !important; }
.u-m-md-4 { margin: 2rem !important; }
.u-mt-md-4, .u-my-md-4 { margin-top: 2rem !important; }
.u-mr-md-4, .u-mx-md-4 { margin-right: 2rem !important; }
.u-mb-md-4, .u-my-md-4 { margin-bottom: 2rem !important; }
.u-ml-md-4, .u-mx-md-4 { margin-left: 2rem !important; }
.u-m-md-5 { margin: 3rem !important; }
.u-mt-md-5, .u-my-md-5 { margin-top: 3rem !important; }
.u-mt-md-8, .u-my-md-8 { margin-top: 6rem !important; }
.u-mr-md-5, .u-mx-md-5 { margin-right: 3rem !important; }
.u-mb-md-5, .u-my-md-5 { margin-bottom: 3rem !important; }
.u-ml-md-5, .u-mx-md-5 { margin-left: 3rem !important; }
.u-p-md-0 { padding: 0 !important; }
.u-pt-md-0, .u-py-md-0 { padding-top: 0 !important; }
.u-pr-md-0, .u-px-md-0 { padding-right: 0 !important; }
.u-pb-md-0, .u-py-md-0 { padding-bottom: 0 !important; }
.u-pl-md-0, .u-px-md-0 { padding-left: 0 !important; }
.u-p-md-1 { padding: 0.5rem !important; }
.u-pt-md-1, .u-py-md-1 { padding-top: 0.5rem !important; }
.u-pr-md-1, .u-px-md-1 { padding-right: 0.5rem !important; }
.u-pb-md-1, .u-py-md-1 { padding-bottom: 0.5rem !important; }
.u-pl-md-1, .u-px-md-1 { padding-left: 0.5rem !important; }
.u-p-md-2 { padding: 1rem !important; }
.u-pt-md-2, .u-py-md-2 { padding-top: 1rem !important; }
.u-pr-md-2, .u-px-md-2 { padding-right: 1rem !important; }
.u-pb-md-2, .u-py-md-2 { padding-bottom: 1rem !important; }
.u-pl-md-2, .u-px-md-2 { padding-left: 1rem !important; }
.u-p-md-3 { padding: 1.5rem !important; }
.u-pt-md-3, .u-py-md-3 { padding-top: 1.5rem !important; }
.u-pr-md-3, .u-px-md-3 { padding-right: 1.5rem !important; }
.u-pb-md-3, .u-py-md-3 { padding-bottom: 1.5rem !important; }
.u-pl-md-3, .u-px-md-3 { padding-left: 1.5rem !important; }
.u-p-md-4 { padding: 2rem !important; }
.u-pt-md-4, .u-py-md-4 { padding-top: 2rem !important; }
.u-pr-md-4, .u-px-md-4 { padding-right: 2rem !important; }
.u-pb-md-4, .u-py-md-4 { padding-bottom: 2rem !important; }
.u-pl-md-4, .u-px-md-4 { padding-left: 2rem !important; }
.u-p-md-5 { padding: 3rem !important; }
.u-pt-md-5, .u-py-md-5 { padding-top: 3rem !important; }
.u-pr-md-5, .u-px-md-5 { padding-right: 3rem !important; }
.u-pb-md-5, .u-py-md-5 { padding-bottom: 3rem !important; }
.u-pb-md-6, .u-py-md-6 { padding-bottom: 4rem !important; }
.u-pb-md-7, .u-py-md-7 { padding-bottom: 5.5rem !important; }
.u-pl-md-5, .u-px-md-5 { padding-left: 3rem !important; }
.u-m-md-auto { margin: auto !important; }
.u-mt-md-auto, .u-my-md-auto { margin-top: auto !important; }
.u-mr-md-auto, .u-mx-md-auto { margin-right: auto !important; }
.u-mb-md-auto, .u-my-md-auto { margin-bottom: auto !important; }
.u-ml-md-auto, .u-mx-md-auto { margin-left: auto !important; } }
@media screen and (min-width: 992px) { .u-m-lg-0 { margin: 0 !important; }
.u-mt-lg-0, .u-my-lg-0 { margin-top: 0 !important; }
.u-mr-lg-0, .u-mx-lg-0 { margin-right: 0 !important; }
.u-mb-lg-0, .u-my-lg-0 { margin-bottom: 0 !important; }
.u-ml-lg-0, .u-mx-lg-0 { margin-left: 0 !important; }
.u-m-lg-1 { margin: 0.5rem !important; }
.u-mt-lg-1, .u-my-lg-1 { margin-top: 0.5rem !important; }
.u-mr-lg-1, .u-mx-lg-1 { margin-right: 0.5rem !important; }
.u-mb-lg-1, .u-my-lg-1 { margin-bottom: 0.5rem !important; }
.u-ml-lg-1, .u-mx-lg-1 { margin-left: 0.5rem !important; }
.u-m-lg-2 { margin: 1rem !important; }
.u-mt-lg-2, .u-my-lg-2 { margin-top: 1rem !important; }
.u-mr-lg-2, .u-mx-lg-2 { margin-right: 1rem !important; }
.u-mb-lg-2, .u-my-lg-2 { margin-bottom: 1rem !important; }
.u-ml-lg-2, .u-mx-lg-2 { margin-left: 1rem !important; }
.u-m-lg-3 { margin: 1.5rem !important; }
.u-mt-lg-3, .u-my-lg-3 { margin-top: 1.5rem !important; }
.u-mr-lg-3, .u-mx-lg-3 { margin-right: 1.5rem !important; }
.u-mb-lg-3, .u-my-lg-3 { margin-bottom: 1.5rem !important; }
.u-ml-lg-3, .u-mx-lg-3 { margin-left: 1.5rem !important; }
.u-m-lg-4 { margin: 2rem !important; }
.u-mt-lg-4, .u-my-lg-4 { margin-top: 2rem !important; }
.u-mr-lg-4, .u-mx-lg-4 { margin-right: 2rem !important; }
.u-mb-lg-4, .u-my-lg-4 { margin-bottom: 2rem !important; }
.u-ml-lg-4, .u-mx-lg-4 { margin-left: 2rem !important; }
.u-m-lg-5 { margin: 3rem !important; }
.u-mt-lg-5, .u-my-lg-5 { margin-top: 3rem !important; }
.u-mr-lg-5, .u-mx-lg-5 { margin-right: 3rem !important; }
.u-mb-lg-5, .u-my-lg-5 { margin-bottom: 3rem !important; }
.u-ml-lg-5, .u-mx-lg-5 { margin-left: 3rem !important; }
.u-p-lg-0 { padding: 0 !important; }
.u-pt-lg-0, .u-py-lg-0 { padding-top: 0 !important; }
.u-pr-lg-0, .u-px-lg-0 { padding-right: 0 !important; }
.u-pb-lg-0, .u-py-lg-0 { padding-bottom: 0 !important; }
.u-pl-lg-0, .u-px-lg-0 { padding-left: 0 !important; }
.u-p-lg-1 { padding: 0.5rem !important; }
.u-pt-lg-1, .u-py-lg-1 { padding-top: 0.5rem !important; }
.u-pr-lg-1, .u-px-lg-1 { padding-right: 0.5rem !important; }
.u-pb-lg-1, .u-py-lg-1 { padding-bottom: 0.5rem !important; }
.u-pl-lg-1, .u-px-lg-1 { padding-left: 0.5rem !important; }
.u-p-lg-2 { padding: 1rem !important; }
.u-pt-lg-2, .u-py-lg-2 { padding-top: 1rem !important; }
.u-pr-lg-2, .u-px-lg-2 { padding-right: 1rem !important; }
.u-pb-lg-2, .u-py-lg-2 { padding-bottom: 1rem !important; }
.u-pl-lg-2, .u-px-lg-2 { padding-left: 1rem !important; }
.u-p-lg-3 { padding: 1.5rem !important; }
.u-pt-lg-3, .u-py-lg-3 { padding-top: 1.5rem !important; }
.u-pr-lg-3, .u-px-lg-3 { padding-right: 1.5rem !important; }
.u-pb-lg-3, .u-py-lg-3 { padding-bottom: 1.5rem !important; }
.u-pl-lg-3, .u-px-lg-3 { padding-left: 1.5rem !important; }
.u-p-lg-4 { padding: 2rem !important; }
.u-pt-lg-4, .u-py-lg-4 { padding-top: 2rem !important; }
.u-pr-lg-4, .u-px-lg-4 { padding-right: 2rem !important; }
.u-pb-lg-4, .u-py-lg-4 { padding-bottom: 2rem !important; }
.u-pl-lg-4, .u-px-lg-4 { padding-left: 2rem !important; }
.u-p-lg-5 { padding: 3rem !important; }
.u-pt-lg-5, .u-py-lg-5 { padding-top: 3rem !important; }
.u-pr-lg-5, .u-px-lg-5 { padding-right: 3rem !important; }
.u-pb-lg-5, .u-py-lg-5 { padding-bottom: 3rem !important; }
.u-pl-lg-5, .u-px-lg-5 { padding-left: 3rem !important; }
.u-m-lg-auto { margin: auto !important; }
.u-mt-lg-auto, .u-my-lg-auto { margin-top: auto !important; }
.u-mr-lg-auto, .u-mx-lg-auto { margin-right: auto !important; }
.u-mb-lg-auto, .u-my-lg-auto { margin-bottom: auto !important; }
.u-ml-lg-auto, .u-mx-lg-auto { margin-left: auto !important; } }
@media screen and (min-width: 1200px) { .u-m-xl-0 { margin: 0 !important; }
.u-mt-xl-0, .u-my-xl-0 { margin-top: 0 !important; }
.u-mr-xl-0, .u-mx-xl-0 { margin-right: 0 !important; }
.u-mb-xl-0, .u-my-xl-0 { margin-bottom: 0 !important; }
.u-ml-xl-0, .u-mx-xl-0 { margin-left: 0 !important; }
.u-m-xl-1 { margin: 0.5rem !important; }
.u-mt-xl-1, .u-my-xl-1 { margin-top: 0.5rem !important; }
.u-mr-xl-1, .u-mx-xl-1 { margin-right: 0.5rem !important; }
.u-mb-xl-1, .u-my-xl-1 { margin-bottom: 0.5rem !important; }
.u-ml-xl-1, .u-mx-xl-1 { margin-left: 0.5rem !important; }
.u-m-xl-2 { margin: 1rem !important; }
.u-mt-xl-2, .u-my-xl-2 { margin-top: 1rem !important; }
.u-mr-xl-2, .u-mx-xl-2 { margin-right: 1rem !important; }
.u-mb-xl-2, .u-my-xl-2 { margin-bottom: 1rem !important; }
.u-ml-xl-2, .u-mx-xl-2 { margin-left: 1rem !important; }
.u-m-xl-3 { margin: 1.5rem !important; }
.u-mt-xl-3, .u-my-xl-3 { margin-top: 1.5rem !important; }
.u-mr-xl-3, .u-mx-xl-3 { margin-right: 1.5rem !important; }
.u-mb-xl-3, .u-my-xl-3 { margin-bottom: 1.5rem !important; }
.u-ml-xl-3, .u-mx-xl-3 { margin-left: 1.5rem !important; }
.u-m-xl-4 { margin: 2rem !important; }
.u-mt-xl-4, .u-my-xl-4 { margin-top: 2rem !important; }
.u-mr-xl-4, .u-mx-xl-4 { margin-right: 2rem !important; }
.u-mb-xl-4, .u-my-xl-4 { margin-bottom: 2rem !important; }
.u-ml-xl-4, .u-mx-xl-4 { margin-left: 2rem !important; }
.u-m-xl-5 { margin: 3rem !important; }
.u-mt-xl-5, .u-my-xl-5 { margin-top: 3rem !important; }
.u-mr-xl-5, .u-mx-xl-5 { margin-right: 3rem !important; }
.u-mb-xl-5, .u-my-xl-5 { margin-bottom: 3rem !important; }
.u-ml-xl-5, .u-mx-xl-5 { margin-left: 3rem !important; }
.u-p-xl-0 { padding: 0 !important; }
.u-pt-xl-0, .u-py-xl-0 { padding-top: 0 !important; }
.u-pr-xl-0, .u-px-xl-0 { padding-right: 0 !important; }
.u-pb-xl-0, .u-py-xl-0 { padding-bottom: 0 !important; }
.u-pl-xl-0, .u-px-xl-0 { padding-left: 0 !important; }
.u-p-xl-1 { padding: 0.5rem !important; }
.u-pt-xl-1, .u-py-xl-1 { padding-top: 0.5rem !important; }
.u-pr-xl-1, .u-px-xl-1 { padding-right: 0.5rem !important; }
.u-pb-xl-1, .u-py-xl-1 { padding-bottom: 0.5rem !important; }
.u-pl-xl-1, .u-px-xl-1 { padding-left: 0.5rem !important; }
.u-p-xl-2 { padding: 1rem !important; }
.u-pt-xl-2, .u-py-xl-2 { padding-top: 1rem !important; }
.u-pr-xl-2, .u-px-xl-2 { padding-right: 1rem !important; }
.u-pb-xl-2, .u-py-xl-2 { padding-bottom: 1rem !important; }
.u-pl-xl-2, .u-px-xl-2 { padding-left: 1rem !important; }
.u-p-xl-3 { padding: 1.5rem !important; }
.u-pt-xl-3, .u-py-xl-3 { padding-top: 1.5rem !important; }
.u-pr-xl-3, .u-px-xl-3 { padding-right: 1.5rem !important; }
.u-pb-xl-3, .u-py-xl-3 { padding-bottom: 1.5rem !important; }
.u-pl-xl-3, .u-px-xl-3 { padding-left: 1.5rem !important; }
.u-p-xl-4 { padding: 2rem !important; }
.u-pt-xl-4, .u-py-xl-4 { padding-top: 2rem !important; }
.u-pr-xl-4, .u-px-xl-4 { padding-right: 2rem !important; }
.u-pb-xl-4, .u-py-xl-4 { padding-bottom: 2rem !important; }
.u-pl-xl-4, .u-px-xl-4 { padding-left: 2rem !important; }
.u-p-xl-5 { padding: 3rem !important; }
.u-pt-xl-5, .u-py-xl-5 { padding-top: 3rem !important; }
.u-pr-xl-5, .u-px-xl-5 { padding-right: 3rem !important; }
.u-pb-xl-5, .u-py-xl-5 { padding-bottom: 3rem !important; }
.u-pl-xl-5, .u-px-xl-5 { padding-left: 3rem !important; }
.u-m-xl-auto { margin: auto !important; }
.u-mt-xl-auto, .u-my-xl-auto { margin-top: auto !important; }
.u-mr-xl-auto, .u-mx-xl-auto { margin-right: auto !important; }
.u-mb-xl-auto, .u-my-xl-auto { margin-bottom: auto !important; }
.u-ml-xl-auto, .u-mx-xl-auto { margin-left: auto !important; } } .u-indent { padding-left: 1em; text-indent: -1em; }
.u-indent-sp { padding-left: 1em; text-indent: -1em; }
@media screen and (min-width: 768px) { .u-indent-sp { padding-left: 0; text-indent: 0; } }    .opening-main-newspost { bottom: 10px; left: 10px; width: 380px; z-index: 1; position: relative; position: fixed; z-index: 100; }
.opening-main-newspost a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.opening-main-newspost-wrap { display: block !important; }
.opening-main-newspost__num { background: #fff; top: -5px; right: 5px; color: #6b1414; width: 32px; height: 32px; text-align: center; line-height: 32px; font-size: 18px; font-weight: bold; border-radius: 2px; box-shadow: -1px 2px 7px 1px rgba(0, 0, 0, 0.1); z-index: 100; position: absolute; }
.opening-main-newspost__num:before { content: ""; position: absolute; top: 72%; left: 50%; margin-left: -5px; border: 5px solid transparent; border-top: 15px solid #fff; margin-top: 1px; }
.opening-main-newspost__ttl { color: #fff; height: 40px; line-height: 40px; font-size: 18px; padding-left: 10px; background: rgba(179, 60, 60, 0.9); position: relative; position: relative; }
.opening-main-newspost__ttl a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.opening-main-newspost__ttl img { margin: 0 10px 0 5px; display: inline-block; }
.opening-main-newspost__ttl span { font-size: 1.0rem; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: 600; }
.opening-main-newspost__ttl i { position: absolute; right: 14px; top: 12px; }
.opening-main-newspost__ttl--sizedown { border-radius: 3px; width: 280px; height: 48px; line-height: 48px; }
.opening-main-newspost__ttl--sizedown .opening-main-newspost__num { top: -3px; box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.2); }
.opening-main-newspost__ttl--sizedown i { top: 16px; }
.opening-main-newspost__content { border: solid #e4e4e4 1px; border-top: 0; padding: 10px 28px; height: 110px; background: rgba(255, 255, 255, 0.95); overflow: hidden; }
.opening-main-newspost__content-list { width: 326px; height: 100px; }
.opening-main-newspost__content-item { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; display: flex !important; overflow: hidden; height: 90px; overflow: hidden; }
.opening-main-newspost__content-item a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.opening-main-newspost__content-item.slick-active { width: 339px !important; }
.opening-main-newspost__content-thum { max-width: 70px; max-height: 70px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; margin-left: 5px; }
.opening-main-newspost__content-thum img { max-width: 100%; width: 100%; height: auto; }
.opening-main-newspost__content-box { max-width: 235px; margin-left: 12px; }
.opening-main-newspost__content-date { font-size: 14px; float: left; font-weight: bold; }
.opening-main-newspost__content-cate { font-size: 14px; float: left; background: #0c1e72; display: inline-block; color: #fff; padding: 0 8px; font-size: 1.1rem; margin-left: 5px; }
.opening-main-newspost__content-ttl { font-size: 14px; clear: both; text-decoration: underline; font-weight: bold; color: #172c8e; line-height: 134%; }
.opening-main-newspost__content-text { font-size: 12px; }
.opening-main-newspost .slick-arrow { top: 50% !important; padding: 12px !important; z-index: 10 !important; right: -23px !important; background: none; }
.opening-main-newspost .slick-arrow:before { color: #ccc !important; }
.opening-main-newspost .slick-arrow:hover { background: none !important; }
.opening-main-newspost .slick-arrow:focus { background: none !important; }
.opening-main-newspost .slick-next { right: -18px !important; }
.opening-main-newspost .slick-next:before { color: #ccc !important; }
.opening-main-newspost .slick-prev { left: -22px !important; }
.opening-main-newspost .slick-prev:before { color: #ccc !important; }
.main-visual { position: relative; min-width: 1000px; }
.main-visual .opening-main-news { display: none; }
.main-visual .opening-main-ttl { position: absolute; top: 0; left: 0; width: 100%; text-align: center; padding-top: 110px; }
.main-visual .opening-main-ttl-main { font-size: 33px; color: #fff; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; text-shadow: 0px 0px 30px #43322d; line-height: 1.5; line-height: 1.2; font-weight: 800; }
.main-visual .opening-main-ttl-main__copy { font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size: 50px; color: #fff; font-weight: 400; text-shadow: 0px 0px 30px #43322d; line-height: 1.5; margin-left: 30px; }
.main-visual .opening-main-ttl-main__sm { font-size: 20px; font-weight: 800; letter-spacing: 2px; margin-bottom: -37px; margin-top: 10px; display: block; }
.main-visual .opening-main-ttl-main__lg { font-size: 57px; font-weight: 400; margin-right: 5px; margin-left: 10px; }
.main-visual .opening-main-ttl-main__border { position: relative; letter-spacing: 2px; height: 65px; display: block; }
.main-visual .opening-main-ttl-main__border:after { content: ""; background: #fff; min-width: 322px; height: 1px; display: block; position: absolute; left: calc(50% - 160px); bottom: -9px; opacity: 0.5; }
.main-visual .opening-main-ttl-sub { font-size: 20px; color: #fff; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; text-shadow: 0px 0px 30px #43322d; margin-top: 15px; line-height: 1.5; font-weight: 800; letter-spacing: 3px; margin-top: 28px; }
.main-visual .opening-main-ttl-sub span { font-size: 27px; font-weight: 800; }
.main-visual .opening-main-ttl .top-link-btn { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; margin-top: 33px; }
.main-visual .opening-main-ttl .top-link-btn li { animation: anim1 3s; -moz-animation: anim1 3s; -webkit-animation: anim1 3s; animation-fill-mode: both; -moz-animation-fill-mode: both; -webkit-animation-fill-mode: both; background-color: rgba(9, 26, 106, 0.7); padding: 10px 5px; margin: 0 8px; width: 240px; position: relative; animation-delay: .1s; -moz-animation-delay: .1s; -webkit-animation-delay: .1s; -o-animation-delay: .1s; position: relative; }
.main-visual .opening-main-ttl .top-link-btn li:nth-child(2) { background-color: rgba(190, 143, 1, 0.7); animation-delay: .3s; -moz-animation-delay: .3s; -webkit-animation-delay: .3s; -o-animation-delay: .3s; }
.main-visual .opening-main-ttl .top-link-btn li:nth-child(2):before { background-color: rgba(190, 143, 1, 0.7); }
.main-visual .opening-main-ttl .top-link-btn li:nth-child(3) { background-color: rgba(154, 20, 13, 0.7); animation-delay: .5s; -moz-animation-delay: .5s; -webkit-animation-delay: .5s; -o-animation-delay: .5s; }
.main-visual .opening-main-ttl .top-link-btn li:nth-child(3):before { background-color: rgba(154, 20, 13, 0.7); }
.main-visual .opening-main-ttl .top-link-btn li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(9, 26, 106, 0.7); transform-origin: right top; transform: scale(0, 1); transition: transform .3s; }
.main-visual .opening-main-ttl .top-link-btn li a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.main-visual .opening-main-ttl .top-link-btn li .btn-ttl { font-size: 16px; color: #ffffff; font-weight: bold; z-index: 0; }
.main-visual .opening-main-ttl .top-link-btn li .btn-ttl i { margin-right: 10px; transition: .5s; }
.main-visual .opening-main-ttl .top-link-btn li .btn-ttl__hanbai { padding: 2px 7px; color: #fff; font-size: 12px; font-weight: bold; margin-left: 4px; background: rgba(219, 141, 50, 0.8); }
@media screen and (min-width: 750px) { .main-visual .opening-main-ttl .top-link-btn li .btn-ttl__hanbai { font-size: 14px; } }
.main-visual .opening-main-ttl .top-link-btn li .btn-ttl .sub-ttl { font-size: 12px; display: block; }
.main-visual .opening-main-ttl .top-link-btn li:hover:before { transform-origin: left top; transform: scale(1, 1); }
.main-visual .opening-main-ttl .top-link-btn li:hover .btn-ttl i { margin-left: 7px; margin-right: 5px; }
.main-visual .Opening { position: relative; background-color: #FFF; }
.main-visual .Opening ul li { position: relative; overflow: hidden; width: 100%; text-align: center; }
.main-visual .Opening ul li img.Opening__text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 9; }
.main-visual .Opening ul li span img.Opening__img { max-width: inherit; width: 100%; height: auto; }
.opening-bnr-3d { text-align: right; padding: 0 1em 1em 0; }
.opening-bnr-3d img { width: 160px; margin-right: 8em; margin-top: -8em; }
@media screen and (max-width: 750px) { .opening-bnr-3d img { width: 120px; margin: 0; } }
@media screen and (max-width: 750px) { .opening-bnr-3d { display: block; margin-top: 20px; } } #top-add { position: relative; z-index: 50; transition: opacity 0.4s; -moz-transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; }
#top-add .top-add-in { display: none; position: absolute; padding-left: 50px; top: -120px; left: 0; }
#top-add .top-add-in img { width: 220px; }
#top-add .top-add-in img:hover { webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition: 0.5s; } .topbnr-add-img .topbnr-add-in { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; padding: 20px 30px 30px; }
.topbnr-add-img .topbnr-add-in .add-contents:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .topbnr-add-img .topbnr-add-in .add-contents:hover { opacity: 1; } }
.topbnr-add-img .topbnr-add-in .add-contents-left { width: 49%; }
.topbnr-add-img .topbnr-add-in .add-contents-right { width: 49%; } .topbnr-add { position: relative; background: #F0F8FF; padding: 20px 0 50px; margin-bottom: 20px; min-width: 1000px; }
.topbnr-add-item img { padding: 5px; }
.topbnr-add-item img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .topbnr-add-item img:hover { opacity: 1; } }
.topbnr-add-icon { position: absolute; content: ""; width: 100px; height: 100px; top: -84px; left: -10px; }
.topbnr-add-icon img { height: 100px; width: 100px; }
.topbnr-add-in.slick-dotted.slick-slider { margin-bottom: -5px; }
.topbnr-add-in .slick-arrow.slick-next, .topbnr-add-in .slick-arrow.slick-prev { display: none !important; } .top .hover-top { position: relative; background: #fff; position: relative; overflow: hidden; }
.top .hover-top a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.top .hover-top a { z-index: 1; }
.top .hover-top .img-trim-link-wrap { z-index: 2; }
.top .hover-top:hover { transition: all .3s; background-color: #f4f4f4; }
.top .hover-top:hover .triangle { right: 0; bottom: 0; z-index: 10; } .top .top-bunjyo-info { min-width: 1000px; padding-top: 40px; }
.top .top-bunjyo-info .ttl-bunjyo { text-align: center; line-height: 1; padding-bottom: 30px; position: relative; }
.top .top-bunjyo-info .ttl-bunjyo .ttl-bunjyo-main { display: block; color: #3c3c3c; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size: 2.8rem; letter-spacing: 2px; margin-bottom: 10px; }
.top .top-bunjyo-info .ttl-bunjyo .ttl-bunjyo-sub { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 10px; letter-spacing: 5px; display: block; }
.top .top-bunjyo-info .ttl-bunjyo .ttl-bunjyo-sub i { color: #333; margin-left: 1px; font-size: 9px; }
.top .top-bunjyo-info .modelhouse-info { position: relative; background: url(//www.homes-g.com/wp-content/themes/kyma/images/top/bnr_modelhouse_info.png) no-repeat; background-position: right bottom; position: absolute; right: 50px; bottom: -30px; height: 154px; width: 369px; text-align: left; padding: 78px 0 0 13px; }
.top .top-bunjyo-info .modelhouse-info a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.top .top-bunjyo-info .modelhouse-info .modelhouse-info-ttl { font-size: 1.8rem; font-weight: bold; color: #0c1e72; margin-bottom: 0; }
.top .top-bunjyo-info .modelhouse-info .modelhouse-info-sub { font-size: 1.2rem; color: #666666; }
.top .top-bunjyo-info .modelhouse-info .modelhouse-info-sub i { margin-left: 5px; }
.top .top-bunjyo-info .modelhouse-info:hover { background-image: url(//www.homes-g.com/wp-content/themes/kyma/images/top/bnr_modelhouse_info_hover.png); }
.top .top-bunjyo-info .modelhouse-info:hover .modelhouse-info-ttl, .top .top-bunjyo-info .modelhouse-info:hover .modelhouse-info-sub { color: #ffffff; }
.top .top-bunjyo-info .top-bunjyo-box { background: #f4f4f4; padding: 30px; }
.top .top-bunjyo-info .top-bunjyo-box .recommend-wrap { margin: 5px; }
.top .top-bunjyo-info .top-bunjyo-box .recommend-wrap .recommend-area { display: block; height: 107px; background: url(//www.homes-g.com/wp-content/themes/kyma/images/top/recommend_topbtn02.jpg) no-repeat; background-size: cover; margin-bottom: 25px; padding: 15px; 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; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; }
.top .top-bunjyo-info .top-bunjyo-box .recommend-wrap .recommend-area .recommend-txt { color: #ffffff; margin: 0; font-size: 2.3rem; font-weight: bold; letter-spacing: .03em; text-align: center; }
.top .top-bunjyo-info .top-bunjyo-box .recommend-wrap .recommend-area .more-btn { max-width: 330px; max-height: 74px; margin-top: 0; 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; border: 1px solid #ffffff; background: none; margin-left: 30px; font-size: 1.6rem; }
.top .top-bunjyo-info .top-bunjyo-box .recommend-wrap .recommend-area .recommend-snsicon { display: flex; }
.top .top-bunjyo-info .top-bunjyo-box .recommend-wrap .recommend-area .recommend-snsicon .recommend-snsicon-box { margin: 0 12px 0 0; }
.top .top-bunjyo-info .top-bunjyo-box .recommend-wrap .recommend-area .recommend-snsicon .recommend-snsicon-box::last-child { margin: 0; }
.top .top-bunjyo-info .bunjyo-item { margin: 5px; }
.top .top-bunjyo-info .bunjyo-item .bunjyo-title { padding: 20px; }
.top .top-bunjyo-info .bunjyo-item .bunjyo-title .titlemain { font-size: 20px; margin-bottom: 10px; }
.top .top-bunjyo-info .bunjyo-item .bunjyo-title .titlesub { font-size: 12px; color: #456484; }
.top .top-bunjyo-info .bunjyo-more { text-align: center; } .top .top-about { text-align: left; background: url(//www.homes-g.com/wp-content/themes/kyma/images/top/ph_about.jpg) right no-repeat; padding: 100px 0; min-width: 1000px; margin-bottom: 60px; }
.top .top-about .top-about-box { background: url(//www.homes-g.com/wp-content/themes/kyma/images/top/about_box_bg.png) right top no-repeat; background-color: rgba(255, 255, 255, 0.9); width: 50%; max-width: 500px; padding: 80px 30px; text-align: center; }
.top .top-about .top-about-box .ttl-about { font-size: 3rem; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-weight: normal; margin-bottom: 15px; line-height: 47px; }
.top .top-about .top-about-box .ttl-about .big { font-size: 5rem; font-style: italic; margin: 0 10px 0 5px; } .top .top-favorite { min-width: 1000px; background: url(//www.homes-g.com/wp-content/themes/kyma/images/top/favorite_bg_left.png) left top no-repeat; }
.top .top-favorite .top-favorite-in { background: url(//www.homes-g.com/wp-content/themes/kyma/images/top/favorite_bg_right.png) right bottom no-repeat; padding-bottom: 100px; }
.top .top-favorite .top-favorite-box { display: flex; background: rgba(12, 30, 114, 0.8); }
.top .top-favorite .top-favorite-box .favorite-left { width: 60%; }
.top .top-favorite .top-favorite-box .favorite-right { width: 40%; }
.top .top-favorite .top-favorite-box .favorite-right .img-trim { padding-top: 92.6% !important; }
.top .top-favorite .top-favorite-box .favorite-right .img-trim img { position: absolute; height: 100%; max-width: inherit; }
.top .top-favorite .top-favorite-box .favorite-item { position: relative; background: #ffffff; }
.top .top-favorite .top-favorite-box .favorite-item .favorite-item-ttl { position: absolute; top: 5px; left: 12px; z-index: 10; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15); color: #ffffff; display: inline-block; vertical-align: top; }
.top .top-favorite .top-favorite-box .favorite-item .favorite-item-ttl .num { font-size: 36px; position: relative; margin-right: 40px; }
.top .top-favorite .top-favorite-box .favorite-item .favorite-item-ttl .num::after { content: ""; position: absolute; top: 7px; left: 30px; width: 1px; height: 65px; display: inline-block; border-right: 2px solid #ffffff; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.top .top-favorite .top-favorite-box .favorite-item .favorite-item-ttl .ttl { font-size: 32px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; line-height: 1.2; color: #ffffff; display: inline-block; vertical-align: top; padding-top: 9px; }
.top .top-favorite .top-favorite-box .favorite-item .favorite-item-ttl .ttl .ttl-jp { font-size: 16px; display: block; font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.top .top-favorite .top-favorite-box .modelhouse-link { text-align: center; }
.top .top-favorite .top-favorite-box .modelhouse-link .more-btn { background: none; border: 1px solid #ffffff; margin-top: 9%; }
.top .top-favorite .top-favorite-box-btm { position: relative; overflow: hidden; margin-top: 5px; position: relative; }
.top .top-favorite .top-favorite-box-btm a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.top .top-favorite .top-favorite-box-btm:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .top .top-favorite .top-favorite-box-btm:hover { opacity: 1; } }
.top .top-favorite .top-favorite-box-btm .box-text-area { position: absolute; top: 0; left: 0; padding: 10px 0 0 12px; }
.top .top-favorite .top-favorite-box-btm .box-ttl { color: #ffffff; font-size: 3.2rem; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5); }
.top .top-favorite .top-favorite-box-btm .box-ttl span { display: block; font-size: 1.6rem; margin-top: -7px; }
.top .top-favorite .top-favorite-box-btm .box-text { text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15); font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; color: #ffffff; font-size: 3rem; border-top: 2px solid #0c1e72; padding-top: 5px; margin-top: 10px; } .top .top-voice { background-attachment: fixed; background-image: url(//www.homes-g.com/wp-content/themes/kyma/images/top/voice_main_bg.jpg); background-position: 50% 0; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; min-width: 1000px; padding: 60px 0 80px; }
.top .top-voice .voice-item { margin: 0 15px; }
.top .top-voice .voice-item .voice-title { padding: 20px; text-align: center; }
.top .top-voice .voice-item .voice-title .titlemain { font-size: 20px; margin-bottom: 10px; }
.top .top-voice .voice-item .voice-title .titlesub { font-size: 12px; color: #456484; }
.top .top-voice .btn-area { text-align: center; } .top .top-reform { min-width: 1000px; background: url(//www.homes-g.com/wp-content/themes/kyma/images/top/reform_main_bg.png) repeat top left; padding: 35px 0 40px; }
.top .top-reform .top-reform-box { display: flex; color: #ffffff; background: url(//www.homes-g.com/wp-content/themes/kyma/images/top/reform_bg_top_right.png) no-repeat right top; }
.top .top-reform .top-reform-box .reform-left { width: 360px; padding-right: 60px; }
.top .top-reform .top-reform-box .reform-right { width: 70%; width: -webkit-calc(100% - 360px); width: calc(100% - 360px); position: relative; background: url(//www.homes-g.com/wp-content/themes/kyma/images/top/reform_bg_top_left.png) no-repeat left top; }
.top .top-reform .top-reform-box .reform-right::before { content: url(//www.homes-g.com/wp-content/themes/kyma/images/top/reform_bg_bottom_left.png); position: absolute; bottom: 0; left: 0; }
.top .top-reform .top-reform-box .reform-right::after { content: url(//www.homes-g.com/wp-content/themes/kyma/images/top/reform_bg_bottom_right.png); position: absolute; bottom: 0; right: 0; }
.top .top-reform .top-reform-box .ttl-top-common { margin-bottom: 5px; }
.top .top-reform .top-reform-box .ttl-top-common .main { font-size: 2.6rem; }
.top .top-reform .top-reform-box .btn-area { text-align: center; }
.top .top-reform .top-reform-box .btn-area .more-btn { margin-top: 0; background: none; border: 1px solid #ffffff; }
.top .top-reform .top-reform-box .reform-text-box { padding-top: 33px; }
.top .top-reform .top-reform-box .reform-text-box p { text-align: center; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-weight: normal; letter-spacing: 2px; }
.top .top-reform .top-reform-box .reform-text-box .reform-text { font-size: 1.8rem; margin-bottom: 17px; }
.top .top-reform .top-reform-box .reform-text-box .reform-text-main { font-size: 2.6rem; } .top .bnr-area { background: url(//www.homes-g.com/wp-content/themes/kyma/images/top/news_main_bg.png) repeat top center; padding: 35px 0 40px; } .top .top-news { min-width: 1000px; background: url(//www.homes-g.com/wp-content/themes/kyma/images/top/news_main_bg.png) repeat top center; padding: 35px 0 40px; }
.top .top-news .inner { display: flex; justify-content: space-between; }
.top .top-news .top-news-item { flex-basis: 100%; align-self: stretch; background: #ffffff; border: 2px solid #E5F0FD; padding: 20px; }
.top .top-news .top-news-item .top-news-item-in { display: flex; justify-content: space-between; position: relative; }
.top .top-news .top-news-item .top-news-item-in .news-ttl { position: relative; width: 30px; padding-top: 44px; text-align: center; }
.top .top-news .top-news-item .top-news-item-in .news-ttl:before { font-size: 2.4rem; width: 30px; position: absolute; top: 0px; left: 1px; }
.top .top-news .news-list-box { width: 90%; width: -webkit-calc(100% - 50px); width: calc(100% - 50px); word-break: break-all; position: relative; }
.top .top-news .news-list-box li { padding: 20px 10px; border-bottom: 1px solid #E5F0FD; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.top .top-news .news-list-box li:hover { background: #F2F6FA; }
.top .top-news .news-list-box .ttl-box { margin-bottom: 5px; margin-left: 0.8em; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; text-decoration: underline; }
.top .top-news .news-list-box .ttl-box span { margin-left: 0.4em; display: inline-block; }
.top .top-news .news-list-box .date-box { font-size: 13px; color: #999999; margin-bottom: 0; }
.top .top-news .news-list-box .category-title { margin-left: 10px; }
.top .top-news .news-list-box .news-category { background: #0c1e72; display: inline-block; color: #fff; padding: 0 8px; font-size: 1.1rem; }
.top .top-news .news-list-box .news-category.cate_news_modelhouse, .top .top-news .news-list-box .news-category.cate_staffblog_sonota { background-color: #cccc33; }
.top .top-news .news-list-box .news-category.cate_news_land, .top .top-news .news-list-box .news-category.cate_staffblog_jisseki { background-color: #339900; }
.top .top-news .news-list-box .news-category.cate_news_achievement, .top .top-news .news-list-box .news-category.cate_staffblog_setubi { background-color: #993300; }
.top .top-news .news-list-box .news-category.cate_news_event, .top .top-news .news-list-box .news-category.cate_staffblog_event { background-color: #d35400; }
.top .top-news .news-list-box .news-category.cate_news_campaign { background-color: #8e44ad; }
.top .top-news .news-list-box .news-category.cate_news_update { background-color: #27ae60; }
.top .top-news .news-list-box .news-category.cate_news_news, .top .top-news .news-list-box .news-category.cate_staffblog_news { background-color: #34495e; }
.top .top-news .news-list-box .news-category.yoko { background-color: #72B232; }
.top .top-news .news-list-box .news-category.matsuiyamate { background-color: #660000; }
.top .top-news .news-list-box .news-category.ookuboterayama { background-color: #956E4C; }
.top .top-news .news-list-box .news-category.koudo { background-color: #0DA8DB; }
.top .top-news .news-list-box .news-category.jr_uji { background-color: #2e4600; }
.top .top-news .news-list-box .news-category.ikkyuji { background-color: #5F1885; }
.top .top-news .news-list-box .news-category.kutsukawa, .top .top-news .news-list-box .news-category.kohata { background-color: #18638D; }
.top .top-news .news-list-box .news-category.yodoshinmachi { background-color: #A10115; }
.top .top-news .news-list-box .news-category.momoyama { background-color: #84113C; }
.top .top-news .news-list-box .news-category.miyamaki { background-color: #ED6102; }
.top .top-news .news-list-box .news-category.fujinomori2 { background-color: #64D9DB; }
.top .top-news .news-list-box .news-category.byodoin { background-color: #bb003b; }
.top .top-news .news-list-box .news-category.kohata { background-color: #317DA6; }
.top .top-news .news-list-box .news-category.kounosudai { background-color: #E55D33; }
.top .top-news .news-list-box .news-category.oubakuminami { background-color: #899E00; }
.top .top-news .news-list-box .news-category.doshishayamate { background-color: #A9BDB4; }
.top .top-news .news-list-box .news-category.yodoshimozu { background-color: #509ac8; }
.top .top-news .news-list-box .thum_img_box { float: left; margin-right: 15px; width: 130px; }
.top .top-news .news-list-box .link-more { text-align: right; margin-top: 10px; }
.top .top-news .news-list-box .link-more a { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 15px; letter-spacing: 5px; display: inline-block; min-width: 200px; padding: 5px  7px; background: rgba(255, 255, 255, 0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; }
.top .top-news .news-list-box .link-more a i { color: #333; margin-left: 1px; font-size: 11px; }
.top .top-news .news-list-box .link-more a:hover { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FF0C1E72'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBjMWU3MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBjMWU3MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #0c1e72), color-stop(100%, #0c1e72)); background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #0c1e72 50%, #0c1e72 100%); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #0c1e72 50%, #0c1e72 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #0c1e72 50%, #0c1e72 100%); color: #fff; }
.top .top-news .news-list-box .link-more a:hover i { color: #ffffff; }
@media screen and (max-width: 750px) { .top .top-news .news-list-box .link-more a { background: #0c1e72; color: #fff; }
.top .top-news .news-list-box .link-more a i { color: #ffffff; } }
.top .top-news .news-list-box .link-more--jp a { font-family: inherit; font-size: 14px; letter-spacing: 2px; font-weight: bold; }
.top .top-news .news-list-box .link-more--jp a i { margin-left: 10px; }
.top .top-news .news .top-news-item-in { margin-right: 10px; }
.top .top-news .news .news-ttl:before { font-family: "fontello"; content: ""; }
.top .top-news .staff .top-news-item-in { margin-left: 10px; }
.top .top-news .staff .top-news-item-in .ttl-box, .top .top-news .staff .top-news-item-in .date-box { padding-left: 150px; }
.top .top-news .staff .top-news-item-in .date-box .date { display: block; }
.top .top-news .staff .top-news-item-in .date-box .category-title { margin-left: 0; }
.top .top-news .staff .news-ttl:before { font-family: "fontello"; content: ""; } .top .top-news .bnr-area { margin-top: 15px; }
.top .top-news .bnr-area .bnr-item a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .top .top-news .bnr-area .bnr-item a:hover { opacity: 1; } } .top .top-sns { padding: 20px 0 30px; border-top: 1px solid #E5F0FD; min-width: 1000px; }
.top .top-sns .top-sns-link { margin-bottom: 20px; }
.top .top-sns .top-sns-link .inner { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; width: 95%; }
.top .top-sns .top-sns-link .sns-ttl-box { word-break: keep-all; padding-right: 15px; width: 270px; }
.top .top-sns .top-sns-link .sns-ttl-box .sns-ttl { font-size: 2.2rem; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: normal; }
.top .top-sns .top-sns-link .sns-ttl-box .sns-sub { margin-bottom: 0; font-size: 1.2rem; }
.top .top-sns .top-sns-link .sns-list { width: 70%; width: -webkit-calc(100% - 275px); width: calc(100% - 275px); display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; }
.top .top-sns .top-sns-link .sns-list .sns-list-item { border-left: 1px solid #cccccc; padding: 0 10px; width: 30%; }
.top .top-sns .top-sns-link .sns-list .sns-list-item.line { width: 33%; }
.top .top-sns .top-sns-link .sns-list li a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; color: #333; }
.top .top-sns .top-sns-link .sns-list li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .top .top-sns .top-sns-link .sns-list li a:hover { opacity: 1; } }
.top .top-sns .top-sns-link .sns-list .sns-icon-img { padding-right: 5px; align-self: center; }
.top .top-sns .top-sns-link .sns-list .sns-icon-img img { min-width: 30px; min-height: 30px; }
.top .top-sns .top-sns-link .sns-list .sns-txt-box { text-align: center; }
.top .top-sns .top-sns-link .sns-list .sns-txt-box .sns-name { font-size: 1.4rem; }
.top .top-sns .top-sns-link .sns-list .sns-txt-box .sns-title { font-size: 1.2rem; color: #999999; margin-bottom: 0; }
.top .top-sns .top-sns-link .sns-list .line-qr-img { align-self: center; }
.top .top-sns .top-sns-link .sns-list .line-qr-img img { min-width: 30px; min-height: 30px; }
.top .top-sns .top-sns-link-movie { margin-top: 20px; }
.top .top-sns .top-sns-link-movie__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
@media screen and (max-width: 750px) { .top .top-sns .top-sns-link-movie__list { width: 100%; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }
.top .top-sns .top-sns-link-movie__item { flex: 0 0 50%; position: relative; padding-bottom: 29.25%; height: 0; overflow: hidden; padding-left: 5px; padding-right: 5px; }
@media screen and (max-width: 750px) { .top .top-sns .top-sns-link-movie__item { flex: 0 0 100%; padding-bottom: 0; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 5px; } }
.top .top-sns .top-sns-link-movie__item iframe, .top .top-sns .top-sns-link-movie__item video { max-width: 100%; }
@media screen and (max-width: 750px) { .top .top-sns .top-sns-link-movie__item iframe, .top .top-sns .top-sns-link-movie__item video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }
.top .top-sns .top-instagram .instagram-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
.top .top-sns .top-instagram .instagram-list .instagram-item { width: 16.6%; }
.top .top-sns .top-instagram .instagram-list .instagram-item .instagram-item-in { margin: 0 5px; }
.top .top-sns .top-instagram .instagram-list .instagram-item .instagram-item-in a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .top .top-sns .top-instagram .instagram-list .instagram-item .instagram-item-in a:hover { opacity: 1; } }
.top-insta-ofi { height: 100px; width: 100%; }
.gallery-insta-ofi { height: 130px !important; width: 100%; } @media screen and (max-width: 1000px) { .main-visual .opening-main-ttl { padding-top: 25%; }
.main-visual .opening-main-ttl-main { font-size: 23px; color: #fff; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; text-shadow: 0px 0px 13px #43322d; line-height: 1.5; line-height: 1.2; font-weight: 800; }
.main-visual .opening-main-ttl-main__copy { font-size: 34px; text-shadow: 0px 0px 13px #43322d; }
.main-visual .opening-main-ttl-main__sm { font-size: 13px; font-weight: 800; margin-bottom: -25px; text-shadow: 0px 0px 13px #43322d; }
.main-visual .opening-main-ttl-main__lg { font-size: 40px; font-weight: 800; text-shadow: 0px 0px 13px #43322d; margin-right: 5px; }
.main-visual .opening-main-ttl-main__border { height: 48px; display: block; }
.main-visual .opening-main-ttl-main__border:after { content: ""; background: #fff; min-width: 227px; height: 1px; display: block; left: calc(50% - 119px); }
.main-visual .opening-main-ttl-sub { font-size: 16px; color: #fff; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; text-shadow: 0px 0px 13px #43322d; margin-top: 15px; line-height: 1.5; font-weight: 800; letter-spacing: 2px; margin-top: 25px; }
.main-visual .opening-main-ttl-sub span { font-size: 20px; font-weight: 800; } } @media screen and (max-width: 750px) { .main-visual { position: relative; min-width: 100%; }
.main-visual .opening-main-news { top: 58px; right: 0; height: 155px; width: 40px; z-index: 1; position: relative; position: absolute; background: #d07920; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; border-radius: 3px 0 0 3px; }
.main-visual .opening-main-news a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.main-visual .opening-main-news-wrap { display: block !important; }
.main-visual .opening-main-news__num { background: #fff; position: absolute; top: -27px; color: #6b1414; width: 32px; height: 32px; text-align: center; line-height: 30px; font-size: 18px; font-weight: bold; border-radius: 2px; }
.main-visual .opening-main-news__num:before { content: ""; position: absolute; top: 72%; left: 50%; margin-left: -5px; border: 5px solid transparent; border-top: 15px solid #fff; margin-top: 1px; }
.main-visual .opening-main-news__ttl { color: #fff; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -o-writing-mode: vertical-rl; font-size: 14px; }
.main-visual .opening-main-news__ttl:after { font-family: "fontello"; font-family: "fontello"; content: ""; writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; -o-writing-mode: horizontal-tb; }
.main-visual .opening-main-chintai { top: 215px; right: 0; height: 124px; width: 40px; z-index: 1; position: relative; position: absolute; background-color: rgba(56, 122, 56, 0.9); display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; border-radius: 3px 0 0 3px; }
.main-visual .opening-main-chintai a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.main-visual .opening-main-chintai-wrap { display: block !important; }
.main-visual .opening-main-chintai__ttl { color: #fff; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -o-writing-mode: vertical-rl; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }
.main-visual .opening-main-chintai__ttl .icon-chintai { height: 12px; width: 14px; background: url(//www.homes-g.com/wp-content/themes/kyma/images/common/icoo_chintai_white.svg) no-repeat; background-position: center; background-size: auto 100%; margin-bottom: 1px; margin-top: 7px; display: inline-block; }
.main-visual .opening-main-recruit { top: 220px; right: 0; height: 124px; width: 40px; z-index: 1; position: relative; position: absolute; background: #ac3131; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; border-radius: 3px 0 0 3px; }
.main-visual .opening-main-recruit a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.main-visual .opening-main-recruit-wrap { display: block !important; }
.main-visual .opening-main-recruit__ttl { color: #fff; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -o-writing-mode: vertical-rl; font-size: 14px; }
.main-visual .opening-main-recruit__ttl i { display: inline-block; margin-top: 5px; }
.main-visual .opening-main-ttl { padding-top: 26%; }
.main-visual .opening-main-ttl-img { text-align: center; }
.main-visual .opening-main-ttl-img img { max-width: 210px; }
.main-visual .opening-main-ttl .top-link-btn { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 33px; }
.main-visual .opening-main-ttl .top-link-btn li { margin: 0 8px 8px; width: 220px; }
.main-visual .opening-main-ttl .top-link-btn li .btn-ttl { font-size: 15px; }
.main-visual .opening-main-ttl .top-link-btn li .btn-ttl i { margin-right: 10px; }
.main-visual .opening-main-ttl .top-link-btn li:hover .btn-ttl i { margin-left: 5px; margin-right: 5px; } #top-add { position: inherit; transition: opacity 0.4s; -moz-transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; }
#top-add .top-add-in { display: none; position: inherit; padding-left: 0; padding: 10px 10px 0; top: -120px; left: 0; }
#top-add .top-add-in img { width: 100%; }
#top-add .top-add-in img:hover { webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; opacity: 0.8; transition: 0.5s; } .topbnr-add-img .topbnr-add-in { padding: 12px 0px 30px; display: block; }
.topbnr-add-img .topbnr-add-in .add-contents-left { width: 100%; margin-bottom: 20px; }
.topbnr-add-img .topbnr-add-in .add-contents-right { width: 100%; } .topbnr-add { min-width: 100%; }
.topbnr-add-icon { width: 80px; height: 80px; top: -84px; left: -16px; }
.topbnr-add-icon img { height: 80px; width: 80px; } .top .top-bunjyo-info { min-width: 100%; }
.top .top-bunjyo-info .inner { width: 100%; }
.top .top-bunjyo-info .ttl-bunjyo { padding-bottom: 20px; }
.top .top-bunjyo-info .ttl-bunjyo .ttl-bunjyo-main { font-size: 2.2rem; }
.top .top-bunjyo-info .modelhouse-info { display: none; }
.top .top-bunjyo-info .top-bunjyo-box { padding: 10px; }
.top .top-bunjyo-info .top-bunjyo-box .recommend-wrap { margin: 0; }
.top .top-bunjyo-info .top-bunjyo-box .recommend-wrap .recommend-area { height: auto; 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; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: url(//www.homes-g.com/wp-content/themes/kyma/images/top/recommend_topbtn02@2x.jpg) no-repeat; background-size: cover; background-position: center center; }
.top .top-bunjyo-info .top-bunjyo-box .recommend-wrap .recommend-area::before { content: ''; display: block; width: 0; height: 0; }
.top .top-bunjyo-info .top-bunjyo-box .recommend-wrap .recommend-area .recommend-snsicon .recommend-snsicon-box { margin: 6px 6px 12px; width: 50px; }
.top .top-bunjyo-info .top-bunjyo-box .recommend-wrap .recommend-area .recommend-txt { font-size: 2.0rem; margin: 0 0 10px; text-align: center; line-height: 1.2; }
.top .top-bunjyo-info .top-bunjyo-box .recommend-wrap .recommend-area .more-btn { max-width: 100%; max-height: 54px; margin-left: 0; font-size: 1.5rem; padding: 17px 5px 17px 5px; }
.top .top-bunjyo-info .top-bunjyo-box .recommend-wrap .recommend-area .more-btn span i::before { margin-right: 0.5em; }
.top .top-bunjyo-info .bunjyo-item { margin: 0; }
.top .top-bunjyo-info .bunjyo-item .bunjyo-title { padding: 10px; }
.top .top-bunjyo-info .bunjyo-item .bunjyo-title .titlemain { font-size: 1.8rem; } .top .top-about { text-align: center; background-position: top center; background-size: contain; padding: 60% 0 0; min-width: 100%; margin-bottom: 30px; }
.top .top-about .top-about-box { width: 100%; max-width: 100%; padding: 20px; text-align: center; }
.top .top-about .top-about-box .ttl-about { font-size: 1.7rem; line-height: 28px; }
.top .top-about .top-about-box .ttl-about .big { font-size: 3rem; margin: 0 10px 0 5px; } .top .top-favorite { min-width: 100%; }
.top .top-favorite .top-favorite-in { padding-bottom: 30px; }
.top .top-favorite .top-favorite-box { display: block; background: none; }
.top .top-favorite .top-favorite-box .favorite-left { width: 100%; }
.top .top-favorite .top-favorite-box .favorite-right { width: 100%; }
.top .top-favorite .top-favorite-box .favorite-item { margin-bottom: 10px; }
.top .top-favorite .top-favorite-box .favorite-item .favorite-item-ttl { top: 5px; left: 10px; }
.top .top-favorite .top-favorite-box .favorite-item .favorite-item-ttl .num { font-size: 2.5rem; position: relative; margin-right: 31px; }
.top .top-favorite .top-favorite-box .favorite-item .favorite-item-ttl .num::after { top: 4px; left: 22px; height: 55px; }
.top .top-favorite .top-favorite-box .favorite-item .favorite-item-ttl .ttl { font-size: 2.7rem; padding-top: 6px; }
.top .top-favorite .top-favorite-box .favorite-item .favorite-item-ttl .ttl .ttl-jp { font-size: 1.5rem; }
.top .top-favorite .top-favorite-box .modelhouse-link { background: rgba(12, 30, 114, 0.8); padding: 0 15px 25px; }
.top .top-favorite .top-favorite-box-btm { margin-top: 10px; }
.top .top-favorite .top-favorite-box-btm .box-text-area { padding: 5px 0 0 10px; }
.top .top-favorite .top-favorite-box-btm .box-ttl { font-size: 2.7rem; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15); }
.top .top-favorite .top-favorite-box-btm .box-ttl span { font-size: 1.5rem; margin-top: -5px; }
.top .top-favorite .top-favorite-box-btm .box-text { font-size: 2.3rem; margin-top: 7px; line-height: 1.2; } .top .top-voice { min-width: 100%; }
.top .top-voice .voice-item { margin: 0; }
.top .top-voice .voice-item .voice-title { padding: 15px; }
.top .top-voice .voice-item .voice-title .titlemain { font-size: 1.8rem; }
.top .top-voice .btn-area { margin-top: 20px; } .top .top-reform { min-width: 100%; padding: 20px 0 30px; }
.top .top-reform .top-reform-box { display: block; background: none; }
.top .top-reform .top-reform-box .reform-left { width: 100%; padding-right: 0; }
.top .top-reform .top-reform-box .reform-right { display: none; }
.top .top-reform .top-reform-box .ttl-top-common .main { font-size: 2rem; }
.top .top-reform .top-reform-box .ttl-top-common .sub::before, .top .top-reform .top-reform-box .ttl-top-common .sub::after { top: 2px; margin-top: 0; }
.top .top-reform .top-reform-box .btn-area { text-align: center; } .top .top-news { min-width: 100%; }
.top .top-news .inner { display: block; }
.top .top-news .top-news-item { flex-basis: 100%; padding: 15px; margin-bottom: 15px; }
.top .top-news .top-news-item .top-news-item-in { display: block; justify-content: space-between; }
.top .top-news .top-news-item .top-news-item-in .news-ttl { width: 100%; padding: 0 0 0 34px; text-align: left; font-size: 2.3rem; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.top .top-news .top-news-item .top-news-item-in .news-ttl:before { font-size: 2.4rem; top: -1px; left: 0; }
.top .top-news .news-list-box { width: 100%; }
.top .top-news .news-list-box li { padding: 15px 0; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.top .top-news .news-list-box .ttl-box { margin-bottom: 3px; font-size: 1.4rem; margin-left: 0; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.top .top-news .news-list-box .ttl-box span { margin-left: 0; }
.top .top-news .news-list-box .date-box .date { display: block; }
.top .top-news .news-list-box .category-title { margin-left: 0; display: none; }
.top .top-news .news-list-box .thum_img_box { float: none; margin: 0 auto 15px; width: 200px; }
.top .top-news .news-list-box .link-more { text-align: center; }
.top .top-news .news .top-news-item-in { margin-right: 0; }
.top .top-news .staff .top-news-item-in { margin-left: 0; }
.top .top-news .staff .top-news-item-in .ttl-box, .top .top-news .staff .top-news-item-in .date-box { padding-left: 0; } .top .top-sns { min-width: 100%; }
.top .top-sns .top-sns-link .inner { display: block; }
.top .top-sns .top-sns-link .sns-ttl-box { padding-right: 0; width: 100%; text-align: center; margin-bottom: 15px; }
.top .top-sns .top-sns-link .sns-list { width: 100%; display: block; }
.top .top-sns .top-sns-link .sns-list .sns-list-item { text-align: center; border: none; border-bottom: 1px solid #cccccc; padding: 8px 0; width: 100%; }
.top .top-sns .top-sns-link .sns-list .sns-list-item.line { width: 100%; }
.top .top-sns .top-sns-link .sns-list .sns-list-item:first-child .sns-icon-img { margin-left: 7px; }
.top .top-sns .top-sns-link .sns-list li a { display: block; }
.top .top-sns .top-sns-link .sns-list .sns-icon-img { display: inline-block; vertical-align: middle; text-align: center; width: 32px; margin-right: 15px; }
.top .top-sns .top-sns-link .sns-list .sns-txt-box { display: inline-block; vertical-align: middle; text-align: center; }
.top .top-sns .top-sns-link .sns-list .sns-txt-box .sns-name { font-size: 1.2rem; }
.top .top-sns .top-sns-link .sns-list .sns-txt-box .sns-title { font-size: 1.1rem; }
.top .top-sns .top-instagram .instagram-list { display: block; text-align: center; }
.top .top-sns .top-instagram .instagram-list .instagram-item { width: 32%; display: inline-block; margin-bottom: 8px; }
.top .top-sns .top-instagram .instagram-list .instagram-item:nth-child(n + 7) { display: none; } } .page_title.modelhouse { background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/common/img_top_modelhouse.jpg) no-repeat center center; background-size: cover; }
.gmap-box { display: block; padding: 30px 0; background-color: #f4f4f4; }
.gmap-box .col2:first-of-type { padding-right: 30px; }
.gmap-box .g-map-wrap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.gmap-box .g-map-wrap iframe, .gmap-box .g-map-wrap object, .gmap-box .g-map-wrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.gmap-box .line-it-button-wrap { margin-top: 15px; }
.gmap-box .line-it-button-wrap .sns-btn-area { margin-bottom: 0; }
.content-point .top-img-box .col2:last-of-type { margin-bottom: 30px; }
.content-point h3 { font-size: 1.6rem; }
.modelhouse-panorama .pano-in { padding: 20px; border: 2px solid #e1e1e1; }
.modelhouse-panorama #js-pano-slide { background-color: #f4f4f4; padding: 15px 10px 62px; }
.modelhouse-panorama #js-pano-slide li { margin: 0 5px; border: 5px solid #f4f4f4; }
.modelhouse-panorama #js-pano-slide li:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .modelhouse-panorama #js-pano-slide li:hover { opacity: 1; } }
.modelhouse-panorama #js-pano-slide li .ttl-box { display: block; padding: .5em 1em; background-color: #e1e1e1; font-size: 14px; font-weight: bold; text-align: center; }
.modelhouse-panorama #js-pano-slide li.active { border-color: #0c1e72; }
.modelhouse-panorama #js-pano-slide .slick-dots { bottom: 25px; }
.modelhouse-panorama #js-pano-slide .slick-arrow { bottom: 8px; }
.modelhouse-panorama .slick-dotted.slick-slider { margin-bottom: 0; } @media screen and (max-width: 750px) { .gmap-box { padding: 30px 0; }
.gmap-box .col2:first-of-type { padding-right: 0; margin-bottom: 30px; }
.gmap-box #googlemaps { height: 340px !important; }
.gmap-box .more-btns-wrap .col2:first-of-type { margin-bottom: 0; } .modelhouse-point .col-set + .col-set { margin-top: 30px; }
.modelhouse-panorama #js-pano-slide { padding: 15px 10px; }
.modelhouse-panorama #js-pano-slide .slick-arrow { bottom: 50%; margin-bottom: -40px; padding: 20px 10px; }
.modelhouse .archive-top-img-box .left-img-box.sp-reverse .col2:first-of-type { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
.modelhouse .archive-top-img-box .left-img-box.sp-reverse .col2 .ttl-bouble-border { border: none; padding-bottom: 0; }
.modelhouse .archive-top-img-box .left-img-box.sp-reverse .col2 .ttl-bouble-border:after { content: none; }
.modelhouse .archive-top-img-box .left-img-box.sp-reverse .col2 .desc-box { position: relative; border-bottom: 2px solid #d6d6d6; display: block; }
.modelhouse .archive-top-img-box .left-img-box.sp-reverse .col2 .desc-box:after { position: absolute; bottom: -2px; left: 0; z-index: 2; content: ''; width: 20%; height: 2px; background-color: #0c1e72; } } .page_title.casestudy { background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/common/img_top_casestudy.jpg) no-repeat center center; background-size: cover; }
.content-point .ttl-box .ttl-circle { text-align: left; font-size: 1.6rem; } .page-employee .employee-title { position: relative; font-size: 2.2rem; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; letter-spacing: 1px; text-align: center; margin: 0 0 35px; }
.page-employee .employee-title::before { border-top: 1px solid; content: ""; position: absolute; top: 50%; left: 0; width: 100%; }
.page-employee .employee-title span { background: #ffffff; display: inline-block; padding: 0 10px; z-index: 5; position: relative; }
.page-employee .employee-nav { margin: 0 auto 100px; }
.page-employee .employee-nav .nav-item .nav-item-in { position: relative; max-width: 400px; overflow: hidden; background-color: #fdfbf1; }
.page-employee .employee-nav .nav-item .nav-item-in .number { display: inline-block; position: absolute; left: 10px; top: 5px; font-size: 4.5rem; color: #ffffff; line-height: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }
.page-employee .employee-nav .nav-item .nav-item-in .number::after { content: ''; display: inline-block; width: 25px; height: 3px; background: #ffffff; }
@media all and (-ms-high-contrast: none) { .page-employee .employee-nav .nav-item .nav-item-in .number { top: 10px; padding-top: .1em; letter-spacing: 0; }
.page-employee .employee-nav .nav-item .nav-item-in .number::after { margin-top: -.15em; } }
.page-employee .employee-nav .nav-item .nav-item-in .nav-profile { padding: 15px; width: 100%; }
.page-employee .employee-nav .nav-item .nav-item-in .nav-profile .profileillust { float: left; width: 30%; text-align: center; }
.page-employee .employee-nav .nav-item .nav-item-in .nav-profile .profiletext { float: left; width: 70%; padding-left: 20px; }
.page-employee .employee-nav .nav-item .nav-item-in .nav-profile .profiletext .name { margin: 10px 0; font-size: 1.4rem; }
.page-employee .employee-nav .nav-item .nav-item-in .nav-profile .profiletext .name span { margin-right: 10px; }
.page-employee .employee-nav .nav-item .nav-item-in .nav-profile .profiletext .title { margin: 0; font-size: 1.4rem; font-weight: bold; }
.page-employee .employee-nav .nav-item:nth-child(odd) .nav-item-in { float: right; margin-right: 30px; }
.page-employee .employee-nav .nav-item:nth-child(even) .nav-item-in { float: left; margin-left: 30px; }
.page-employee .employee-contents { margin-bottom: 100px; padding-bottom: 50px; min-width: 1000px; background-color: #ffffff; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE2F1FE'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjNmOWZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(40%, #ffffff), color-stop(100%, #f3f9fe)); background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 40%, #f3f9fe 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 40%, #f3f9fe 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #f3f9fe 100%); }
.page-employee .employee-contents:last-of-type { margin-bottom: 0; }
.page-employee .employee-contents .contents-top { background: url(//www.homes-g.com/wp-content/themes/kyma/images/casestudy/interview01/employee_contentsimage01.jpg) left center no-repeat; padding: 40px 0; text-align: right; }
.page-employee .employee-contents .contents-top.second { background: url(//www.homes-g.com/wp-content/themes/kyma/images/casestudy/interview02/employee_contentsimage01.jpg) left center no-repeat; }
.page-employee .employee-contents .contents-top .contents-profile { position: relative; max-width: 400px; display: inline-block; }
.page-employee .employee-contents .contents-top .contents-profile::after { background: rgba(255, 255, 255, 0.9); content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 5px; left: 5px; }
.page-employee .employee-contents .contents-top .contents-profile .contents-profile-in { padding: 20px; border: #0c1e72 1px solid; position: relative; z-index: 1; }
.page-employee .employee-contents .contents-top .contents-profile .contents-profile-in .contents-title { font-size: 1.9rem; text-align: center; margin: 10px 0 30px; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-weight: bold; }
.page-employee .employee-contents .contents-top .contents-profile .contents-profile-in .contents-profile-bottom { width: 100%; }
.page-employee .employee-contents .contents-top .contents-profile .contents-profile-in .contents-profile-bottom .contents-copy { word-break: break-all; float: left; width: 70%; text-align: left; padding: 5px; font-size: 1.2rem; }
.page-employee .employee-contents .contents-top .contents-profile .contents-profile-in .contents-profile-bottom .contents-profile-right { float: left; width: 30%; font-size: 0.8rem; text-align: center; }
.page-employee .employee-contents .contents-top .contents-profile .contents-profile-in .contents-profile-bottom .contents-profile-right .contents-illust { margin-bottom: 5px; }
.page-employee .employee-contents .contents-top .contents-profile .contents-profile-in .contents-profile-bottom .contents-profile-right .contents-name { line-height: 1.5rem; }
.page-employee .employee-contents .contents-interview { margin-top: 30px; }
.page-employee .employee-contents .contents-interview .interview { padding: 0 40px; }
.page-employee .employee-contents .contents-interview .interview dt { position: relative; border-left: #0c1e72 3px solid; padding-left: 10px; font-size: 1.6rem; color: #0C1E72; margin-bottom: 5px; line-height: 1.6; }
.page-employee .employee-contents .contents-interview .interview dt:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-left: #7d88c2 3px solid; content: ""; display: block; }
.page-employee .employee-contents .contents-interview .interview dd { padding-left: 13px; font-size: 1.5rem; margin-bottom: 50px; line-height: 1.6; }
.page-employee .employee-contents .contents-interview .interview dd:last-of-type { margin-bottom: 0; }
.page-employee .employee-contents .contents-interview .interview-subimage .contentsimage { margin-bottom: 20px; }
.page-employee .employee-contents .model-link { text-align: center; margin: 40px 0 0; }
.page-employee .employee-contents .model-link a { display: inline-block; }
.page-employee .employee-contents .model-link a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .page-employee .employee-contents .model-link a:hover { opacity: 1; } }
.page-employee .employee-contents.reverse .contents-top { background-position: right center; text-align: left; }
.page-employee .employee-contents.reverse .contents-interview .interview { float: right; }
.page-employee .sns-btn-area-wrap { min-width: 1000px; background-color: #f3f9fe; }
.page-employee .sns-btn-area-wrap .sns-btn-area { margin-bottom: 0; padding-bottom: 15px; } @media screen and (max-width: 750px) { .page-employee .employee-title { font-size: 1.2rem; margin: 0 0 15px; }
.page-employee .employee-title span { padding: 0 5px; }
.page-employee .employee-nav { margin: 0 auto 50px; }
.page-employee .employee-nav .nav-item .nav-item-in .number { left: 5px; top: 5px; font-size: 2.5rem; line-height: 2.5rem; }
.page-employee .employee-nav .nav-item .nav-item-in .number::after { left: 5px; top: 25px; width: 15px; height: 1.5px; }
.page-employee .employee-nav .nav-item .nav-item-in .nav-profile { padding: 10px; }
.page-employee .employee-nav .nav-item .nav-item-in .nav-profile .profiletext { padding-left: 10px; font-size: 1rem; text-align: left; }
.page-employee .employee-nav .nav-item .nav-item-in .nav-profile .profiletext .name { margin-bottom: 10px; }
.page-employee .employee-nav .nav-item .nav-item-in .nav-profile .profiletext .name span { margin-right: 10px; }
.page-employee .employee-nav .nav-item .nav-item-in .nav-profile .profiletext .title { margin: 0; }
.page-employee .employee-nav .nav-item:nth-child(odd) .nav-item-in, .page-employee .employee-nav .nav-item:nth-child(even) .nav-item-in { float: none; margin: 0 auto 15px; }
.page-employee .employee-contents, .page-employee .employee-contents.reverse { margin-bottom: 50px; padding-bottom: 30px; min-width: inherit; }
.page-employee .employee-contents .contents-top, .page-employee .employee-contents.reverse .contents-top { background-position: top center; background-size: contain; padding: 80px 20px 0; text-align: center; }
.page-employee .employee-contents .contents-top .contents-profile .contents-profile-in .contents-title, .page-employee .employee-contents.reverse .contents-top .contents-profile .contents-profile-in .contents-title { font-size: 1.5rem; margin: 0 0 15px; }
.page-employee .employee-contents .contents-top .contents-profile .contents-profile-in .contents-profile-bottom .contents-copy, .page-employee .employee-contents.reverse .contents-top .contents-profile .contents-profile-in .contents-profile-bottom .contents-copy { padding: 0 5px 0 0; }
.page-employee .employee-contents .contents-top .contents-profile .contents-profile-in .contents-profile-bottom .contents-profile-right, .page-employee .employee-contents.reverse .contents-top .contents-profile .contents-profile-in .contents-profile-bottom .contents-profile-right { font-size: 1rem; text-align: center; }
.page-employee .employee-contents .contents-top .contents-profile .contents-profile-in .contents-profile-bottom .contents-profile-right .contents-name, .page-employee .employee-contents.reverse .contents-top .contents-profile .contents-profile-in .contents-profile-bottom .contents-profile-right .contents-name { line-height: 1.2rem; margin-top: 10px; }
.page-employee .employee-contents .contents-interview .interview, .page-employee .employee-contents.reverse .contents-interview .interview { padding: 0 15px; text-align: left; }
.page-employee .employee-contents .contents-interview .interview dt, .page-employee .employee-contents.reverse .contents-interview .interview dt { font-size: 1.5rem; }
.page-employee .employee-contents .contents-interview .interview dd, .page-employee .employee-contents.reverse .contents-interview .interview dd { font-size: 1.2rem; margin-bottom: 20px; }
.page-employee .employee-contents .model-link a, .page-employee .employee-contents.reverse .model-link a { max-width: 220px; }
.page-employee .employee-contents.reverse { margin-bottom: 0; }
.page-employee .sns-btn-area-wrap { min-width: inherit; } }  .page_title.voice { background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/common/img_top_voice.jpg) no-repeat center center; background-size: cover; } .border-content-box { border: 8px solid #f4f4f4; padding: 30px; }
.border-content-box .col3 { width: 30%; margin-left: 3%; }
.single-voice .summary-box { margin-bottom: 15px; }
.single-voice .summary-box h3 { padding-left: 0; padding-right: 0; }
.single-voice .voice-content-box01 .ttl-circle, .single-voice .voice-content-box02 .ttl-circle, .single-voice .voice-content-box03 .ttl-circle { font-size: 1.6rem; }
.single-voice .voice-content-box01 { padding-bottom: 60px; }
.single-voice .voice-img-box .col-set { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }
.single-voice .voice-img-box .col4 { float: none; width: 24%; margin: .5%; }
.single-voice .voice-img-box.voice-img-box02 { margin-top: 45px; } @media screen and (max-width: 750px) { .page_title.voice { background: #cccccc url(//www.homes-g.com/wp-content/themes/kyma/images/common/img_top_voice.jpg) no-repeat center right; background-size: cover; } .border-content-box .col3 { width: 100%; margin-left: 0; margin-bottom: 30px; }
.border-content-box .col3 + .col3 { margin-bottom: 0; }
.single-voice .voice-content-box01 { padding-bottom: 45px; }
.single-voice .voice-img-box .col-set { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.single-voice .voice-img-box .col4 { float: none; width: 48%; margin: 1%; }
.single-voice .voice-img-box.voice-img-box02 { margin-top: 45px; } }  .page_title.page_title.gallery { background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/common/img_top_gallery.jpg) no-repeat center center; background-size: cover; } .gallery-insta-box h2 { font-size: 2.4rem; }
.gallery-insta-box h2 i { margin-right: .3em; font-size: 4rem; vertical-align: -.1em; }
.gallery-insta-box h3 { font-size: 1.6rem; } .flex-masonry-box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.flex-masonry-box .flex-masonry-item { width: 12.5%; }
.flex-masonry-box .flex-masonry-item .flex-masonry-item-in { margin: 5px; overflow: hidden; } .gallery-sub-nav { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; border: 2px solid #0c1e72; }
.gallery-sub-nav li { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; }
.gallery-sub-nav li a { display: inline-block; font-size: 1.6rem; color: #0c1e72; font-weight: bold; width: 100%; height: 60px; line-height: 1; 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; }
.gallery-sub-nav li a i { margin-left: .3em; color: #fff; font-size: 2rem; margin-bottom: 2px; }
.gallery-sub-nav li.active a, .gallery-sub-nav li:hover a { border-color: #0c1e72; background-color: #0c1e72; color: #fff; } @media screen and (max-width: 750px) { .gallery-insta-box { margin-top: 30px; }
.gallery-insta-box h2 { font-size: 1.8rem; }
.gallery-insta-box h2 i { margin-right: .3em; font-size: 2rem; vertical-align: -.1em; }
.gallery-insta-box h3 { font-size: 1.4rem; } .flex-masonry-box .flex-masonry-item { width: 46%; margin: 2%; }
.flex-masonry-box .flex-masonry-item:nth-child(n+9) { display: none; } .gallery-sub-nav { border: none; }
.gallery-sub-nav li { max-width: 100%; }
.gallery-sub-nav li:not(.active) { display: none; }
.gallery-sub-nav li.active a { position: relative; color: #0c1e72; background-color: #fff; pointer-events: none; border: none; height: auto; font-size: 1.8rem; padding: 1em 0; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.gallery-sub-nav li.active a:before, .gallery-sub-nav li.active a::after { position: absolute; left: 0; content: ''; width: 100%; height: 6px; box-sizing: border-box; }
.gallery-sub-nav li.active a:before { top: 0; border-top: 2px solid #0c1e72; border-bottom: 1px solid #323d6f; }
.gallery-sub-nav li.active a:after { bottom: 0; border-top: 1px solid #323d6f; border-bottom: 2px solid #0c1e72; }
.gallery-sub-nav li.active a i { display: none; }
.gallery-sub-nav li:hover a { background-color: transparent; } } .page_title.news { background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/common/img_top_news.jpg) no-repeat center center; background-size: cover; }
.page_title.blog { background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/common/img_top_blog.jpg) no-repeat center center; background-size: cover; }
.page_title.faq { background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/common/img_top_faq.jpg) no-repeat center center; background-size: cover; } .hm_blog_list .blog_grid_block { margin: 0 0 20px; padding: 0; }
.hm_blog_list .blog_grid_block:not(:last-child) { padding: 0; }
.hm_blog_list .blog_grid_con { width: 100%; padding: 0; }
.hm_blog_list .blog_grid_con .meta, .post_title_con .meta { font-style: normal; }
.blog_grid_con .meta a, .post_title_con .meta a, .timeline_block .meta a { color: #333333; font-size: 1.4rem; }
.blog_grid_con .meta a:hover, .post_title_con .meta a:hover, .timeline_block .meta a:hover { color: #333333; } .blog_grid_block { position: relative; position: relative; overflow: hidden; }
.blog_grid_block a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.blog_grid_block a { z-index: 1; }
.blog_grid_block .img-trim-link-wrap { z-index: 2; }
.blog_grid_block:hover { transition: all .3s; background-color: #f4f4f4; }
.blog_grid_block:hover .triangle { right: 0; bottom: 0; } .blog_grid_con { padding: 0; }
.blog_grid_con .ttl-box { padding: 20px; }
.blog_grid_con .ttl-box h6 { font-size: 2rem; }
.blog_grid_con .ttl-box h6 a { color: #0c1e72; }
.blog_grid_con .ttl-box .meta { border: none; margin: 0; margin-top: 5px; padding: 0; }
.blog_grid_con .ttl-box .meta .meta_part { margin: 0; }
.blog_grid_con .ttl-box .meta .meta_part:first-of-type { margin-right: 10px; }
.blog_grid_con .ttl-box .meta .news-category { background-color: #0c1e72; color: #ffffff; padding: .2em 1em .1em; white-space: nowrap; }
.blog_grid_con .col-set { padding: 20px; padding-bottom: 25px; }
.blog_grid_con .col-set .col2 { width: 66.6%; }
.blog_grid_con .col-set .col2:first-of-type { width: 33.3%; }
.blog_grid_con .col-set .col2:last-of-type { padding-left: 20px; }
.hm_blog_list .ttl-box { padding: 10px 10px 15px; }
.hm_blog_list .ttl-box h6 { font-size: 1.6rem; }
.hm_blog_list .ttl-box h6 a { color: #0c1e72; }
.hm_blog_list .ttl-box .meta { display: inline-block; border: none; margin: 0; margin-top: 5px; padding: 0; font-size: 13px; }
.hm_blog_list .ttl-box .meta .meta_part { margin: 3px 0 0; display: block; }
.hm_blog_list .ttl-box .meta .meta_part:first-of-type { margin-right: 10px; }
.hm_blog_list .ttl-box .meta .news-category { display: inline-block; background-color: #0c1e72; color: #ffffff; padding: .2em 1em .1em; }
.blog_grid_con p { font-size: 1.6rem; line-height: 1.6; margin: 0; }
.blog_grid_con p:not(.desc) { margin-bottom: 0; }
@media screen and (max-width: 750px) { .blog_grid_con p { font-size: 1.4rem; } }
.news-content-box { padding: 30px 0; word-break: break-all; }
.news-content-box .img-link-wrap { max-width: 500px; margin: 0 auto; margin-bottom: 30px; }
@media screen and (max-width: 750px) { .news-content-box { padding: 15px 0; }
.news-content-box .img-trim-link-wrap { margin-bottom: 15px; } }
.more-details.single-news { min-width: inherit; }
.more-details.single-news .inner { width: 100%; padding: 0; }
.more-details.single-news .prev-box, .more-details.single-news .next-box { width: 43%; padding: 0; }
.more-details.single-news .prev-box h5, .more-details.single-news .next-box h5 { font-size: 1.6rem; }
.more-details.single-news .prev-box .txt-box, .more-details.single-news .next-box .txt-box { padding: 0 10px; }
.more-details.single-news .prev-box .img-trim-link-wrap, .more-details.single-news .next-box .img-trim-link-wrap { width: 120px; height: 120px; }
.more-details.single-news .prev-box .img-trim-link-wrap .img-trim, .more-details.single-news .next-box .img-trim-link-wrap .img-trim { width: 120px; padding-top: 100%; }
.more-details.single-news .prev-box .img-trim-link-wrap .img-trim img, .more-details.single-news .next-box .img-trim-link-wrap .img-trim img { max-width: 150%; }
.more-details.single-news .back-link-box { width: auto; }
.more-details.single-news .back-link-box a { padding: 0 10px 10px; }
.single-sns-box-wrap .sns-linkbox { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }
.single-sns-box-wrap .sns-linkbox .icon-box { border: 1px solid #cccccc; background-color: #cccccc; color: #ffffff; width: 32px; height: 32px; border-radius: 4px; margin-right: 18px; 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; }
.single-sns-box-wrap .sns-linkbox .icon-box:last-child { margin-right: 0; }
.single-sns-box-wrap .sns-linkbox .icon-box i { font-size: 2.4rem; line-height: 0; }
.single-sns-box-wrap .sns-linkbox .icon-box i:before { margin: 0; }
.single-sns-box-wrap .sns-linkbox .icon-box:hover i { font-size: 2.4rem; }
.single-sns-box-wrap .sns-linkbox .icon-box.fb { background-color: #3B5998; border-color: #3B5998; }
.single-sns-box-wrap .sns-linkbox .icon-box.fb:hover { background-color: #ffffff; }
.single-sns-box-wrap .sns-linkbox .icon-box.fb:hover i { color: #3B5998; }
.single-sns-box-wrap .sns-linkbox .icon-box.tw { background-color: #00aced; border-color: #00aced; }
.single-sns-box-wrap .sns-linkbox .icon-box.tw:hover { background-color: #ffffff; }
.single-sns-box-wrap .sns-linkbox .icon-box.tw:hover i { color: #00aced; }
.single-sns-box-wrap .sns-linkbox .icon-box.ln { background-color: #5ae628; border-color: #5ae628; }
.single-sns-box-wrap .sns-linkbox .icon-box.ln:hover { background-color: #fff; }
.single-sns-box-wrap .sns-linkbox .icon-box.ln:hover i { color: #5ae628; } .cate_news-cate_news_modelhouse .ttl-box .meta .news-category, .cate_staffblog-cate_staffblog_sonota .ttl-box .meta .news-category, .top .ttl-box .meta .news-category { background-color: #cccc33; }
.cate_news-cate_news_land .ttl-box .meta .news-category, .cate_staffblog-cate_staffblog_jisseki .ttl-box .meta .news-category { background-color: #339900; }
.cate_news-cate_news_achievement .ttl-box .meta .news-category, .cate_staffblog-cate_staffblog_setubi .ttl-box .meta .news-category { background-color: #993300; }
.cate_news-cate_news_event .ttl-box .meta .news-category, .cate_staffblog-cate_staffblog_event .ttl-box .meta .news-category { background-color: #d35400; }
.cate_news-cate_news_campaign .ttl-box .meta .news-category { background-color: #8e44ad; }
.cate_news-cate_news_update .ttl-box .meta .news-category { background-color: #27ae60; }
.cate_news-cate_news_news .ttl-box .meta .news-category, .cate_staffblog-cate_staffblog_news .ttl-box .meta .news-category { background-color: #34495e; }
.cate_news-cate_news_news .ttl-box .meta .news-category, .cate_staffblog-cate_staffblog_news .ttl-box .meta .news-category { background-color: #34495e; } .cate_news-yoko .ttl-box .meta .news-category { background-color: #72B232; }
.cate_news-matsuiyamate .ttl-box .meta .news-category { background-color: #660000; }
.cate_news-ookuboterayama .ttl-box .meta .news-category { background-color: #956E4C; }
.cate_news-koudo .ttl-box .meta .news-category { background-color: #0DA8DB; }
.cate_news-jr_uji .ttl-box .meta .news-category { background-color: #2e4600; }
.cate_news-ikkyuji .ttl-box .meta .news-category { background-color: #480D3D; }
.cate_news-kutsukawa .ttl-box .meta .news-category, .cate_news-kohata .ttl-box .meta .news-category { background-color: #18638D; }
.cate_news-yodoshinmachi .ttl-box .meta .news-category { background-color: #A10115; }
.cate_news-momoyama .ttl-box .meta .news-category { background-color: #84113C; }
.cate_news-miyamaki .ttl-box .meta .news-category { background-color: #ED6102; }
.cate_news-fujinomori2 .ttl-box .meta .news-category { background-color: #64D9DB; }
.cate_news-byodoin .ttl-box .meta .news-category { background-color: #bb003b; }
.cate_news-kohata .ttl-box .meta .news-category { background-color: #317DA6; }
.cate_news-kounosudai .ttl-box .meta .news-category { background-color: #E55D33; }
.cate_news-oubakuminami .ttl-box .meta .news-category { background-color: #899E00; }
.cate_news-doshishayamate .ttl-box .meta .news-category { background-color: #A9BDB4; }
.cate_news-yodoshimozu .ttl-box .meta .news-category { background-color: #509ac8; } .side-bnr-box a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .side-bnr-box a:hover { opacity: 1; } } .side-list li { }
.side-list li a { display: inline-block; width: 100%; font-size: 1.6rem; border-top: 1px dotted #cccccc; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
.side-list li a:before { content: '\f0da'; font-family: FontAwesome; margin-right: 1em; border-right: 1px solid #dddddd; color: #cccccc; display: inline-block; padding: .5em 1em; min-height: 100%; 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; min-width: 40px; transition: .3s; }
.side-list li a:hover:before { background-color: #0c1e72; color: #fff; padding-left: 1.3em; padding-right: 1.1em; }
@media all and (-ms-high-contrast: none) { .side-list li a:hover:before { min-width: 47px; } }
.side-list li a:hover span { padding-right: .5em; }
.side-list li a span { padding: .5em 1em .5em 0; display: inline-block; }
.side-list li:last-of-type { border-bottom: 1px dotted #cccccc; }
.side-list li.cat-item-24 a:hover:before, .side-list li.cat-item-18 a:hover:before { background-color: #cccc33; }
.side-list li.cat-item-25 a:hover:before, .side-list li.cat-item-15 a:hover:before { background-color: #339900; }
.side-list li.cat-item-26 a:hover:before, .side-list li.cat-item-14 a:hover:before { background-color: #993300; }
.side-list li.cat-item-12 a:hover:before, .side-list li.cat-item-16 a:hover:before { background-color: #d35400; }
.side-list li.cat-item-27 a:hover:before { background-color: #8e44ad; }
.side-list li.cat-item-28 a:hover:before { background-color: #27ae60; }
.side-list li.cat-item-13 a:hover:before, .side-list li.cat-item-17 a:hover:before { background-color: #34495e; }
.side-list li.ln a:hover:before { background-color: #5ae628; }
.side-list li.ig a:hover:before { background-color: #3f729b; }
.side-list li.tw a:hover:before { background-color: #00aced; }
.side-list li.fb a:hover:before { background-color: #3B5998; }
.side-list li.cat-item-35 a:hover:before { background-color: #72B232; }
.side-list li.cat-item-36 a:hover:before { background-color: #660000; }
.side-list li.cat-item-37 a:hover:before { background-color: #956E4C; }
.side-list li.cat-item-38 a:hover:before { background-color: #0DA8DB; }
#pagination { width: 100%; }
#pagination ul.page-numbers { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }
#pagination ul.page-numbers li { float: none; margin: 0; }
#pagination ul.page-numbers li a { border-radius: 0; color: #333333; }
#pagination ul.page-numbers li + li a { border-right: none; }
#pagination ul.page-numbers li:last-child { border-right: 1px solid #ddd; }
.pagination li span.current, .pagination li a.page-numbers:hover { background-color: #ddd; border-color: #ddd; color: #333333; } .post-type-archive-news .content_spacer { padding: 30px 0 60px; }
.single-news .main_wrapper, .single-staffblog .main_wrapper { min-width: 1000px; }
.single-news .content_block.f_left, .single-staffblog .content_block.f_left { padding-right: 20px; }
.single-news .content, .single-news .container, .single-staffblog .content, .single-staffblog .container { padding: 0; min-width: 1000px; }
.single-news .internal_post_con, .single-staffblog .internal_post_con { padding: 30px 0 60px; }
.single-news .news-content-box .blog_grid_con, .single-staffblog .news-content-box .blog_grid_con { font-size: 1.4rem; line-height: 1.6; margin: 0; }
@media screen and (max-width: 750px) { .single-news .news-content-box .blog_grid_con, .single-staffblog .news-content-box .blog_grid_con { font-size: 1.2rem; text-align: left; } }
.single-news .news-content-box .blog_grid_con img, .single-staffblog .news-content-box .blog_grid_con img { max-width: 100%; height: auto; }
.single-news .news-content-box .blog_grid_con p, .single-staffblog .news-content-box .blog_grid_con p { overflow: hidden; }
.single-news .news-content-box .blog_grid_con a, .single-staffblog .news-content-box .blog_grid_con a { color: #0044CC; text-decoration: underline; display: inline-block; }
.single-news .news-content-box .blog_grid_con .alignleft:after, .single-news .news-content-box .blog_grid_con .alignright:after, .single-staffblog .news-content-box .blog_grid_con .alignleft:after, .single-staffblog .news-content-box .blog_grid_con .alignright:after { content: ""; clear: both; display: block; } @media screen and (max-width: 750px) { .blog_grid_con .col-set .col2 { width: 100%; }
.blog_grid_con .col-set .col2:first-of-type { width: 100%; }
.blog_grid_con .col-set .col2:last-of-type { padding-left: 0; margin-top: 15px; }
.blog_grid_con .col-set .col2:last-of-type .txt-main { text-align: left; }
.hm_blog_list .blog_grid_con { margin: 0; }
.side-bnr-box { text-align: center; } .single-news .main_wrapper, .single-staffblog .main_wrapper { min-width: inherit; }
.single-news .content_block.f_left, .single-staffblog .content_block.f_left { padding-right: 0; }
.single-news .content, .single-news .container, .single-staffblog .content, .single-staffblog .container { padding: 0; min-width: inherit; }
.more-details.single-news .prev-box, .more-details.single-news .next-box { width: 55px; }
.content_block.f_left { float: none; } } .page_title.contact { background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/common/img_top_contact.jpg) no-repeat center center; background-size: cover; }
#inputForm, .inputForm-conf { font-size: 1.4rem; }
#inputForm .inputForm-in, .inputForm-conf .inputForm-in { max-width: 800px; margin: 0 auto; }
#inputForm .label, .inputForm-conf .label { color: #333; margin: 0; border-radius: 0; }
#inputForm .label:not(.form-ttl), .inputForm-conf .label:not(.form-ttl) { font-size: 1.6rem; padding: 0; }
#inputForm .label.form-ttl, .inputForm-conf .label.form-ttl { padding: 1.5em 0; font-size: 2.2rem; color: #0c1e72; }
#inputForm .input_radio, .inputForm-conf .input_radio { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; }
#inputForm .input_radio label, .inputForm-conf .input_radio label { padding: .8em 1em; font-size: 1.6rem; width: 98%; background-color: #cccccc; position: relative; border-radius: 0; }
#inputForm .input_radio label:after, .inputForm-conf .input_radio label:after { border: 10px solid transparent; border-top-color: transparent; border-bottom-width: 0; width: 0; bottom: -10px; content: ""; display: block; left: 50%; margin-left: -10px; position: absolute; }
#inputForm .input_radio .radio-box, .inputForm-conf .input_radio .radio-box { display: inline-block; width: 100%; }
#inputForm .input_radio .radio-box:first-of-type label, .inputForm-conf .input_radio .radio-box:first-of-type label { border-radius: 3px 0 0 3px; }
#inputForm .input_radio .radio-box:last-of-type label, .inputForm-conf .input_radio .radio-box:last-of-type label { border-radius: 0 3px 3px 0; }
#inputForm .input_radio .radio-box.selected label:after, .inputForm-conf .input_radio .radio-box.selected label:after { border-top-color: #0c1e72; }
#inputForm .input_radio input[type="radio"]:checked + label, .inputForm-conf .input_radio input[type="radio"]:checked + label { background-color: #0c1e72; }
#inputForm .input_radio input[type="radio"]:checked + label:after, .inputForm-conf .input_radio input[type="radio"]:checked + label:after { border-top-color: #0c1e72; }
#inputForm .input_address, .inputForm-conf .input_address { margin: 0; }
#inputForm .input, .inputForm-conf .input { max-width: inherit; margin-bottom: 0; border-radius: 0; }
#inputForm .caution-box, .inputForm-conf .caution-box { display: inline-block; background-color: #0c1e72; color: #fff; font-size: 1.2rem; font-weight: bold; padding: .2em 1em; border-radius: 4px; margin-right: .5em; }
#inputForm .caution-box.required, .inputForm-conf .caution-box.required { background-color: #0c1e72; }
#inputForm .caution-box.optional, .inputForm-conf .caution-box.optional { background-color: #cccccc; }
#inputForm .input-inner, .inputForm-conf .input-inner { padding: 2em 0; border-bottom: dotted 1px #cccccc; }
#inputForm .input-inner .col-set .col2:first-of-type, .inputForm-conf .input-inner .col-set .col2:first-of-type { width: 30%; }
#inputForm .input-inner .col-set .col2:last-of-type, .inputForm-conf .input-inner .col-set .col2:last-of-type { width: 70%; }
#inputForm .input-inner.last, .inputForm-conf .input-inner.last { border: none; }
#inputForm .label.ttl-address, .inputForm-conf .label.ttl-address { font-size: 1.8rem; padding: 1em 0; margin-top: 1em; display: inline-block; }
#inputForm .label.ttl-address:before, .inputForm-conf .label.ttl-address:before { margin-right: .3em; }
#inputForm .bjn_title, .inputForm-conf .bjn_title { font-weight: bold; border-bottom: 1px solid #0c1e72; color: #0c1e72; }
#inputForm .model_chk, .inputForm-conf .model_chk { margin-bottom: 15px; }
#inputForm .model_chk label, .inputForm-conf .model_chk label { width: 100%; }
#inputForm .bunjyo-name label, .inputForm-conf .bunjyo-name label { white-space: nowrap; }
#inputForm .bunjyo-name label span, .inputForm-conf .bunjyo-name label span { white-space: nowrap; font-weight: bold; }
.inputForm-conf .input_disply { display: inline-block; text-indent: inherit; }
.inputForm-conf .form_btn_area.more-btns-wrap { margin-top: 30px; }
.inputForm-conf .form_btn_area.more-btns-wrap .col2:first-of-type { text-align: right; }
.inputForm-conf .form_btn_area.more-btns-wrap .col2:last-of-type { text-align: left; }
.txt-sub-box { border: 2px solid #993300; display: inline-block; padding: 2em 3em; border-radius: 4px; }
.txt-sub-box p { text-align: left; }
.form-ktlg-request { text-align: center; margin-bottom: 30px; } @media screen and (max-width: 750px) { #inputForm .input, #inputForm select, #inputForm label, .inputForm-conf .input, .inputForm-conf select, .inputForm-conf label { font-size: 1.6rem; }
#inputForm .input-inner .col-set .col2, .inputForm-conf .input-inner .col-set .col2 { text-align: left; }
#inputForm .input-inner .col-set .col2:first-of-type, #inputForm .input-inner .col-set .col2:last-of-type, .inputForm-conf .input-inner .col-set .col2:first-of-type, .inputForm-conf .input-inner .col-set .col2:last-of-type { width: 100%; }
#inputForm .input-inner .col-set .col2:last-of-type, .inputForm-conf .input-inner .col-set .col2:last-of-type { margin-top: 15px; }
#inputForm .label:not(.form-ttl), .inputForm-conf .label:not(.form-ttl) { font-size: 1.6rem; }
#inputForm .input_radio, .inputForm-conf .input_radio { display: block; margin-bottom: 0; }
#inputForm .input_radio .radio-box, .inputForm-conf .input_radio .radio-box { margin-bottom: 10px; }
#inputForm .input_radio label, .inputForm-conf .input_radio label { min-width: 0; padding: .8em; font-size: 1.6rem; }
#inputForm .select-box01 select, .inputForm-conf .select-box01 select { width: 100%; }
#inputForm .more-btn, .inputForm-conf .more-btn { margin-top: 10px; }
#inputForm .sp-txt-left, .inputForm-conf .sp-txt-left { text-align: left; line-height: 1.6; }
#inputForm .model_chk, .inputForm-conf .model_chk { margin: 5px 0 15px; }
#inputForm .model_chk label, .inputForm-conf .model_chk label { margin-bottom: 10px; }
#inputForm .bunjyo-name label, .inputForm-conf .bunjyo-name label { margin-bottom: 10px; }
.inputForm-conf .input-inner { width: 100%; }
.inputForm-conf .form_btn_area.more-btns-wrap .col2:first-of-type, .inputForm-conf .form_btn_area.more-btns-wrap .col2:last-of-type { text-align: center; } } .page_title.concept { background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/common/img_top_concept.jpg) no-repeat center center; background-size: cover; }
.architecture .content-box .desc-box h4 { margin-bottom: 15px; font-weight: bold; }
.architecture .content-box .main-img-box { position: relative; }
.architecture .content-box .main-img-box .ttl-architecture { position: absolute; top: 50px; left: 0; right: 0; margin: auto; }
.architecture .content-box .main-img-box .ttl-architecture.house { top: 150px; }
.architecture .introduction .content-box.kyoto .right-img-box .col2:first-of-type { width: 58%; }
.architecture .introduction .content-box.kyoto .right-img-box .col2:last-of-type { width: 42%; }
.architecture .introduction .content-box.bunjo { background: url(//www.homes-g.com/wp-content/themes/kyma/images/top/news_main_bg.png) repeat top center; padding: 120px 0 60px; }
.architecture .introduction .content-box.bunjo .inner { text-align: right; background: url(//www.homes-g.com/wp-content/themes/kyma/images//architecture/introduction/bunjo_img01.jpg) left bottom no-repeat; min-width: 1000px; }
.architecture .introduction .content-box.bunjo .inner .txt-box { display: inline-block; background-color: #ffffff; width: 50%; padding: 30px; margin-top: -60px; margin-bottom: 60px; }
.architecture .introduction .content-box.bunjo .inner .txt-box .txt-sub { margin: 15px 0; }
.architecture .introduction .content-box.bunjo .inner .txt-box .desc-box { text-align: left; }
.architecture .introduction .content-box.female { background: url(//www.homes-g.com/wp-content/themes/kyma/images/common/bg_stripe.png) repeat top center; padding: 60px 0; }
.architecture .introduction .content-box.female .desc-wrap .inner { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }
.architecture .introduction .content-box.female .desc-wrap .inner .desc-box { padding-right: 30px; }
.architecture .introduction .content-box.female .desc-wrap .inner .more-btn { margin-top: 45px; min-width: 260px; }
.architecture .introduction .content-box.only .left-img-box .col2:first-of-type { width: 33%; }
.architecture .introduction .content-box.only .left-img-box .col2:last-of-type { width: 67%; }
.architecture .house .content-box .right-img-box .col2:first-of-type, .architecture .house .content-box .right-img-box .col2:last-of-type { width: 50%; }
.architecture .house .content-box .method-box { border: 2px solid #0c1e72; }
.architecture .house .content-box .method-box .ttl-box { border-bottom: 2px solid #0c1e72; padding: .55em .35em .3em; }
.architecture .house .content-box .method-box .ttl-box h3 { padding: .25em; }
.architecture .house .content-box .method-box .col-set { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: nowrap; }
.architecture .house .content-box .method-box .col3 { float: none; width: 34%; background-color: #f1f3f9; padding: 30px; margin: 0; }
.architecture .house .content-box .method-box .col3 + .col3 { border-left: 2px solid #0c1e72; }
.architecture .house .content-box .method-box .col3:last-child .desc-box { width: 45%; margin-top: -30%; }
.architecture .house .content-box .method-box .col3 .desc-box span { font-weight: bold; }
.architecture .house .content-box.style { background-color: #f1f3f9; padding: 60px 0; }
.architecture .house .content-box.style .img-box.eco { position: relative; }
.architecture .house .content-box.style .img-box.eco .more-btn { position: absolute; bottom: 9.5%; right: 3.5%; width: 20%; }
.architecture .house .content-box.security { padding: 60px 0; }
.architecture .house .content-box.consultation { background: url(//www.homes-g.com/wp-content/themes/kyma/images/top/news_main_bg.png) repeat top center; padding: 60px 0; }
.architecture .house .content-box.consultation .col-set { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: nowrap; }
.architecture .house .content-box.consultation .col-set.sp-show { display: none; }
.architecture .house .content-box.consultation .col-set .col3 { width: 30%; padding: 0 1%; }
.architecture .house .content-box.consultation .col-set .col3:first-of-type { width: 34%; }
.architecture .house .content-box.consultation .desc-box h4 { margin-bottom: 0; }
.architecture .house .content-box.consultation .consultation-box { border: 2px solid #0c1e72; background-color: #ffffff; padding: 40px 15px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; height: 100%; position: relative; }
.architecture .house .content-box.consultation .consultation-box:before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border: 15px solid transparent; border-top: 15px solid #0c1e72; border-left: 15px solid #0c1e72; }
.architecture .house .content-box.consultation .consultation-box .ttl-box { text-align: center; }
.architecture .house .content-box.consultation .consultation-box .ttl-box h4 { margin-bottom: 15px; }
.architecture .house .content-box.consultation .consultation-box .ttl-box p { color: #be8f01; line-height: 1; font-weight: bold; }
.architecture .house .content-box.consultation .consultation-box .line { display: inline-block; width: 35px; height: 3px; background-color: #0c1e72; }
.architecture .house .content-box.consultation .consultation-box .desc-box li { font-size: 1.6rem; }
.architecture .house .content-box.consultation .consultation-box .desc-box li:before { content: '\f111'; font-family: FontAwesome; margin-right: .3em; }
.architecture .house .style-box .ttl-side-line-h { margin-bottom: 30px; }
.architecture .house .style-box .txt-box { background-color: #ffffff; padding: 60px 15px; height: 100%; }
.architecture .house .style-box .txt-box .txt-box-in { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; height: 100%; }
.architecture .house .style-box .txt-box .txt-box-in h6 { margin-bottom: 15px; line-height: 1; }
.architecture .house .style-box .txt-box .txt-box-in p { margin: 0; }
.architecture .house .style-box .txt-box .txt-box-in .more-btn { margin-top: 15px; }
.architecture .house .style-box .img-box { position: relative; }
.architecture .house .style-box .img-box a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.architecture .house .style-box .img-box:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .architecture .house .style-box .img-box:hover { opacity: 1; } }
.architecture .house .style-box .col-set { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: nowrap; }
.architecture .house .style-box .col2 { float: none; }
.architecture .house .style-box .col2:nth-of-type(odd) { padding-right: 30px; }
.architecture .house .style-box .col2:nth-of-type(even) { padding-left: 30px; }
.architecture .house .style-box .sp-show { display: none !important; }
.architecture .ttl-circle { padding: 0; margin: 0; }
.architecture .guide .line { display: inline-block; width: 35px; height: 3px; background-color: #0c1e72; }
.architecture .guide .guide-box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 30px 0; border-bottom: 1px solid #9FA9DC; }
.architecture .guide .guide-box:first-of-type { border-top: 1px solid #9FA9DC; }
.architecture .guide .step-num-box { display: block; width: 80px; min-width: 80px; height: 80px; background-color: #9FA9DC; position: relative; color: #fff; font-size: 2.2rem; padding-top: 8px; }
.architecture .guide .step-num-box:after { position: absolute; bottom: -40px; left: 0; width: 0; height: 0; content: ""; border-top: 20px solid #9FA9DC; border-right: 40px solid transparent; border-bottom: 20px solid transparent; border-left: 40px solid transparent; }
.architecture .guide .step-num-box .step-num-box-in { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; position: relative; z-index: 1; }
.architecture .guide .step-num-box .step { line-height: 1; }
.architecture .guide .step-num-box .line { display: inline-block; width: 15px; height: 2px; background-color: #ffffff; margin: .25em 0 .1em; }
.architecture .guide .step-num-box .num { font-size: 4.5rem; display: block; line-height: 1; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
.architecture .guide .txt-box { margin: 0 30px; }
.architecture .guide .ttl-box { margin-bottom: 25px; }
.architecture .guide .ttl-box h4 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; line-height: 1; }
.architecture .guide .ttl-box .ttl { font-size: 2.7rem; }
.architecture .guide .ttl-box .free { display: inline-block; background-color: #4e5ea5; color: #ffffff; font-size: 18px; padding: .1em .6em; margin-left: .6em; }
@media all and (-ms-high-contrast: none) { .architecture .guide .ttl-box .free { padding: .4em .6em .1em; } }
.architecture .guide .desc-box h5 { line-height: 1; color: #535f9b; margin-bottom: 10px; }
.architecture .guide .img-box { margin-left: auto; min-width: 350px; } .introduction-sub-nav { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; border: 2px solid #0c1e72; }
.introduction-sub-nav li { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; }
.introduction-sub-nav li a { display: inline-block; font-size: 1.6rem; color: #0c1e72; font-weight: bold; width: 100%; height: 60px; line-height: 1; 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; }
.introduction-sub-nav li a i { margin-left: .3em; color: #fff; font-size: 2rem; margin-bottom: 2px; }
.introduction-sub-nav li.active a, .introduction-sub-nav li:hover a { border-color: #0c1e72; background-color: #0c1e72; color: #fff; }
.step-bar-wrap { border: 2px solid #0c1e72; padding: 2em; position: relative; }
.step-bar-wrap h3 { position: absolute; top: -.9em; left: 50%; margin-left: -6.5em; }
.step-bar-wrap h3 span { display: inline-block; background-color: #fff; padding: 0 .5em; font-size: 2.4rem; color: #0c1e72; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; -webkit-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; }
.step-bar-wrap h3 span i { font-size: 2rem; font-style: normal; }
.step-bar-wrap h3 span span { padding: 0; font-size: 3rem; color: #9FA9DC; }
#step-bar { margin: 0; padding: 0; list-style: none; overflow: hidden; width: 100%; height: 100px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }
#step-bar li { width: 100%; }
#step-bar li + li { margin-left: 2.5em; }
#step-bar li:first-child a { padding-left: 2em; padding-right: 1em; }
#step-bar li:first-child a:before { border-color: #4e5ea5; }
#step-bar li:last-child a { padding-left: 1em; padding-right: 2em; }
#step-bar li:last-child a:after { border-color: #4e5ea5; }
#step-bar a { display: block; height: 10em; background: #4e5ea5; padding: 1em 0; text-decoration: none; color: #ffffff; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; height: 100px; }
#step-bar a .step-bar-num { display: block; font-size: 3.5rem; line-height: 1; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
#step-bar a .step-bar-name { display: block; text-align: center; line-height: 1.2; font-size: 1.2rem; font-weight: bold; height: 100%; white-space: nowrap; 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; }
#step-bar a:hover { background: #9FA9DC; }
#step-bar a:hover:before { border-color: #9FA9DC #9FA9DC #9FA9DC transparent; }
#step-bar a:hover:after { border-left-color: #9FA9DC; }
#step-bar a:before { content: ""; position: absolute; top: 50%; margin-top: -50px; border-width: 50px 0 50px 2em; border-style: solid; border-color: #4e5ea5 #4e5ea5 #4e5ea5 transparent; left: -1.9em; }
#step-bar a:after { content: ""; position: absolute; top: 50%; margin-top: -50px; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 2em solid #4e5ea5; right: -1.9em; } @media screen and (max-width: 1000px) { .architecture .house .content-box.consultation .consultation-box .ttl-box h4 { margin-bottom: 15px; font-size: 1.5rem; }
.architecture .house .content-box.consultation .consultation-box .ttl-box p { font-size: 1.3rem; line-height: 1.6; }
.architecture .house .content-box.consultation .consultation-box .line { display: block; margin: 30px 0; }
.architecture .house .content-box.consultation .consultation-box .desc-box li { font-size: 1.3rem; } } @media screen and (max-width: 750px) { .architecture .content-box { margin-bottom: 0; }
.architecture .content-box .main-img-box img { display: none; }
.architecture .content-box .main-img-box .ttl-architecture { color: #333; position: relative; top: auto; left: auto; right: auto; text-shadow: none; padding: 20px 0; }
.architecture .introduction .content-box.kyoto .right-img-box .col2:first-of-type, .architecture .introduction .content-box.kyoto .right-img-box .col2:last-of-type { width: 100%; }
.architecture .introduction .content-box.bunjo { padding: 10px 0; margin-bottom: 30px; }
.architecture .introduction .content-box.bunjo .inner { background: url(//www.homes-g.com/wp-content/themes/kyma/images//architecture/introduction/bunjo_img01.jpg) center center no-repeat; min-width: inherit; }
.architecture .introduction .content-box.bunjo .inner .txt-box { width: 100%; max-width: inherit; padding: 30px 10px; margin: 0; }
.architecture .introduction .content-box.bunjo .inner .more-btn { width: 250px; }
.architecture .introduction .content-box.female { padding: 30px 0; }
.architecture .introduction .content-box.female .desc-wrap .inner { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.architecture .introduction .content-box.female .desc-wrap .inner .desc-box { padding-right: 0; }
.architecture .introduction .content-box.female .desc-wrap .inner .more-btn { margin-top: 30px; }
.architecture .introduction .content-box.only .left-img-box .col2:first-of-type, .architecture .introduction .content-box.only .left-img-box .col2:last-of-type { width: 100%; }
.architecture .introduction .content-box.only .left-img-box .col2:last-of-type { margin-top: 0; }
.architecture .house .ttl-architecture { color: #333; position: relative; top: auto; left: auto; right: auto; text-shadow: none; padding: 20px 0; }
.architecture .house .content-box .right-img-box .col2:first-of-type, .architecture .house .content-box .right-img-box .col2:last-of-type { width: 100%; }
.architecture .house .content-box .method-box .col-set { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.architecture .house .content-box .method-box .col-set .col3 { width: 100%; }
.architecture .house .content-box .method-box .col-set .col3 + .col3 { border-left: none; border-top: 2px solid #0c1e72; }
.architecture .house .content-box .style-box .col-set { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.architecture .house .content-box .style-box .col2:nth-of-type(odd), .architecture .house .content-box .style-box .col2:nth-of-type(even) { width: 100%; padding: 0; }
.architecture .house .content-box .style-box .col2:nth-of-type(even) { margin-top: 30px; }
.architecture .house .content-box .style-box .sp-show { display: block !important; }
.architecture .house .content-box .style-box .pc-show { display: none !important; }
.architecture .house .content-box.consultation .col-set { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.architecture .house .content-box.consultation .col-set.sp-show { display: block; }
.architecture .house .content-box.consultation .col-set .col3 { width: 100%; }
.architecture .house .content-box.consultation .col-set .col3:first-of-type { width: 100%; }
.architecture .house .content-box.consultation .col-set .col3 + .col3 { margin-top: 30px; }
.architecture .house .content-box.consultation .col-set .col3 .consultation-box .line { margin: 15px 0; }
.architecture .house .content-box.consultation .col-set .col3 .consultation-box p { text-align: center; }
.architecture .house .content-box .desc-box h4 { text-align: center; }
.architecture .house .content-box.style .img-box.eco { position: relative; text-align: center; }
.architecture .house .content-box.style .img-box.eco .more-btn { position: inherit; bottom: auto; right: auto; width: 100%; margin-top: 10px; }
.architecture .guide .guide-box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.architecture .guide .guide-box:first-of-type { border-top: 3px double #9FA9DC; }
.architecture .guide .step-num-box { display: block; width: 150px; min-width: 150px; height: 40px; font-size: 1.6rem; padding-top: 7px; margin: 0 auto; margin-bottom: 15px; }
.architecture .guide .step-num-box:after { bottom: -20px; border-top: 10px solid #9FA9DC; border-right: 75px solid transparent; border-bottom: 10px solid transparent; border-left: 75px solid transparent; }
.architecture .guide .step-num-box .step-num-box-in { display: block; text-align: center; }
.architecture .guide .step-num-box .step { display: inline-block; }
.architecture .guide .step-num-box .line { display: none; }
.architecture .guide .step-num-box .num { font-size: 2.4rem; display: inline-block; }
.architecture .guide .ttl-box { margin-bottom: 5px; }
.architecture .guide .ttl-box h4 { display: block; text-align: center; }
.architecture .guide .ttl-box h4 .ttl { font-size: 2.2rem; line-height: 1.6; display: inline-block; vertical-align: middle; }
.architecture .guide .ttl-box h4 .free { margin: 0; margin-left: 5px; display: inline-block; vertical-align: middle; }
.architecture .guide .txt-box { margin: 0; }
.architecture .guide .desc-box .txt-18 { text-align: center; line-height: 1.6; }
.architecture .guide .img-box { margin-top: 15px; margin-left: 0; min-width: inherit; }
.introduction-sub-nav { border: none; }
.introduction-sub-nav li { max-width: 100%; }
.introduction-sub-nav li:not(.active) { display: none; }
.introduction-sub-nav li.active a { position: relative; color: #0c1e72; background-color: #fff; pointer-events: none; border: none; height: auto; font-size: 1.8rem; padding: 1em 0; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.introduction-sub-nav li.active a:before, .introduction-sub-nav li.active a::after { position: absolute; left: 0; content: ''; width: 100%; height: 6px; box-sizing: border-box; }
.introduction-sub-nav li.active a:before { top: 0; border-top: 2px solid #0c1e72; border-bottom: 1px solid #323d6f; }
.introduction-sub-nav li.active a:after { bottom: 0; border-top: 1px solid #323d6f; border-bottom: 2px solid #0c1e72; }
.introduction-sub-nav li.active a i { display: none; }
.introduction-sub-nav li:hover a { background-color: transparent; }
.step-bar-area { margin: 0; }
.step-bar-wrap { border: none; border-top: 3px double #9FA9DC; padding: 0; margin-top: 30px; }
.step-bar-wrap h3 { position: relative; top: auto; left: auto; margin-left: 0; text-align: center; padding: .5em .5em .3em; }
.step-bar-wrap h3 span { padding: 0; font-size: 2.2rem; }
.step-bar-wrap h3 span i { font-size: 1.8rem; }
.step-bar-wrap h3 span span { font-size: 2.6rem; } } .page_title.company { background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/common/img_top_company.jpg) no-repeat center center; background-size: cover; }
.company .content-box .right-img-box .col2:first-of-type, .company .content-box .right-img-box .col2:last-of-type { width: 100%; }
.company .content-box .right-img-box .col2:first-of-type { margin-top: 30px; } .company-sub-nav { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; border: 2px solid #0c1e72; }
.company-sub-nav li { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%;  }
.company-sub-nav li a { display: inline-block; font-size: 1.6rem; color: #0c1e72; font-weight: bold; width: 100%; height: 60px; line-height: 1; 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; }
.company-sub-nav li a i { margin-left: .3em; color: #fff; font-size: 2rem; margin-bottom: 2px; }
.company-sub-nav li:hover a, .company-sub-nav li.active a { border-color: #0c1e72; background-color: #0c1e72; color: #fff; }
.company .right-img-box .col2:first-of-type { width: 70%; }
.company .right-img-box .col2:last-of-type { width: 30%; }
.company .right-img-box .col2.greeting-col { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.company .right-img-box .desc-box { padding-top: 0; }
.top-name-box { text-align: right; display: block; margin-top: 15px; }
.top-name-box .top-name-box-in { display: inline-block; text-align: center; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.top-name-box .top-name-box-in .position { font-size: 1.3rem; color: #0c1e72; font-weight: bold; display: inline-block; margin-bottom: .5em; }
.top-name-box .top-name-box-in .top-name { font-size: 2.4rem; font-weight: bold; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.top-name-box.border-bottom-2color.reverse:after { width: 26%; }
.company-gmap { position: relative; padding-bottom: 30%; padding-top: 30px; height: 0; overflow: hidden; }
.company-gmap iframe, .company-gmap object, .company-gmap embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
#company, #access { padding-top: 120px; margin-top: -120px; } .top-location-slider { margin-bottom: 60px; position: relative; }
.top-location-slider li:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .top-location-slider li:hover { opacity: 1; } }
.top-location-slider li .trim { position: relative; width: 100%; padding-top: 62%; overflow: hidden; margin: 0 auto; }
.top-location-slider li .trim img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.top-location-slider .slick-arrow.slick-prev::before, .top-location-slider .slick-arrow.slick-next::before { font-family: 'FontAwesome'; content: "\f104"; right: 3px; top: 3px; color: #ffffff; font-size: 3rem; }
.top-location-slider .slick-arrow.slick-next { right: 10px; z-index: 99; }
.top-location-slider .slick-arrow.slick-next::before { content: "\f105"; left: 2px; }
.top-location-slider .slick-arrow.slick-prev { left: 10px; z-index: 100; }
.top-location-slider .slick-next, .top-location-slider .slick-prev { display: block; position: absolute; top: 50%; display: block; width: 40px; height: 40px; background-color: #0c1e72; border-radius: 20px; opacity: 1; }
#cboxTitle { font-size: 16px; font-weight: bold; }
.company-bg-img { background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/company/com_bg.png) no-repeat center -20px; background-size: 900px auto; min-width: 1000px; }
.com-top-img { margin: 50px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; }
.com-top-img--item { padding: 15px; }
.business-ph { margin-bottom: 50px; }
.business-ph .ph-ttl { font-size: 18px; color: #0c1e72; font-weight: bold; margin-bottom: 10px; }
.business-ph-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; margin-bottom: 20px; }
.business-ph-list .list-item { width: 49%; }
.business-ph-list .list-item--3 { width: 32%; }
.business-ph-list .list-item--4 { width: 24%; }
.business-ph-list .list-item-in { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }
.business-ph-list .list-item-in__img { width: 49%; } .fadein { opacity: 0.1; transform: translate(0, 50px); transition: all 500ms; } .fadein.scrollin { opacity: 1; transform: translate(0, 0); } @media screen and (max-width: 750px) { .company-gmap { padding-top: 300px; }
.top-name-box .top-name-box-in .position { font-size: 1.2rem; }
.top-name-box .top-name-box-in .top-name { font-size: 2.0rem; }
.company-sub-nav { border: none; }
.company-sub-nav li { max-width: 100%; }
.company-sub-nav li:not(.active) { display: none; }
.company-sub-nav li.active a { position: relative; color: #0c1e72; background-color: #ffffff; pointer-events: none; border: none; height: auto; font-size: 1.8rem; padding: 1em 0; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.company-sub-nav li.active a:before, .company-sub-nav li.active a::after { position: absolute; left: 0; content: ''; width: 100%; height: 6px; box-sizing: border-box; }
.company-sub-nav li.active a:before { top: 0; border-top: 2px solid #0c1e72; border-bottom: 1px solid #323d6f; }
.company-sub-nav li.active a:after { bottom: 0; border-top: 1px solid #323d6f; border-bottom: 2px solid #0c1e72; }
.company-sub-nav li.active a i { display: none; }
.company-sub-nav li:hover a { background-color: transparent; } .top-location-slider { position: inherit; min-width: 100%; background-color: #e8e9f2; }
.top-location-slider .slick-arrow.slick-prev::before, .top-location-slider .slick-arrow.slick-next::before { font-family: 'FontAwesome'; content: "\f104"; right: 5px; top: -1px; font-size: 1.8rem; }
.top-location-slider .slick-arrow.slick-next { right: 10px; }
.top-location-slider .slick-arrow.slick-next::before { content: "\f105"; left: -2px; }
.top-location-slider .slick-arrow.slick-prev { left: 10px; }
.top-location-slider .slick-next, .top-location-slider .slick-prev { display: block; position: absolute; top: 50%; display: block; width: 20px; height: 20px; border-radius: 15px; }
#cboxTitle { font-size: 13px; background-color: rgba(255, 255, 255, 0.7); }
.sp-txt-center p { text-align: left; }
.company-bg-img { background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/company/com_bg.png) no-repeat center center; background-size: contain; min-width: 100%; }
.com-top-img { margin: 30px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; }
.com-top-img--item { padding: 5px; }
.com-top-img--item img { width: 100%; }
.business-ph .ph-ttl { font-size: 15px; }
.business-ph-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; }
.business-ph-list .list-item { width: 100%; margin-bottom: 10px; }
.business-ph-list .list-item--3 { width: 100%; margin-bottom: 10px; }
.business-ph-list .list-item--4 { width: 49%; margin-bottom: 10px; }
.business-ph-list .list-item-in { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }
.business-ph-list .list-item-in__img { width: 49%; } .fadein { opacity: 0.1; transform: translate(0, 50px); transition: all 1000ms; } } .page_title.about { background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/common/img_top_about.jpg) no-repeat center center; background-size: cover; }
.about .about-titletxt { text-align: left; }
.about .border-box-about { border: 2px solid #4e5ea5; padding: 3em 1em; position: relative; }
.about .border-box-about:after { content: ''; display: block; width: 0; height: 0; border: 14px solid transparent; border-top: 14px solid #4e5ea5; position: absolute; bottom: -28px; left: 50%; margin-left: -14px; }
.about .border-box-about p { font-size: 2rem; }
.about .about-contents-in.design, .about .about-contents-in.staff { border-top: 2px solid #4e5ea5; padding-top: 60px; }
.about .ttl-kagi { font-size: 3.0rem; } @media screen and (max-width: 750px) { .about .border-box-about { padding: 2em; }
.about .border-box-about p { font-size: 1.4rem; text-align: left; }
.about .btn-about-wrap .btn-about { display: inline-block; }
.about .btn-about-wrap .btn-about span { font-size: 1.6rem; }
.about .btn-about-wrap .btn-about + .btn-about { margin-top: 10px; margin-left: 0; }
.about .ttl-kagi { font-size: 2.0rem; } }  .page_title.subdivision { background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/common/img_top_subdivision.jpg) no-repeat center center; background-size: cover; }
.subdivision .content-box.subdiv-list { padding: 60px 0; background-color: #ecf3fa; min-width: 1000px; }
.subdivision .col-set .col3 { margin-left: 3.5%; width: 31%; }
.subdivision .col-set .col3:first-child, .subdivision .col-set .col3:nth-of-type(3n+1) { margin-left: 0; }
.subdiv-box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; position: relative; width: 100%; padding-top: 40px; overflow: hidden; position: relative; }
.subdiv-box a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.subdiv-box:hover .triangle { right: 0; bottom: 0; }
.subdiv-box .circle-box { position: absolute; display: block; background-color: #0c1e72; width: 80px; height: 80px; color: #fff; z-index: 2; 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: 1.8rem; font-weight: bold; border-radius: 80px; top: 0; left: 50%; margin-left: -40px; }
.subdiv-box .circle-box--tanabe { background-color: #591000; }
.subdiv-box .circle-box--uji { background-color: #346b0a; }
.subdiv-box .circle-box--joyo { background-color: #3d0876; }
.subdiv-box .ttl-box, .subdiv-box .price-box { background-color: #ffffff; padding: 1.5em 2em; }
.subdiv-box .ttl-box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-bottom: 15px; border-bottom: 1px solid #cccccc; }
.subdiv-box .ttl-box .compartment-box { display: inline-block; border: 1px solid #333333; text-align: center; font-size: 1.2rem; font-weight: bold; line-height: 1; 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; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 1em .3em; }
.subdiv-box .ttl-box .compartment-box .num { font-size: 2.2rem; margin-bottom: 5px; }
.subdiv-box .ttl-box .compartment-box .unit { white-space: nowrap; }
.subdiv-box .ttl-box .ttl-in { padding: 1em; }
.subdiv-box .ttl-box .ttl-in h3 { font-size: 2rem; line-height: 1.6; }
.subdiv-box .ttl-box .ttl-in span { font-size: 1.2rem; color: #6699cc; font-weight: bold; margin-top: .4em; display: block; }
.subdiv-box .price-box { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
.subdiv-box .price-box .base-price-box { display: inline-block; color: #ffffff; font-size: 1.2rem; background-color: #6699cc; padding: .5em; max-height: 28px; min-width: 64px; white-space: nowrap; 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; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }
.subdiv-box .price-box .price-in { font-size: 1.2rem; padding: 1em; padding-left: 5px; padding-right: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }
.subdiv-box .price-box .price-in span { font-size: 2.4rem; line-height: 1; margin-right: .1em; }
.subdiv-gmap { position: relative; margin-top: 90px; }
.subdiv-gmap:before, .subdiv-gmap:after { content: ''; display: block; width: calc(100% - 80px); height: 4px; background-color: #0c1e72; position: absolute; z-index: 3; left: 40px; }
.subdiv-gmap:before { top: 40px; }
.subdiv-gmap:after { bottom: 30px; }
.subdiv-gmap .subdiv-gmap-in:before, .subdiv-gmap .subdiv-gmap-in:after { content: ''; display: block; width: 4px; height: calc(100% - 70px); background-color: #0c1e72; position: absolute; z-index: 3; top: 40px; }
.subdiv-gmap .subdiv-gmap-in:before { left: 40px; }
.subdiv-gmap .subdiv-gmap-in:after { right: 40px; }
.subdiv-gmap .ttl-subdiv-gmap { position: absolute; top: -60px; left: 50%; margin-left: -193px; z-index: 4; }
.subdiv-gmap .map-link { display: block; background: #2A86C8; color: #ffffff; font-weight: bold; padding: 10px; color: #ffffff; border-radius: 5px; }
.subdiv-gmap .map-link:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .subdiv-gmap .map-link:hover { opacity: 1; } }
.subdiv-gmap .map-link i { margin-left: 5px; }
.subdiv-gmap.next { margin-top: 10px; }
.subdiv-gmap.next:before, .subdiv-gmap.next:after { content: none; }
.subdiv-gmap.next .subdiv-gmap-in:before, .subdiv-gmap.next .subdiv-gmap-in:after { content: none; }
.more-btn.bunjyo-pdf { display: block; padding: 12px 30px 12px 15px; max-width: inherit; font-size: 1.5rem; line-height: 1.7; margin-top: 0; background-color: #6699cc; }
.more-btn.bunjyo-pdf:before { background-color: #84add6; } .subdiv-row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; }
.subdiv-row__col { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 32%; margin-bottom: 30px; }
.subdiv-row__col .subdiv-box { height: 100%; }
.subdiv-row__col.no-link { pointer-events: none; }
.subdiv-row--empty { width: 32%; } .subdiv-lp-page { padding-top: 0; }
.subdiv-lp-page .mainimg img { width: 100%; } .next-item-wrap { margin-top: -150px; padding-top: 150px; }
.subdiv-page-link { position: relative; z-index: 1; }
.subdiv-page-link .page-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }
.subdiv-page-link .page-list .page-list-in { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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: 2rem; color: #0c1e72; font-weight: bold; border-radius: 8px 8px 0 0; border: 2px solid #0c1e72; border-bottom: none; width: 48.5%; padding: 15px 15px 10px 15px; background-color: #ECF3FA; position: relative; }
.subdiv-page-link .page-list .page-list-in::before { position: absolute; content: ''; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: #ECF3FA; }
.subdiv-page-link .page-list .page-list-in.active-link { color: #333333; border: 2px solid #cccccc; border-bottom: none; background-color: #ffffff; transition: .3s; position: relative; }
.subdiv-page-link .page-list .page-list-in.active-link a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.subdiv-page-link .page-list .page-list-in.active-link:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .subdiv-page-link .page-list .page-list-in.active-link:hover { opacity: 1; } }
.subdiv-page-link .page-list .page-list-in.active-link::before { content: none; }
.subdiv-page-link .page-list .page-list-in.active-link:hover i { margin-right: 2px; margin-left: 5px; }
.subdiv-page-link .page-list .page-list-in i { margin-right: 7px; transition: .3s; }
.subdiv-next-list { border-top: 2px solid #0c1e72; }
.subdiv-next-list .next-item { background-color: #ffffff; border-radius: 8px; padding: 30px; margin-bottom: 50px; transition: .3s; box-shadow: 4px 4px 20px -5px #9AB7D0; border-left: 10px solid #BE8F00; border-right: 10px solid #BE8F00; }
.subdiv-next-list .next-item .next-item-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
.subdiv-next-list .next-item .next-item-wrap .next-item-in { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.subdiv-next-list .next-item .next-item-wrap .next-item-in.left { width: 48%; padding-right: 15px; }
.subdiv-next-list .next-item .next-item-wrap .next-item-in.right { width: 52%; }
.subdiv-next-list .next-item .subdiv-next-ttl { font-weight: bold; font-size: 1.8rem; }
.subdiv-next-list .next-item .subdiv-next-ttl .ttl-in { display: block; border-bottom: 2px solid #0c1e72; font-size: 2.3rem; font-weight: bold; color: #0c1e72; padding-bottom: 5px; margin-top: 10px; margin-bottom: 10px; }
.subdiv-next-list .next-item .subdiv-next-ttl .ttl-map { font-size: 1.3rem; text-decoration: underline; }
.subdiv-next-list .next-item .subdiv-next-area { background-color: #0c1e72; font-size: 2.2rem; font-weight: bold; color: #ffffff; padding: 5px; width: 200px; display: inline-block; position: relative; text-align: center; }
.subdiv-next-list .next-item .subdiv-next-area::before, .subdiv-next-list .next-item .subdiv-next-area::after { position: absolute; content: ''; background-color: #8088b1; height: 100%; width: 25px; top: 0; right: -25px; }
.subdiv-next-list .next-item .subdiv-next-area::after { background-color: #a9aecb; right: -50px; }
.subdiv-next-list .no-item { background-color: #ffffff; text-align: center; padding: 2rem 1rem; font-size: 16px; }
.subdiv-contents-detail .detail-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-bottom: 15px; }
.subdiv-contents-detail .detail-list:last-of-type { margin-bottom: 0; }
.subdiv-contents-detail .detail-list.comment { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; }
.subdiv-contents-detail .detail-list .detail-ttl { background-color: #A9AECB; padding: 3px 5px; width: 120px; margin-right: 10px; font-size: 1.5rem; color: #ffffff; font-weight: bold; text-align: center; }
.subdiv-contents-detail .detail-list .detail-item { font-size: 1.6rem; width: calc(100% - 120px); }
.subdiv-contents-detail .detail-list .detail-item .big-text { font-size: 4rem; color: #cd0000; font-weight: bold; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.link-btn.subdiv-next { max-width: 100%; margin-top: 20px; } @media screen and (max-width: 750px) { .subdivision .col-set .col3 { width: 100%; margin: 0; }
.subdivision .content-box.subdiv-list { min-width: inherit; }
.ttl-subdiv-gmap-sp { text-align: center; margin-bottom: 15px; }
.ttl-subdiv-gmap-sp img { max-width: 140px; min-width: inherit; }
.subdiv-gmap-wrap { margin-top: 30px; }
.subdiv-box .ttl-box .ttl-in { text-align: left; }
.subdiv-box .ttl-box .ttl-in h3 { font-size: 1.7rem; }
.subdiv-box .price-box .base-price-box { font-size: 1.1rem; }
.subdiv-box .price-box .price-in { font-size: 1rem; }
.subdiv-box .price-box .price-in span { font-size: 2rem; }
.subdiv-gmap { position: relative; margin-top: 0; }
.subdiv-gmap:before, .subdiv-gmap:after { content: none; }
.subdiv-gmap .subdiv-gmap-in:before, .subdiv-gmap .subdiv-gmap-in:after { content: none; }
.subdiv-gmap .subdiv-gmap-in #map1 { height: 400px !important; } .subdiv-page-link .page-list .page-list-in { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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: 1.5rem; padding: 10px 10px 5px 10px; }
.subdivision .content-box.subdiv-list.subdiv-next-list { padding: 30px 0; }
.subdiv-next-list .next-item { padding: 15px; margin-bottom: 30px; border-top: 8px solid #BE8F00; border-bottom: 8px solid #BE8F00; border-left: none; border-right: none; }
.subdiv-next-list .next-item .next-item-wrap { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.subdiv-next-list .next-item .next-item-wrap .next-item-in { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.subdiv-next-list .next-item .next-item-wrap .next-item-in.left { width: 100%; padding-right: 0; }
.subdiv-next-list .next-item .next-item-wrap .next-item-in.right { width: 100%; }
.subdiv-next-list .next-item .subdiv-next-ttl { font-size: 1.5rem; }
.subdiv-next-list .next-item .subdiv-next-ttl .ttl-in { font-size: 1.8rem; letter-spacing: 0; }
.subdiv-next-list .next-item .subdiv-next-ttl .ttl-map { font-size: 1.2rem; text-decoration: underline; display: block; text-align: right; margin: 3px 0 10px; }
.subdiv-next-list .next-item .subdiv-next-area { font-size: 1.8rem; margin-left: 10px; width: calc(100% - 20px); }
.subdiv-next-list .next-item .subdiv-next-area::before, .subdiv-next-list .next-item .subdiv-next-area::after { width: 10px; right: -10px; }
.subdiv-next-list .next-item .subdiv-next-area::after { right: inherit; left: -10px; }
.subdiv-contents-detail { margin-top: 10px; }
.subdiv-contents-detail .detail-list { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 12px; }
.subdiv-contents-detail .detail-list:last-of-type { margin-bottom: 0; }
.subdiv-contents-detail .detail-list .detail-ttl { width: 100%; margin-right: 0; margin-bottom: 5px; font-size: 1.4rem; }
.subdiv-contents-detail .detail-list .detail-item { font-size: 1.4rem; width: 100%; }
.subdiv-contents-detail .detail-list .detail-item .big-text { font-size: 3rem; }
.link-btn.subdiv-next { max-width: 100%; } .subdiv-row { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.subdiv-row__col { width: 100%; } } .sitemap-wrap .sitemap-wrap-in { padding: 1em 0; position: relative; border-top: 2px solid #d6d6d6; border-bottom: 2px solid #d6d6d6; display: block; }
.sitemap-wrap .sitemap-wrap-in:before { position: absolute; top: -2px; left: 0; z-index: 2; content: ''; width: 20%; height: 2px; background-color: #0c1e72; }
.sitemap-wrap .sitemap-wrap-in:after { position: absolute; bottom: -2px; left: auto; right: 0; z-index: 2; content: ''; width: 20%; height: 2px; background-color: #0c1e72; }
.sitemap-wrap .sitemap-box { padding: 1em; border-bottom: dotted 1px #cccccc; font-size: 1.4rem; }
.sitemap-wrap .sitemap-box:last-of-type { border-bottom: none; }
.sitemap-wrap .sitemap-box .link-parent a, .sitemap-wrap .sitemap-box .link-parent span { font-size: 1.6rem; font-weight: bold; }
.sitemap-wrap .sitemap-box .link-parent a:before, .sitemap-wrap .sitemap-box .link-parent span:before { font-family: FontAwesome; content: '\f054'; margin-right: .4em; color: #0c1e72; }
.sitemap-wrap .sitemap-box .link-parent a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .sitemap-wrap .sitemap-box .link-parent a:hover { opacity: 1; } }
.sitemap-wrap .sitemap-box .link-child { margin-top: .6em; padding: 0 1em; }
.sitemap-wrap .sitemap-box .link-child a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .sitemap-wrap .sitemap-box .link-child a:hover { opacity: 1; } }
.sitemap-wrap .sitemap-box .link-child a:before { font-family: FontAwesome; content: '\f0da'; margin-right: .5em; color: #323d6f; } @media screen and (max-width: 750px) { .sitemap-wrap .sitemap-box .link-child .col4, .sitemap-wrap .sitemap-box .link-child .col2 { width: 100%; text-align: left; } }  .top-azumi { background: #ffffff; margin: 0; padding: 0; }
.top-azumi .top-azumi-wrap { background: url(//www.homes-g.com/wp-content/themes/kyma/images/renovation/main_bg.png) repeat; padding-right: 0; width: 100%; min-width: 1000px; }
.top-azumi .inner-in { width: 98%; margin: 0 auto; }
.top-azumi .top-box { margin-bottom: 80px; }
.top-azumi .contents-title { text-align: center; width: 100%; border-bottom: 3px solid #ffffff; padding-bottom: 15px; margin-bottom: 30px; position: relative; }
.top-azumi .contents-title::after { content: ""; position: absolute; bottom: -3px; left: 50%; width: 300px; height: 3px; background: #c7161d; margin-left: -150px; }
.top-azumi .contents-title .main-text { font-size: 48px; font-family: Garamond, "Roboto Slab", "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; line-height: 1; color: #333; }
.top-azumi .contents-title .sub-text { font-size: 18px; letter-spacing: 10; color: #333; }
.top-azumi .h1-sub { text-align: center; font-size: 16px; color: #333; line-height: 2; }
.top-azumi .azumi-newtopics { background: #ffffff; width: 100%; margin: 0 auto 30px; }
.top-azumi .azumi-newtopics .new-topics { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right { width: 70%; padding: 15px; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .topics-contents { font-size: 15px; border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .topics-contents .topics-contents-in { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .topics-contents .topics-contents-in:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .top-azumi .azumi-newtopics .new-topics .new-topics-in.right .topics-contents .topics-contents-in:hover { opacity: 1; } }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .topics-contents .topics-contents-in .thumbnail-box { min-width: 100px; min-height: 100px; margin-left: 15px; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .topics-contents .topics-contents-in .thumbnail-box img { width: 100px; height: 100px; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .topics-contents .topics-contents-in .meta-box h3 { font-size: 18px; font-weight: bold; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .topics-contents .topics-contents-in .meta-box h3 .new { display: inline-block; background-color: #A71218; font-size: 12px; color: #fff; font-weight: bold; padding: .1em .3em; margin-left: .3em; vertical-align: 3px; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .topics-contents .topics-contents-in .meta-box .date { font-size: 12px; color: #777777; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .topics-contents .topics-contents-in .meta-box p { font-size: 14px; color: #555555; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .btn-topics-wrap { text-align: right; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .btn-topics-wrap .btn-topics { position: relative; display: inline-block; padding: 0 0 0 16px; vertical-align: middle; text-decoration: none; font-size: 18px; letter-spacing: .2em; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .btn-topics-wrap .btn-topics::before, .top-azumi .azumi-newtopics .new-topics .new-topics-in.right .btn-topics-wrap .btn-topics::after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ''; vertical-align: middle; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .btn-topics-wrap .btn-topics::before { left: -18px; width: 28px; height: 1px; background: #A71218; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .btn-topics-wrap .btn-topics::after { left: -4px; width: 12px; height: 12px; border-top: 1px solid #A71218; border-right: 1px solid #A71218; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .btn-topics-wrap .btn-topics:hover { letter-spacing: .1em; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .btn-topics-wrap .btn-topics:hover::before { left: -15px; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .btn-topics-wrap .btn-topics:hover::after { left: -1px; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.left { width: 30%; border-right: 2px solid #A71218; margin-right: 15px; padding-right: 2px; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.left .topics-ttl-top { font-size: 30px; background-color: #A71218; padding: 30px; display: block; line-height: 1; height: 100%; color: #ffffff; font-family: Garamond, "Roboto Slab", "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 48px; position: relative; 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; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.left .topics-ttl-top span { font-size: 18px; margin-top: 20px; }
.top-azumi .br { display: block; }
.top-azumi .red { color: #A71218; } .azumi-head { position: absolute; top: 0; left: 0; z-index: 5; }
.azumi-head .logo { background: #c7161d; width: 100px; height: 100px; 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: 20px; }
.azumi-head .logo .img-wrap { width: 100px; } .top-azumi .main-visual { background: url(//www.homes-g.com/wp-content/themes/kyma/images/renovation/renovation-main-img.jpg) no-repeat right top; background-size: contain; padding: 200px 0 150px; min-width: inherit; }
.top-azumi .main-visual .main-title { font-size: 95px; font-family: Garamond, "Roboto Slab", "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; line-height: 1; color: #333; }
.top-azumi .main-visual .main-catch .main-catch-in { position: relative; width: 40%; height: 100px; margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; }
.top-azumi .main-visual .main-catch .main-catch-in:before { content: ''; width: 100px; height: 100px; border: 0px; border-top: solid 6px #c7161d; border-right: solid 6px #c7161d; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0; right: 15px; }
.top-azumi .main-visual .main-catch .main-catch-in:after { content: ''; width: 100%; height: 6px; background: #c7161d; position: absolute; top: 50%; left: 0; margin-top: -3px; }
.top-azumi .main-visual .main-catch .main-catch-in p { font-size: 20px; font-weight: bold; margin: 0; }
.top-azumi .main-visual .main-catch .main-catch-in p span { font-weight: bold; } .azumi-gallery { position: relative; }
.azumi-gallery .contents-title { background-color: #a71218; margin-bottom: 0; padding-bottom: 2px; }
.azumi-gallery .contents-title::after { content: none; }
.azumi-gallery .contents-title .contents-title-in { padding: 40px 0 30px; border-bottom: 1px solid #ffffff; }
.azumi-gallery .contents-title .main-text, .azumi-gallery .contents-title .sub-text { color: #ffffff; }
.azumi-gallery .case-box .c-row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; background: #ffffff; border-bottom: 1px solid #dddddd; }
.azumi-gallery .case-box .c-row .case-box-title { width: 25%; position: relative; 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; }
.azumi-gallery .case-box .c-row .case-box-title .ttl-case-box { position: relative; width: 100%; }
.azumi-gallery .case-box .c-row .case-box-title .ttl-case-box:before { content: ''; width: 50px; height: 50px; border: 0px; border-top: solid 2px #dddddd; border-right: solid 2px #dddddd; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 10px; margin-top: -25px; }
.azumi-gallery .case-box .c-row .case-box-title .ttl-case-box:after { content: ""; width: 100%; height: 2px; background: #dddddd; position: absolute; top: 50%; left: 0; margin-top: -1px; }
.azumi-gallery .case-box .c-row .case-box-title .ttl-case-box p { font-size: 18px; padding: 10px; margin: 0; }
.azumi-gallery .case-box .c-row .case-box-title .case-box-details { position: absolute; top: 0; left: 0; font-size: 12px; color: #ffffff; padding: 10px; display: none; }
@-webkit-keyframes opacity { 0% { opacity: 0; }
100% { opacity: 1; } }
@-moz-keyframes opacity { 0% { opacity: 0; }
100% { opacity: 1; } }
@keyframes opacity { 0% { opacity: 0; }
100% { opacity: 1; } }
.azumi-gallery .case-box .c-row:hover .case-box-title { animation: opacity 0.5s ease 0.1s; -moz-animation: opacity 0.5s ease 0.1s; -webkit-animation: opacity 0.5s ease 0.1s; animation-fill-mode: both; -moz-animation-fill-mode: both; -webkit-animation-fill-mode: both; background: #333; }
.azumi-gallery .case-box .c-row:hover .case-box-title .ttl-case-box::before { border-color: #333; }
.azumi-gallery .case-box .c-row:hover .case-box-title .ttl-case-box::after { background: #333; }
.azumi-gallery .case-box .c-row:hover .case-box-title .case-box-details { display: block; }
.azumi-gallery .case-box .c-row:hover .case-box-photo .js-gallery-slide .gallery-item { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
.azumi-gallery .case-box .c-row .case-box-photo { width: 75%; }
.azumi-gallery .case-box .c-row .case-box-photo .js-gallery-slide .slick-next, .azumi-gallery .case-box .c-row .case-box-photo .js-gallery-slide .slick-prev { top: 50%; background: rgba(0, 0, 0, 0.5); left: 0; height: 100px; padding: 10px; border: 1px solid #ffffff; 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; }
.azumi-gallery .case-box .c-row .case-box-photo .js-gallery-slide .slick-next::before, .azumi-gallery .case-box .c-row .case-box-photo .js-gallery-slide .slick-prev::before { left: auto; right: auto; }
.azumi-gallery .case-box .c-row .case-box-photo .js-gallery-slide .slick-next { left: auto; right: 0; }
.azumi-gallery .case-box .c-row .case-box-photo .js-gallery-slide .gallery-item { text-align: center; }
.azumi-gallery .case-box .c-row .case-box-photo .js-gallery-slide .gallery-item a { text-align: center; display: block; width: 100%; background: #FAFAFA; }
.azumi-gallery .case-box .c-row .case-box-photo .js-gallery-slide .gallery-item img { margin: 0 auto; height: auto; max-height: 200px; }
.azumi-gallery .case-box .c-row .case-box-photo .js-gallery-slide .gallery-item:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
.azumi-gallery .azumi-more-btn { text-align: center; padding-top: 20px; }
.azumi-gallery .azumi-more-btn a { display: inline-block; background: #c7161d; -moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius: 70px; width: 70px; height: 70px; }
.azumi-gallery .azumi-more-btn a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .azumi-gallery .azumi-more-btn a:hover { opacity: 1; } }
.azumi-gallery .azumi-more-btn a span { color: #ffffff; display: block; position: relative; width: 100%; font-size: 14px; font-weight: bold; padding-top: 20px; }
.azumi-gallery .azumi-more-btn a span::before { content: ""; position: absolute; bottom: -16px; right: 21px; border-top: 14px solid #ffffff; border-left: 14px solid transparent; border-right: 14px solid transparent; }
.azumi-gallery .azumi-more-btn a span::after { content: ""; position: absolute; bottom: -13px; right: 22px; border-top: 13px solid #c7161d; border-left: 13px solid transparent; border-right: 13px solid transparent; }
.azumi-gallery .azumi-close-btn { text-align: center; padding-top: 20px; }
.azumi-gallery .azumi-close-btn a { display: inline-block; background: #959595; -moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius: 70px; width: 70px; height: 70px; }
.azumi-gallery .azumi-close-btn a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .azumi-gallery .azumi-close-btn a:hover { opacity: 1; } }
.azumi-gallery .azumi-close-btn a span { color: #ffffff; display: block; position: relative; width: 100%; font-size: 14px; font-weight: bold; padding-top: 30px; }
.azumi-gallery .azumi-close-btn a span::before { content: ""; position: absolute; top: 12px; right: 21px; border-bottom: 14px solid #ffffff; border-left: 14px solid transparent; border-right: 14px solid transparent; }
.azumi-gallery .azumi-close-btn a span::after { content: ""; position: absolute; top: 15px; right: 22px; border-bottom: 13px solid #959595; border-left: 13px solid transparent; border-right: 13px solid transparent; } .azumi-casestudy { background-color: #a71218; padding-top: 100px; padding-bottom: 30px; position: relative; }
.azumi-casestudy .case-box.case01 { margin-bottom: 80px; }
.azumi-casestudy .case-box .slick-arrow { background: none; border: 1px solid #ffffff; }
.azumi-casestudy .case-box .c-row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
.azumi-casestudy .case-box .c-row .c-col { width: 100%; }
.azumi-casestudy .case-box .c-row .c-col .js-casestudy-slide01, .azumi-casestudy .case-box .c-row .c-col .js-casestudy-slide02 { position: relative; }
.azumi-casestudy .case-box .c-row .c-col .js-casestudy-slide01:before, .azumi-casestudy .case-box .c-row .c-col .js-casestudy-slide02:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; border: 1px solid #ffffff; z-index: 2; }
.azumi-casestudy .case-box .c-row .c-col .js-casestudy-slide01:before { top: -10px; left: -10px; }
.azumi-casestudy .case-box .c-row .c-col .js-casestudy-slide02:before { top: -10px; left: auto; right: -10px; }
.azumi-casestudy .case-box .c-row .c-col .js-casestudy-slide-nav01, .azumi-casestudy .case-box .c-row .c-col .js-casestudy-slide-nav02 { margin-top: 10px; padding: 0 80px; padding-top: 3px; }
.azumi-casestudy .case-box .c-row .c-col .js-casestudy-slide-nav01 .slick-slide, .azumi-casestudy .case-box .c-row .c-col .js-casestudy-slide-nav02 .slick-slide { margin: 0 5px; }
.azumi-casestudy .case-box .c-row .c-col .slick-arrow { width: 70px; height: 70px; 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; bottom: -115px; }
.azumi-casestudy .case-box .c-row .c-col .slick-arrow::before { font-size: 6rem; }
.azumi-casestudy .case-box .c-row .c-col .slick-arrow.slick-prev { left: 0; }
.azumi-casestudy .case-box .c-row .c-col .slick-arrow.slick-prev::before { content: "\f104"; right: auto; }
.azumi-casestudy .case-box .c-row .c-col .slick-arrow.slick-next { right: 0; }
.azumi-casestudy .case-box .c-row .c-col .slick-arrow.slick-next::before { content: "\f105"; left: auto; }
.azumi-casestudy .case-box.case01 .c-row .c-col:first-of-type { width: 25%; }
.azumi-casestudy .case-box.case01 .c-row .c-col:last-of-type { width: 75%; }
.azumi-casestudy .case-box.case02 .c-row .c-col:first-of-type { width: 75%; }
.azumi-casestudy .case-box.case02 .c-row .c-col:last-of-type { width: 25%; }
.azumi-casestudy .case-box.case02 .c-row .c-col .js-casestudy-slide:before { left: auto; right: -10px; }
.azumi-casestudy .ttl-casestudy { position: absolute; top: 0; left: 0; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; font-family: Garamond, "Roboto Slab", "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: .5em; }
.azumi-casestudy .ttl-casestudy .main-text { font-size: 48px; }
.azumi-casestudy .ttl-casestudy .sub-text { font-size: 18px; display: inline-block; margin-left: .5em; }
.azumi-casestudy .ttl-case-box { position: relative; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; color: #ffffff; margin-top: 350px; }
.azumi-casestudy .ttl-case-box:before { content: ''; width: 50px; height: 50px; border: 0px; border-top: solid 5px #ffffff; border-right: solid 5px #ffffff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; margin-top: -23px; right: 20px; }
.azumi-casestudy .ttl-case-box:after { content: ''; width: calc(100% - 16px); height: 5px; background: #ffffff; position: absolute; top: 50%; left: 0; }
.azumi-casestudy .ttl-case-box p { font-family: Garamond, "Roboto Slab", "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; margin-left: 10px; margin-bottom: 0; }
.azumi-casestudy .ttl-case-box p:first-of-type { font-size: 32px; }
.azumi-casestudy .ttl-case-box p:last-of-type { font-size: 20px; margin-top: 10px; }
.azumi-casestudy .ttl-case-box.reverse { text-align: right; }
.azumi-casestudy .ttl-case-box.reverse:before { -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); position: absolute; right: auto; left: 20px; }
.azumi-casestudy .ttl-case-box.reverse:after { left: 16px; }
.azumi-casestudy .ttl-case-box.reverse p { margin-left: 0; margin-right: 10px; } .azumi-case-btn { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; margin-top: 3rem; }
.azumi-case-btn__in { display: inline-block; background-color: #c7161d; color: #ffffff; font-weight: bold; padding: 1rem 1.3rem 1rem 2.5rem; font-size: 16px; border-radius: 25px; transition: .3s; }
.azumi-case-btn__in i { margin: 0 1rem 0 0.5rem; transition: .3s; }
.azumi-case-btn__in:hover { opacity: .7; color: #ffffff; }
.azumi-case-btn__in:hover i { margin: 0 0.5rem 0 1rem; color: #ffffff; }
.azumi-case-wrap { padding: 2.5%; background-color: #ffffff; }
.azumi-case-row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; margin-bottom: -35px; }
.azumi-case-row__col { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 32%; margin-bottom: 40px; transition: .3s; }
.azumi-case-row__col:hover { opacity: .7; }
.azumi-case-row__col:hover.border-bottom-2color--red:after { width: 100%; }
.azumi-case-row__col:hover .img-trim-link-wrap { opacity: 1; }
.azumi-case-row__col2 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 48%; margin-bottom: 40px; transition: .3s; }
.azumi-case-row__col2:hover { opacity: .7; }
.azumi-case-row__col2:hover.border-bottom-2color--red:after { width: 100%; }
.azumi-case-row__col2:hover .img-trim-link-wrap { opacity: 1; }
.azumi-case-txtarea { margin: 1rem 0; }
.azumi-case-txtarea__txt { font-size: 22px; color: #c7161d; font-weight: bold; }
.azumi-case-txtarea__ttl { font-size: 18px; font-weight: bold; }
.azumi-case-txtarea__detail { font-size: 16px; margin-top: 1rem; }
.azumi-case-txtarea--detail .azumi-case-txtarea__txt { display: inline-block; }
.azumi-case-txtarea--detail .azumi-case-txtarea__ttl { display: inline-block; margin-left: 1rem; } #azumi-case-gallery .slick-slide { outline: none; }
#azumi-case-gallery .thumbnail-item { padding: .5rem; cursor: pointer; }
#azumi-case-gallery .slick-arrow { top: 50%; background: #c7161d; bottom: 0; padding: 12px; z-index: 10; }
#azumi-case-gallery .slick-arrow.slick-prev { left: 0; }
#azumi-case-gallery .slick-arrow.slick-next { right: 0; } .azumi-contact { position: relative; text-align: center; padding: 30px 0; }
.azumi-contact .img-wrap { position: absolute; left: 0px; width: 45%; top: -15px; }
.azumi-contact .c-row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
.azumi-contact .c-row .c-col { width: 100%; }
.azumi-contact .c-row .c-col--40 { width: 40%; }
.azumi-contact .c-row .c-col--60 { width: 60%; }
.azumi-contact .c-row.contact-ttl { margin-top: 55px; }
.azumi-contact .contact-top-box p { font-size: 30px; font-weight: bold; }
.azumi-contact .contact-mid-box { color: #ffffff; padding: .8em 1em; background-color: #c8161d; }
.azumi-contact .contact-mid-box .tel-box { font-family: Garamond, "Roboto Slab", "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 75px; font-weight: bold; line-height: 1; white-space: nowrap; }
.azumi-contact .contact-mid-box .tel-box i { font-size: 60px; }
.azumi-contact .contact-mid-box .time-box { font-size: 24px; font-weight: bold; }
.azumi-contact .btn-renovation { display: block; background-color: #a71218; color: #ffffff; font-weight: bold; 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: .8em 1em; margin-top: 1em; font-size: 24px; border-radius: 10px; position: relative; z-index: 1; white-space: nowrap; }
.azumi-contact .btn-renovation:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .azumi-contact .btn-renovation:hover { opacity: 1; } }
.azumi-contact .btn-renovation i { margin-left: 1em; font-size: 30px; }
#pageTop { position: fixed; bottom: 40px; right: 20px; z-index: 999; }
#pageTop a { display: block; border-radius: 30px; width: 50px; height: 50px; background-color: #C8161D; color: #ffffff; border: 2px solid #ffffff; font-weight: bold; text-decoration: none; text-align: center; 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; }
#pageTop a i { font-size: 18px; margin-top: -3px; margin-right: -1px; }
#pageTop a:hover { text-decoration: none; opacity: 0.7; }
.azumi-footer { background-color: #a71218; padding: 15px 0; position: relative; margin-top: 180px; }
.azumi-footer::before { content: ''; display: block; width: 100%; height: 3px; background-color: #a71218; position: absolute; top: -6px; }
.azumi-footer::after { content: url(//www.homes-g.com/wp-content/themes/kyma/images/renovation/azumi_nezumi.png); position: absolute; top: -97px; right: 85px; }
.azumi-footer .c-row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
.azumi-footer .c-row .c-col { width: 100%; 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; }
.azumi-footer .c-row .c-col:first-of-type { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; }
.azumi-footer .c-row .c-col:first-of-type .img-wrap { max-width: 45%; width: 100%; }
.azumi-footer .c-row .c-col:last-of-type { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; }
.azumi-footer .copy { color: #ffffff; margin: 0; font-size: 12px; } .archive-blog-azumi { padding-top: 0; }
.archive-blog-azumi .inner { padding-right: 0; }
.archive-blog-azumi .azumi-blog-head { position: relative; z-index: 5; width: 100%; }
.archive-blog-azumi .azumi-blog-head .inner { background: url(//www.homes-g.com/wp-content/themes/kyma/images/renovation/main_bg.png) repeat; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; }
.archive-blog-azumi .azumi-blog-head .logo { background: #A71218; width: 100px; height: 100px; 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: 20px; position: relative; }
.archive-blog-azumi .azumi-blog-head .logo a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.archive-blog-azumi .azumi-blog-head .logo:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .archive-blog-azumi .azumi-blog-head .logo:hover { opacity: 1; } }
.archive-blog-azumi .azumi-blog-head .logo .img-wrap { width: 100px; }
.archive-blog-azumi .azumi-blog-head .btn-backpage-wrap { padding: 15px; }
.archive-blog-azumi .azumi-blog-head .btn-backpage-wrap .btn-backpage { position: relative; display: inline-block; padding-left: 30px; vertical-align: middle; text-decoration: none; font-size: 14px; font-weight: bold; letter-spacing: .1em; line-height: 1; border-bottom: 2px solid #dddddd; padding-bottom: 5px; padding-right: 5px; }
.archive-blog-azumi .azumi-blog-head .btn-backpage-wrap .btn-backpage::before { position: absolute; bottom: -16px; left: 5px; margin: auto; content: ''; vertical-align: middle; width: 30px; height: 30px; border-left: 2px solid #A71218; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.archive-blog-azumi .azumi-blog-head .btn-backpage-wrap .btn-backpage:hover { transition: .3s; padding-right: 15px; }
.archive-blog-azumi .breadcrumbs-wrap .inner { padding: 0 1em; }
.archive-blog-azumi .breadcrumbs-wrap .inner li { font-size: 12px; }
.archive-blog-azumi .breadcrumbs-wrap .inner li span { white-space: normal; }
.archive-blog-azumi .azumi-topics .contents-title { text-align: center; width: 100%; border-bottom: 3px solid #ffffff; position: relative; background-color: #a71218; padding-bottom: 2px; }
.archive-blog-azumi .azumi-topics .contents-title .contents-title-in { padding: 40px 0 30px; border-bottom: 1px solid #ffffff; }
.archive-blog-azumi .azumi-topics .contents-title .contents-title-in .main-text { font-size: 48px; font-family: Garamond, "Roboto Slab", "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; line-height: 1; color: #ffffff; }
.archive-blog-azumi .azumi-topics .contents-title .contents-title-in .sub-text { font-size: 18px; letter-spacing: 10; color: #ffffff; }
.archive-blog-azumi .azumi-topics .c-row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; background-color: #ffffff; }
.archive-blog-azumi .azumi-topics .c-row .main { width: 70%; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block { margin-bottom: 0; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block:hover { opacity: 1; } }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block .blog_grid_con { border: none; margin-bottom: 0; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block .blog_grid_con .ttl-box { border-bottom: 3px double #dddddd; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block .blog_grid_con .ttl-box h6 .new { display: inline-block; background-color: #A71218; font-size: 12px; color: #fff; font-weight: bold; padding: .1em .3em; margin-left: .5em; vertical-align: 3px; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block .blog_grid_con .col-set { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block .blog_grid_con .col-set .col2 { float: none; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block .blog_grid_con .col-set .col2:last-of-type { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block .blog_grid_con .col-set .col2:last-of-type .btn-topics-wrap { text-align: right; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block .blog_grid_con .col-set .col2:last-of-type .btn-topics { position: relative; display: inline-block; padding: 0 0 0 16px; vertical-align: middle; text-decoration: none; font-size: 16px; letter-spacing: .2em; line-height: 1; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block .blog_grid_con .col-set .col2:last-of-type .btn-topics::before, .archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block .blog_grid_con .col-set .col2:last-of-type .btn-topics::after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ''; vertical-align: middle; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block .blog_grid_con .col-set .col2:last-of-type .btn-topics::before { left: -15px; width: 25px; height: 1px; background: #A71218; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block .blog_grid_con .col-set .col2:last-of-type .btn-topics::after { left: -1px; width: 9px; height: 9px; border-top: 1px solid #A71218; border-right: 1px solid #A71218; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block .blog_grid_con .col-set .col2:last-of-type .btn-topics:hover { letter-spacing: .1em; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block .blog_grid_con .col-set .col2:last-of-type .btn-topics:hover::before { left: -12px; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block .blog_grid_con .col-set .col2:last-of-type .btn-topics:hover::after { left: 2px; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block .blog_grid_con .content-box { padding: 20px; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block:hover .blog_grid_con .col-set .col2:last-of-type .btn-topics { transition: .3s; letter-spacing: .1em; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block:hover .blog_grid_con .col-set .col2:last-of-type .btn-topics::before { left: -12px; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block:hover .blog_grid_con .col-set .col2:last-of-type .btn-topics::after { left: 2px; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block + .blog_grid_block .blog_grid_con { position: relative; border-top: 2px solid #d6d6d6; display: block; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block + .blog_grid_block .blog_grid_con::after { position: absolute; top: -2px; right: 0; z-index: 2; content: ''; width: 20%; height: 2px; background-color: #A71218; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block + .blog_grid_block:nth-of-type(even) .blog_grid_con::after { left: 0; }
.archive-blog-azumi .azumi-topics .c-row .main.single-azumi-blog { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }
.archive-blog-azumi .azumi-topics .c-row .main.single-azumi-blog .blog_grid_block { opacity: 1; }
.archive-blog-azumi .azumi-topics .c-row .side { width: 30%; padding: 20px; background: url(//www.homes-g.com/wp-content/themes/kyma/images/renovation/main_bg.png) repeat; }
.archive-blog-azumi .azumi-topics .c-row .side h2 { font-size: 18px; font-weight: bold; background-color: #eeeeee; padding: .5em; text-align: center; }
.archive-blog-azumi .azumi-topics .c-row .side .recent-post { padding-right: 15px; }
.archive-blog-azumi .azumi-topics .c-row .side .recent-post li { border-bottom: 1px solid #cccccc; }
.archive-blog-azumi .azumi-topics .c-row .side .recent-post li:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .archive-blog-azumi .azumi-topics .c-row .side .recent-post li:hover { opacity: 1; } }
.archive-blog-azumi .azumi-topics .c-row .side .recent-post li a { padding: 1em; display: block; }
.archive-blog-azumi .azumi-topics .c-row .side .recent-post li a .date { font-size: 12px; }
.archive-blog-azumi .azumi-topics .c-row .side .recent-post li h3 { font-size: 16px; }
.archive-blog-azumi .azumi-topics .c-row .side .recent-post li h3 .new { display: inline-block; background-color: #A71218; font-size: 12px; color: #fff; font-weight: bold; padding: .1em .3em; margin-left: .5em; vertical-align: 3px; }
.archive-blog-azumi .azumi-topics.azumi-topics-detail .single-azumi-blog .content-box a { height: auto; left: auto; position: relative; text-indent: 1px; top: auto; width: auto; text-decoration: underline; color: #6ac1b7; font-size: 1.6rem; } .pagenation-azumi { border-top: 1px solid #cccccc; padding: 20px; }
.pagenation-azumi ul { margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }
.pagenation-azumi li { list-style: none outside none; margin-left: 10px; }
.pagenation-azumi li:first-child { margin-left: 0; }
.pagenation-azumi li.active { background-color: #A71218; border-radius: 3px; color: #FFFFFF; cursor: not-allowed; padding: 10px 20px; font-size: 14px; }
.pagenation-azumi li a { background: none repeat scroll 0 0 #CCCCCC; border-radius: 3px; color: #FFFFFF; display: block; padding: 10px 20px; font-size: 14px; }
.pagenation-azumi li a:hover { background-color: #444444; color: #FFFFFF; opacity: 0.7; transition: .3s; }
.single-pagenation { border-top: 1px solid #cccccc; padding: 20px; }
.single-pagenation ul { margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }
.single-pagenation li { list-style: none outside none; margin-left: 10px; }
.single-pagenation li:first-child { margin-left: 0; }
.single-pagenation li a { background-color: #A71218; border-radius: 3px; color: #FFFFFF; display: block; padding: 10px 20px; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }
.single-pagenation li a:hover { color: #FFFFFF; opacity: 0.7; transition: .3s; }
.single-pagenation li a i { font-size: 18px; }
.single-pagenation li a.gray_bg { background-color: #a1a1a1; padding: 13px 20px; }
.single-pagenation li.prev a i { margin-right: .5em; }
.single-pagenation li.next a i { margin-left: .5em; } @media screen and (max-width: 750px) { .top-azumi .top-azumi-wrap { min-width: 100%; }
.top-azumi .inner { width: 100%; }
.top-azumi .azumi-head { right: 0; }
.top-azumi .azumi-head .logo { margin: 0 auto; }
.top-azumi .main-visual { background-size: cover; padding-bottom: 70px; padding-top: 140px; background-position: center; }
.top-azumi .main-visual .main-title { font-size: 56px; text-align: center; background-color: rgba(255, 255, 255, 0.5); padding: 10px 0; }
.top-azumi .main-visual .main-catch .inner-in { width: 100%; }
.top-azumi .main-visual .main-catch .main-catch-in { width: 100%; text-align: center; background-color: rgba(255, 255, 255, 0.5); }
.top-azumi .main-visual .main-catch .main-catch-in p { font-size: 18px; }
.top-azumi .main-visual .main-catch .main-catch-in::before { content: none; }
.top-azumi .main-visual .main-catch .main-catch-in::after { height: 3px; }
.top-azumi .contents-title .main-text { font-size: 36px; }
.top-azumi .contents-title .sub-text { font-size: 16px; }
.top-azumi .h1-sub { text-align: left; font-size: 14px; }
.top-azumi .azumi-newtopics .new-topics { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right { width: 100%; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .topics-contents { font-size: 14px; padding-bottom: 10px; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .topics-contents .topics-contents-in { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .topics-contents .topics-contents-in .meta-box { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .topics-contents .topics-contents-in .meta-box .ttl { margin-bottom: 5px; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .topics-contents .topics-contents-in .meta-box p { margin-top: 10px; margin-bottom: 0; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .topics-contents .topics-contents-in .thumbnail-box { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: 0; margin-bottom: 10px; min-width: 200px; min-height: 200px; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .topics-contents .topics-contents-in .thumbnail-box img { width: 200px; height: 200px; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .topics-contents .date { width: 100%; background-color: #efefee; display: inline; padding: 2px 10px; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.right .topics-contents .date-details { width: 100%; margin-top: 5px; text-align: left; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.left { width: 100%; border-right: 0; margin-right: 0; padding-right: 0; border-bottom: 2px solid #A71218; padding-bottom: 2px; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.left .topics-ttl-top { margin: 0; padding: 30px 0; font-size: 36px; line-height: 1; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.left .topics-ttl-top i { display: inline-block; width: 1em; height: 1; }
.top-azumi .azumi-newtopics .new-topics .new-topics-in.left .topics-ttl-top span { font-size: 16px; margin-top: 10px; }
.top-azumi .top-box { margin-bottom: 50px; }
.azumi-rebuild { padding: 0 2.5%; } .azumi-gallery .contents-title { background: #A71218; }
.azumi-gallery .contents-title::after { content: none; }
.azumi-gallery .contents-title .contents-title-in { padding: 30px; border-bottom: 1px solid #ffffff; }
.azumi-gallery .case-box .c-row { display: block; padding-bottom: 20px; border-bottom: 2px dotted #cccccc; margin-bottom: 10px; }
.azumi-gallery .case-box .c-row .case-box-title { width: 100%; display: block; padding: 0 10px; text-align: center; }
.azumi-gallery .case-box .c-row .case-box-title .ttl-case-box { border-bottom: 1px dotted #dddddd; }
.azumi-gallery .case-box .c-row .case-box-title .ttl-case-box:before { content: none; }
.azumi-gallery .case-box .c-row .case-box-title .ttl-case-box:after { content: none; }
.azumi-gallery .case-box .c-row .case-box-title .ttl-case-box p { font-size: 15px; padding: 0; display: inline-block; }
.azumi-gallery .case-box .c-row .case-box-title .ttl-case-box p:first-of-type { margin-right: 10px; }
.azumi-gallery .case-box .c-row .case-box-title .case-box-details { position: relative; top: auto; left: auto; font-size: 12px; color: #333; padding: 10px 0 0; display: block; }
.azumi-gallery .case-box .c-row:hover .case-box-title { animation: none; -moz-animation: none; -webkit-animation: none; animation-fill-mode: both; -moz-animation-fill-mode: both; -webkit-animation-fill-mode: both; background: none; }
.azumi-gallery .case-box .c-row:hover .case-box-title .case-box-details { display: block; }
.azumi-gallery .case-box .c-row:hover .case-box-photo .js-gallery-slide .gallery-item { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.azumi-gallery .case-box .c-row .case-box-photo { width: 100%; padding: 0 10px; }
.azumi-gallery .case-box .c-row .case-box-photo .js-gallery-slide .gallery-item:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.azumi-gallery .case-box .c-row .case-box-photo .js-gallery-slide .gallery-item a img { height: auto; max-height: auto; }
.azumi-gallery .case-box .c-row .case-box-photo .js-gallery-slide .slick-dots li.slick-active button::before { color: #c7161d; } .azumi-casestudy { padding: 0 2.5%; padding-top: 15px; padding-bottom: 120px; }
.azumi-casestudy .ttl-casestudy { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; border: 1px solid #ffffff; }
.azumi-casestudy .ttl-casestudy .main-text { font-size: 36px; line-height: 1; }
.azumi-casestudy .ttl-casestudy .sub-text { font-size: 16px; }
.azumi-casestudy .case-box.case01 .c-row, .azumi-casestudy .case-box.case02 .c-row { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.azumi-casestudy .case-box.case01 .c-row .c-col, .azumi-casestudy .case-box.case02 .c-row .c-col { width: 100%; }
.azumi-casestudy .case-box.case01 .c-row .c-col:first-of-type, .azumi-casestudy .case-box.case01 .c-row .c-col:last-of-type, .azumi-casestudy .case-box.case02 .c-row .c-col:first-of-type, .azumi-casestudy .case-box.case02 .c-row .c-col:last-of-type { width: 100%; }
.azumi-casestudy .case-box.case01 .c-row .c-col .ttl-case-box, .azumi-casestudy .case-box.case02 .c-row .c-col .ttl-case-box { margin: 30px 0 20px; text-align: center; }
.azumi-casestudy .case-box.case01 .c-row .c-col .ttl-case-box::before, .azumi-casestudy .case-box.case02 .c-row .c-col .ttl-case-box::before { content: none; }
.azumi-casestudy .case-box.case01 .c-row .c-col .ttl-case-box::after, .azumi-casestudy .case-box.case02 .c-row .c-col .ttl-case-box::after { width: 100%; height: 1px; margin-top: 1px; left: auto; }
.azumi-casestudy .case-box.case01 .c-row .c-col .ttl-case-box p, .azumi-casestudy .case-box.case02 .c-row .c-col .ttl-case-box p { line-height: 1.4; }
.azumi-casestudy .case-box.case01 .c-row .c-col .ttl-case-box p:first-of-type, .azumi-casestudy .case-box.case02 .c-row .c-col .ttl-case-box p:first-of-type { font-size: 24px; }
.azumi-casestudy .case-box.case01 .c-row .c-col .ttl-case-box p:last-of-type, .azumi-casestudy .case-box.case02 .c-row .c-col .ttl-case-box p:last-of-type { font-size: 18px; }
.azumi-casestudy .case-box.case01 { margin-bottom: 75px; }
.azumi-casestudy .case-box .c-row .c-col .js-casestudy-slide01::before, .azumi-casestudy .case-box .c-row .c-col .js-casestudy-slide02::before { top: auto; right: auto; left: auto; }
.azumi-casestudy .case-box .c-row .c-col .slick-arrow { bottom: -100px; width: 50px; height: 50px; }
.azumi-casestudy .case-box .c-row .c-col .slick-arrow::before { font-size: 4rem; }
.azumi-casestudy .case-box.case02 .c-row .c-col:first-of-type { order: 2; }
.azumi-casestudy .case-box.case02 .c-row .c-col:last-of-type { order: 1; }
.azumi-casestudy .js-casestudy-slide-nav01, .azumi-casestudy .js-casestudy-slide-nav02 { display: none; } .azumi-case-btn { margin-top: 2rem; }
.azumi-case-btn__in { font-size: 14px; }
.azumi-case-row { margin-bottom: -15px; }
.azumi-case-row__col { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; margin-bottom: 30px; }
.azumi-case-row__col a { width: 100%; }
.azumi-case-row__col2 { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; margin-bottom: 30px; }
.azumi-case-row__col2 a { width: 100%; }
.azumi-case-txtarea__txt { font-size: 20px; }
.azumi-case-txtarea__ttl { font-size: 16px; }
.azumi-case-txtarea__detail { font-size: 14px; }
.azumi-case-txtarea--detail .azumi-case-txtarea__txt { display: block; }
.azumi-case-txtarea--detail .azumi-case-txtarea__ttl { display: block; margin-left: 0; }
.azumi-reform { padding: 0 2.5%; } .azumi-contact { padding: 0; }
.azumi-contact .img-wrap { display: none; }
.azumi-contact .c-row { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.azumi-contact .c-row .c-col { width: 100%; }
.azumi-contact .c-row .c-col:first-of-type, .azumi-contact .c-row .c-col:last-of-type { width: 100%; }
.azumi-contact .contact-top-box p { font-size: 18px; }
.azumi-contact .contact-mid-box { padding: 1.5em .5em; }
.azumi-contact .contact-mid-box .tel-box { font-size: 36px; color: #ffffff; }
.azumi-contact .contact-mid-box .tel-box i { font-size: 26px; }
.azumi-contact .contact-mid-box .tel-box a { color: #ffffff; }
.azumi-contact .contact-mid-box .time-box { font-size: 18px; }
.azumi-contact .contact-btm-box { padding: 0 2.5%; }
.azumi-contact .btn-renovation { font-size: 18px; }
.azumi-company { padding: 0 2.5%; }
.azumi-access { padding: 0 2.5%; }
#pageTop { bottom: 20px; }
.azumi-footer .inner { padding: 0 2.5%; }
.azumi-footer .c-row { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.azumi-footer .c-row .c-col { width: 100%; }
.azumi-footer .c-row .c-col:first-of-type, .azumi-footer .c-row .c-col:last-of-type { width: 100%; }
.azumi-footer .c-row .c-col:last-of-type { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; }
.azumi-footer .c-row .c-col.c-col { margin-top: 10px; }
.azumi-footer .c-row .c-col:first-of-type .img-wrap { max-width: 60%; }
.archive-blog-azumi .azumi-topics .contents-title .contents-title-in { padding: 15px 0; }
.archive-blog-azumi .azumi-topics .contents-title .contents-title-in .main-text { font-size: 36px; }
.archive-blog-azumi .azumi-topics .contents-title .contents-title-in .sub-text { font-size: 16px; margin-top: 10px; }
.archive-blog-azumi .azumi-topics .c-row { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.archive-blog-azumi .azumi-topics .c-row .main, .archive-blog-azumi .azumi-topics .c-row .side { width: 100%; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block .blog_grid_con .col-set { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.archive-blog-azumi .azumi-topics .c-row .main .blog_grid_block .blog_grid_con .ttl-box h6 { font-size: 18px; } .pagenation-azumi li.active { background-color: transparent; color: #c7161d; padding: 2px; font-size: 12px; font-weight: bold; }
.pagenation-azumi li a { background: transparent; color: #333; font-weight: bold; display: block; padding: 2px; font-size: 12px; }
.pagenation-azumi li a:hover { background-color: transparent; color: #444444; }
.single-pagenation ul { flex-wrap: wrap; }
.single-pagenation ul li { width: 100%; margin-left: 0; }
.single-pagenation ul li + li { margin-top: 15px; text-align: right; } }
@media screen and (max-width: 400px) { .azumi-company .table-company th { text-align: left; } } .recommend-house-wrap { background-color: #EDEEF5; padding-bottom: 60px; min-width: 1000px; border-top: 4px solid #A9AECB; position: relative; }
.recommend-house-wrap::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 25px 35px 0px 35px; border-color: #A9AECB transparent transparent; position: absolute; top: 0; left: 50%; margin-left: -50px; }
.recommend-desc-box.recommend-house { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; }
.content-main.recommend-house { padding-top: 130px; margin-top: -100px; }
.content-main.recommend-house:first-of-type { padding-top: 160px; }
.content-main.recommend-house .recommend-house-box-wrap { background-color: #ffffff; border-radius: 8px; box-shadow: 4px 4px 20px -5px #9EA2C6; position: relative; }
.content-main.recommend-house .recommend-house-box-header { background-color: #0c1e72; padding: 15px 20px; height: 70px; border-radius: 8px 8px 0 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }
.content-main.recommend-house .recommend-house-box-header .recomend-house-ttl { font-size: 2.5rem; color: #ffffff; font-weight: bold; }
.content-main.recommend-house .recommend-house-box-header .recomend-site-url { position: relative; background-color: #be8f01; color: #ffffff; padding: 8px 20px; border-radius: 5px; font-size: 1.6rem; font-weight: bold; }
.content-main.recommend-house .recommend-house-box-header .recomend-site-url a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.content-main.recommend-house .recommend-house-box-header .recomend-site-url:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .content-main.recommend-house .recommend-house-box-header .recomend-site-url:hover { opacity: 1; } }
.content-main.recommend-house .recommend-house-box-header .recomend-site-url i { margin-right: 10px; transition: .3s; }
.content-main.recommend-house .recommend-house-box-header .recomend-site-url:hover i { margin-right: 4px; margin-left: 6px; } .recommend-house-detail { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; margin-right: 0; padding: 20px; }
.recommend-house-detail .col2:first-of-type { width: 60%; margin-right: 30px; }
.recommend-house-detail .col2:last-of-type { width: 40%; height: 100%; }
.recommend-house-detail .sub-cachcopy-text { text-align: center; font-size: 16px; font-weight: bold; margin: 0 0 10px; padding-bottom: 10px; border-bottom: 2px solid #d6d6d6; } .recommend-detail-list.recommend-house { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.recommend-detail-list.recommend-house li { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 100%; }
.recommend-detail-list.recommend-house li.width100 { width: 100%; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; }
.recommend-detail-list.recommend-house li.width100 img { width: 100%; }
.recommend-detail-list.recommend-house li.width100.width100--spec-bnr:hover { opacity: 0.8; transition: 0.3s; }
.recommend-detail-list.recommend-house li .ttl-box { display: inline-block; font-size: 1.5rem; background-color: #a9aecb; color: #ffffff; font-weight: bold; padding: 3px 5px; text-align: center; }
.recommend-detail-list.recommend-house li .ttl-box.price { margin-bottom: -10px; }
.recommend-detail-list.recommend-house li .txt-box { font-size: 1.6rem; padding: 0 .5em; max-width: 100%; }
.recommend-detail-list.recommend-house li .txt-box .num { font-size: 4.5rem; color: #dc143c; font-weight: bold; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; padding-right: .1em; }
.recommend-detail-list.recommend-house li .txt-box .unit { font-size: 2rem; font-weight: bold; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.recommend-detail-list.recommend-house li .txt-box .structure { font-size: 0.8em; display: block; margin-top: -13px; text-align: right; }
.recommend-detail-list.recommend-house li .txt-box.gmap-link a { color: #0c1e72; font-size: 14px; text-decoration: underline; }
.recommend-detail-list.recommend-house li .txt-box.gmap-link a:hover { opacity: 0.8; transition: 0.3s; }
.recommend-detail-list.recommend-house li .txt-box.gmap-link img { width: 13px; vertical-align: text-top; margin-right: 2px; }
.recommend-detail-list.recommend-house li .txt-box .point-box { font-size: 1.7rem; font-weight: bold; border-bottom: dashed 1px #d6d6d6; margin-bottom: 5px; padding: 3px 10px 3px 33px; position: relative; }
.recommend-detail-list.recommend-house li .txt-box .point-box::before { position: absolute; content: '1'; background-color: #dc143c; color: #ffffff; border-radius: 15px; width: 25px; height: 25px; line-height: 25px; text-align: center; top: 3px; left: 3px; }
.recommend-detail-list.recommend-house li .txt-box .point-box--2::before { content: '2'; }
.recommend-detail-list.recommend-house li .txt-box .point-box--3::before { content: '3'; }
.recommend-detail-list.recommend-house li + li { margin-top: 8px; }
.recommend-detail-list.recommend-land { margin-top: 10px; }
.recommend-detail-list.recommend-land li img { border: 1px solid #CCCCCC; width: 100%; height: auto; } .recommend-slider.recommend-house { position: relative; width: 100%; background: #333; }
.recommend-slider.recommend-house li:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .recommend-slider.recommend-house li:hover { opacity: 1; } }
.recommend-slider.recommend-house li .trim { position: relative; width: 100%; padding-top: 62%; overflow: hidden; margin: 0 auto; }
.recommend-slider.recommend-house li .trim img {   position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }
.recommend-slider.recommend-house .slick-arrow.slick-prev::before, .recommend-slider.recommend-house .slick-arrow.slick-next::before { font-family: 'FontAwesome'; content: "\f104"; right: 4px; top: 2px; color: #ffffff; font-size: 2.7rem; }
.recommend-slider.recommend-house .slick-arrow.slick-next { right: 10px; z-index: 99; }
.recommend-slider.recommend-house .slick-arrow.slick-next::before { content: "\f105"; left: 0px; }
.recommend-slider.recommend-house .slick-arrow.slick-prev { left: 10px; z-index: 100; }
.recommend-slider.recommend-house .slick-dots { background: #edeef5; padding: 5px; bottom: -30px; }
.recommend-slider.recommend-house .slick-next, .recommend-slider.recommend-house .slick-prev { display: block; position: absolute; top: 50%; display: block; width: 30px; height: 30px; background-color: #0c1e72; border-radius: 15px; opacity: 0.7; }
.recommend-slider.recommend-house .slick-slide { position: relative; transition: 0.2s linear; }
.recommend-slider.recommend-house .slick-slide:not(.slick-center) { opacity: .5; }
.recommend-house-btn-area .btn-item { position: relative; background-color: #77B02C; padding: 3px; height: 65px; text-align: center; margin-top: 10px; }
.recommend-house-btn-area .btn-item a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.recommend-house-btn-area .btn-item:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .recommend-house-btn-area .btn-item:hover { opacity: 1; } }
.recommend-house-btn-area .btn-item--orange { background-color: #FCA12B; }
.recommend-house-btn-area .btn-item--gray { background-color: #828283; }
.recommend-house-btn-area .btn-item--gray:hover { opacity: 1; }
.recommend-house-btn-area .btn-item--red { background-color: #B60E30; }
.recommend-house-btn-area .btn-item--blue { background-color: #0c1e72; }
.recommend-house-btn-area .btn-item .link-icon { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; height: 100%; border: 1px solid #ffffff; display: block; padding: 10px 0; color: #ffffff; font-weight: bold; font-size: 1.8rem; }
.recommend-house-btn-area .btn-item .link-icon--noicon { padding: 15px 0 10px; }
.recommend-house-btn-area .btn-item .link-icon i { font-size: 2.5rem; margin-right: 7px; } .recommend-house-btn-area .document-box { margin-top: 8px; }
.recommend-house-btn-area .document-box__ttl { display: inline-block; font-size: 1.3rem; background-color: #a9aecb; color: #ffffff; font-weight: bold; padding: 3px 5px; width: 100%; text-align: center; }
.recommend-house-btn-area .document-box__contents { background: #f5f7fd; padding: 10px; text-align: center; }
.recommend-house-btn-area .document-box__contents img { width: 50%; }
@media screen and (max-width: 750px) { .recommend-house-btn-area .document-box__contents img { width: 80%; } }
.recommend-house-btn-area .document-box__contents a:hover { opacity: 0.7; } .recommend-house-btn-area .qr-box { margin-top: 8px; }
.recommend-house-btn-area .qr-box__ttl { display: inline-block; font-size: 1.3rem; background-color: #202e73; color: #ffffff; font-weight: bold; padding: 3px 5px; width: 100%; text-align: center; }
.recommend-house-btn-area .qr-box__contents { background: #f8f8f8; padding: 10px; text-align: center; position: relative; }
.recommend-house-btn-area .qr-box__contents img { width: 27%; border: solid #fff 5px; }
@media screen and (max-width: 750px) { .recommend-house-btn-area .qr-box__contents img { width: 35%; } }
.recommend-house-btn-area .qr-box__contents a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.recommend-house-btn-area .qr-box__contents a:hover { opacity: 0.7; }
.recommend-house-btn-area .qr-box__contents:before { position: absolute; content: "\f105"; font-family: 'FontAwesome'; right: 4px; top: 35%; color: #ffffff; font-size: 1.8rem; background: #202e73; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50px; padding-left: 0.15em; } .model-btn-fade.recommend-house { transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; position: absolute; width: 130px; height: 130px; background: #be8f01; border-radius: 75px; right: -15px; bottom: -15px; text-align: center; }
.model-btn-fade.recommend-house.red { background-color: #b60e30; }
.model-btn-fade.recommend-house.red .fade-in { padding-top: 30px; }
.model-btn-fade.recommend-house.red .fade-in span { font-weight: bold; }
.model-btn-fade.recommend-house.red:hover { background: #b60e30; }
.model-btn-fade.recommend-house:hover { background: #caa32c; transition: 0.5s; }
.model-btn-fade.recommend-house .fade-in { color: #ffffff; font-size: 1.4rem; font-weight: bold; padding-top: 15px; line-height: 1.5; }
.model-btn-fade.recommend-house .fade-in span { font-size: 2rem; } .recommend-ph-area { margin: 20px 20px 0 20px; padding-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }
.recommend-ph-area__in { width: 63%; height: 100%; }
.recommend-ph-area__in:first-of-type { width: 35%; }
.recommend-ph-area__in .madori-img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .recommend-ph-area__in .madori-img:hover { opacity: 1; } }
.recommend-Annotation-text { margin: 0 20px; padding-bottom: 15px; font-size: 1.2rem; } .recommend-movie { position: relative; padding-bottom: 55.25%; height: 0; overflow: hidden; padding-left: 5px; padding-right: 5px; margin-top: 60px; }
@media screen and (max-width: 750px) { .recommend-movie { flex: 0 0 100%; padding-bottom: 0; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 5px; } }
.recommend-movie iframe { max-width: 100%; }
@media screen and (max-width: 750px) { .recommend-movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }  .link-map { margin: 50px 0; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
.link-map .link-map-in.link-map-img { width: 480px; min-width: 480px; }
.link-map .link-map-in .map-area .map-area-ttl { position: relative; padding: 2px 0; width: 100%; border-top: 2px solid #323d6f; border-bottom: 2px solid #323d6f; font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 20px; color: #323d6f; }
.link-map .link-map-in .map-area .map-area-ttl .map-area-ttl-in { border-top: 3px solid #323d6f; border-bottom: 3px solid #323d6f; display: block; padding: 8px; font-weight: bold; }
.link-map .link-map-in .map-area .map-area-ttl::after { border-top: 18px solid #323d6f; border-left: 30px solid transparent; border-right: 30px solid transparent; content: ""; height: 0; left: 50%; position: absolute; bottom: -16px; width: 0; margin-left: -30px; }
.link-map .link-map-in.link-map-btn { width: calc(95% - 450px); }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item { padding: 10px 0; width: 100%; font-size: 15px; font-weight: bold; text-align: center; background-color: #323d6f; margin-bottom: 10px; cursor: pointer; }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .link-map .link-map-in.link-map-btn .link-btn-list .list-item:hover { opacity: 1; } }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item:last-of-type { margin-bottom: 0; }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item .list-item-in { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; color: #ffffff; }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item .list-item-in .list-item-ttl { width: 40%; margin-bottom: 0; }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item .list-item-in .list-item-detail { width: 60%; margin-bottom: 0; border-left: 1px solid #ffffff; }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item .list-item-in .list-item-detail a { color: #ffffff; }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item .list-item-in .list-item-detail .list-item-contents { display: block; font-size: 14px; margin-bottom: 5px; }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item .list-item-in .list-item-detail .list-item-contents:last-of-type { margin-bottom: 0; }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item .list-item-in .list-item-detail .list-item-contents i { font-size: 10px; margin-right: 3px; }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item.active { background-color: #586abe; }
.link-map .link-map-in.link-map-btn .link-btn-list .all-btn { background-color: #be8f01; padding: 3px; }
.link-map .link-map-in.link-map-btn .link-btn-list .all-btn .list-item-btn-in { border: 2px solid #ffffff; font-weight: bold; padding: 15px 0; color: #ffffff; } .non-recommend-item .non-recommend-coment { text-align: center; font-size: 18px; background-color: #e3e3e3; padding: 20px; margin-top: 60px; } .ac-container { width: auto; margin: 20px auto; border: 8px solid #e9e9f3; }
.reco-all-btn { text-align: center; margin-bottom: 30px; }
.reco-all-btn__in { background-color: #BB9003; padding: 5px; width: 430px; height: 65px; margin: 0 auto; position: relative; }
.reco-all-btn__in a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.reco-all-btn__in:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .reco-all-btn__in:hover { opacity: 1; } }
.reco-all-btn__in span { border: 1px solid #ffffff; display: block; height: 100%; font-size: 17px; color: #ffffff; font-weight: bold; padding-top: 14px; } .bunjo-tab { background-color: #D8D9E5; padding: 10px 10px 0 10px; border-radius: 5px 5px 0 0; position: relative; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.bunjo-tab::after { content: none; width: 0; height: 0; border-style: solid; border-width: 25px 35px 0px 35px; border-color: #A9AECB transparent transparent; position: absolute; bottom: -25px; left: 50%; margin-left: -50px; }
.bunjo-tab-area { font-size: 20px; font-weight: bold; color: #0c1e72; letter-spacing: 5px; width: 150px; 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; position: relative; }
.bunjo-tab-area a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.bunjo-tab-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; width: calc(100% - 150px); }
.bunjo-tab-list .empty { width: 16%; }
.bunjo-tab-list-in { background-color: #9a9dcc; font-size: 15px; color: #ffffff; position: relative; padding: 8px; line-height: 1.2; text-align: center; width: 16%; margin-bottom: 10px; 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; position: relative; }
.bunjo-tab-list-in a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.bunjo-tab-list-in:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .bunjo-tab-list-in:hover { opacity: 1; } }
.bunjo-tab-list-in.is-active { background-color: #0c1e72; } @media screen and (max-width: 1000px) { .ac-container input:checked ~ .ac-box.ac-small { height: 600px; }
.ac-container input:checked ~ .ac-box.ac-small--bunjo { height: 400px; } } @media screen and (max-width: 750px) { .recommend-house-wrap { min-width: 100%; }
.recommend-house-wrap::after { content: ""; border-width: 20px 30px 0px 30px; margin-left: -30px; }
.recommend-desc-box.recommend-house { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; }
.content-main.recommend-house { padding-top: 105px; margin-top: -70px; }
.content-main.recommend-house:first-of-type { padding-top: 115px; }
.content-main.recommend-house .recommend-house-box-header { padding: 10px 15px; height: auto; border-radius: 8px 8px 0 0; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.content-main.recommend-house .recommend-house-box-header .recomend-house-ttl { font-size: 1.7rem; line-height: 1.3; margin-bottom: 5px; }
.content-main.recommend-house .recommend-house-box-header .recomend-site-url { padding: 5px 15px; font-size: 1.4rem; margin-left: auto; } .recommend-house-detail { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 12px; }
.recommend-house-detail .col2:first-of-type { width: 100%; margin-right: 0; }
.recommend-house-detail .col2:last-of-type { width: 100%; height: 100%; }
.recommend-house-detail .sub-cachcopy-text { font-size: 15px; margin-top: 5px; } .recommend-detail-list.recommend-house { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; flex-wrap: wrap; }
.recommend-detail-list.recommend-house li { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; }
.recommend-detail-list.recommend-house li.width100 { width: 100%; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; }
.recommend-detail-list.recommend-house li.width100 img { width: 100%; }
.recommend-detail-list.recommend-house li.width100.width100--spec-bnr { height: 100%; margin-top: 20px; }
.recommend-detail-list.recommend-house li.width100.width100--spec-bnr a { width: 100%; height: 100%; }
.recommend-detail-list.recommend-house li.width100.width100--spec-bnr:hover { opacity: 0.8; transition: 0.3s; }
.recommend-detail-list.recommend-house li .ttl-box { width: 100%; display: block; font-size: 1.4rem; margin-bottom: 5px; }
.recommend-detail-list.recommend-house li .ttl-box.price { margin-bottom: -5px; }
.recommend-detail-list.recommend-house li .txt-box { width: 100%; font-size: 1.4rem; padding: 0; }
.recommend-detail-list.recommend-house li .txt-box .num { font-size: 3rem; }
.recommend-detail-list.recommend-house li .txt-box .unit { font-size: 1.8rem; }
.recommend-detail-list.recommend-house li .txt-box .structure { margin-top: -5px; }
.recommend-detail-list.recommend-house li .txt-box.gmap-link a { font-size: 1.3rem; }
.recommend-detail-list.recommend-house li + li { margin-top: 8px; } .recommend-slider.recommend-house li:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; } }
@media screen and (max-width: 750px) and (max-width: 750px) { .recommend-slider.recommend-house li:hover { opacity: 1; } }
@media screen and (max-width: 750px) { .recommend-slider.recommend-house .slick-arrow.slick-next { right: -15px; }
.recommend-slider.recommend-house .slick-arrow.slick-prev { left: -15px; }
.recommend-slider.recommend-house .slick-slide:not(.slick-center) { opacity: 1; } .recommend-house-btn-area { margin-top: 20px; }
.recommend-house-btn-area .btn-item { width: 100%; margin-top: 10px; }
.recommend-house-btn-area .btn-item--orange { background-color: #FCA12B; }
.recommend-house-btn-area .btn-item .link-icon { font-size: 1.6rem; }
.recommend-house-btn-area .btn-item .link-icon--noicon { padding: 15px 0 10px; }
.recommend-house-btn-area .btn-item .link-icon i { font-size: 2rem; } .model-btn-fade.recommend-house { width: 100px; height: 100px; bottom: -40px; right: -10px; text-align: center; }
.model-btn-fade.recommend-house.red .fade-in { padding-top: 23px; letter-spacing: 0; }
.model-btn-fade.recommend-house .fade-in { font-size: 1.2rem; padding-top: 13px; line-height: 1.3; }
.model-btn-fade.recommend-house .fade-in span { font-size: 1.7rem; } .recommend-ph-area { margin: 0 15px; padding-bottom: 20px; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.recommend-ph-area__in { width: 100%; }
.recommend-ph-area__in:first-of-type { width: 100%; margin-bottom: 10px; }  .link-map { padding: 0; margin: 30px auto; min-width: auto; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
.link-map .link-map-in.link-map-img { display: none; }
.link-map .link-map-in .map-area .map-area-ttl { position: relative; padding: 2px 0; width: 100%; border-top: 2px solid #323d6f; border-bottom: 2px solid #323d6f; font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 20px; color: #323d6f; }
.link-map .link-map-in .map-area .map-area-ttl .map-area-ttl-in { border-top: 3px solid #323d6f; border-bottom: 3px solid #323d6f; display: block; padding: 8px; font-weight: bold; }
.link-map .link-map-in .map-area .map-area-ttl::after { border-top: 18px solid #323d6f; border-left: 30px solid transparent; border-right: 30px solid transparent; content: ""; height: 0; left: 50%; position: absolute; bottom: -16px; width: 0; margin-left: -30px; }
.link-map .link-map-in.link-map-btn { padding: 0; width: 100%; }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item { padding: 10px 0; width: 95%; margin: 0 auto; font-size: 15px; font-weight: bold; text-align: center; background-color: #323d6f; margin-bottom: 10px; cursor: pointer; }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; } }
@media screen and (max-width: 750px) and (max-width: 750px) { .link-map .link-map-in.link-map-btn .link-btn-list .list-item:hover { opacity: 1; } }
@media screen and (max-width: 750px) { .link-map .link-map-in.link-map-btn .link-btn-list .list-item:last-of-type { margin-bottom: 0; }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item .list-item-in { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; color: #ffffff; }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item .list-item-in .list-item-ttl { width: 100%; margin-bottom: 10px; }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item .list-item-in .list-item-detail { width: 100%; margin-bottom: 0; border-top: 1px solid #ffffff; border-left: none; padding-top: 10px; }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item .list-item-in .list-item-detail a { color: #ffffff; }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item .list-item-in .list-item-detail .list-item-contents { display: block; font-size: 14px; margin-bottom: 5px; }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item .list-item-in .list-item-detail .list-item-contents:last-of-type { margin-bottom: 0; }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item .list-item-in .list-item-detail .list-item-contents i { font-size: 10px; margin-right: 3px; }
.link-map .link-map-in.link-map-btn .link-btn-list .list-item.active { background-color: #586abe; }
.link-map .link-map-in.link-map-btn .link-btn-list .all-btn { background-color: #be8f01; padding: 3px; }
.link-map .link-map-in.link-map-btn .link-btn-list .all-btn .list-item-btn-in { border: 2px solid #ffffff; font-weight: bold; padding: 15px 0; color: #ffffff; } .non-recommend-item .non-recommend-coment { font-size: 16px; } .ac-container { border: 6px solid #e9e9f3; }
.reco-all-btn__in { width: 100%; }
.reco-all-btn__in span { font-size: 16x; } .bunjo-tab { display: block; }
.bunjo-tab::after { content: none; border-width: 20px 30px 0px 30px; bottom: -21px; margin-left: -30px; }
.bunjo-tab-area { font-size: 18px; width: auto; display: block; margin-bottom: 5px; }
.bunjo-tab-list { width: 100%; }
.bunjo-tab-list .empty { width: 32%; }
.bunjo-tab-list-in { font-size: 11px; padding: 5px; width: 32%; margin-right: 0; } } .recommend-modelhouse-bnr { margin-top: 20px; text-align: center; }
.recommend-modelhouse-bnr img { width: 100%; }
.recommend-modelhouse-bnr a:hover { opacity: 0.95; } .works-topimg { text-align: center; }
.works-topimg img { width: 100%; max-width: 1600px; }
.works-topimg.page-detail img { width: 100%; max-width: 1200px; border-top: 5px solid #a71e41; }
.works-topimg.page-detail--02 img { border-top: 5px solid #f39800; }
.works-topimg.page-detail--03 img { border-top: 5px solid #8fc31f; }
.works-topimg.page-detail--04 img { border-top: 5px solid #6d68ae; }
.works-topimg.page-detail--05 img { border-top: 5px solid #f2b7b6; }
.works-topimg.page-detail--06 img { border-top: 5px solid #4bd0f1; }
.homes-works .works-ttl { 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; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin: 20px 0 30px; }
.homes-works .works-ttl-item { width: 50%; }
.homes-works .works-ttl .about-titletxt { font-size: 2.3rem; }
.homes-works .works-ttl li img { padding: 0 35px; }
.homes-works .works-link-contents { position: relative; position: relative; overflow: hidden; border-bottom: 5px solid #a71e41; }
.homes-works .works-link-contents a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.homes-works .works-link-contents .bottom-contents { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 0px; color: #ffffff; background-color: rgba(0, 0, 0, 0.4); transition: .4s; }
.homes-works .works-link-contents .bottom-contents ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; padding: 10px; }
.homes-works .works-link-contents .bottom-contents ul li { font-size: 1.4rem; text-align: left; }
.homes-works .works-link-contents .bottom-contents ul li .sub-contents-ttl { display: block; font-size: 1.6rem; }
.homes-works .works-link-contents .bottom-contents ul li i { font-size: 2rem; margin-right: 10px; transition: .4s; transition-delay: .4s; border: 2px solid #ffffff; border-radius: 25px; width: 25px; height: 25px; padding-left: 8px; }
.homes-works .works-link-contents .img-box img { transition: .4s; }
.homes-works .works-link-contents:hover .img-box img { transform: scale(1.05); }
.homes-works .works-link-contents:hover .bottom-contents { height: 65px; }
.homes-works .works-link-contents:hover .bottom-contents ul li i { margin-left: 6px; margin-right: 2px; color: #a71e41; border: 2px solid #a71e41; }
.homes-works .works-link-contents--case02 { border-bottom: 5px solid #f39800; }
.homes-works .works-link-contents--case02:hover .bottom-contents ul li i { color: #f39800; border: 2px solid #f39800; }
.homes-works .works-link-contents--case03 { border-bottom: 5px solid #8fc31f; }
.homes-works .works-link-contents--case03:hover .bottom-contents ul li i { color: #8fc31f; border: 2px solid #8fc31f; }
.homes-works .works-link-contents--case04 { border-bottom: 5px solid #6d68ae; }
.homes-works .works-link-contents--case04:hover .bottom-contents ul li i { color: #6d68ae; border: 2px solid #6d68ae; }
.homes-works .works-link-contents--case05 { border-bottom: 5px solid #f2b7b6; }
.homes-works .works-link-contents--case05:hover .bottom-contents ul li i { color: #f2b7b6; border: 2px solid #f2b7b6; }
.homes-works .works-link-contents--case06 { border-bottom: 5px solid #4bd0f1; }
.homes-works .works-link-contents--case06:hover .bottom-contents ul li i { color: #4bd0f1; border: 2px solid #4bd0f1; }
.workspage-link-area .workspage-link-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; }
.workspage-link-area .workspage-link-list .list-item { width: 32.5%; margin-bottom: 10px; position: relative; }
.workspage-link-area .workspage-link-list .list-item a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.workspage-link-area .workspage-link-list .list-item .item-detail { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #ffffff; font-size: 1.4rem; padding: 5px; }
.workspage-link-area .workspage-link-list .list-item .item-detail .sub-contents-ttl { display: block; }
.workspage-link-area .workspage-link-list .list-item .works-link-contents:hover .img-box img { opacity: 0.7; transform: none; }
.workspage-link-area .workspage-link-list .list-item.active { position: relative; }
.workspage-link-area .workspage-link-list .list-item.active::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
.workspage-link-area .ta-center { text-align: center; }
.workspage-link-area .ta-center .more-btn { min-width: 300px; }
.works-col-contents { margin: 30px 0 60px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }
.works-col-contents .contents-item { width: 49%; font-size: 1.4rem; height: 100%; }
.works-col-contents .contents-item .top-ttl { width: 350px; }
.works-col-contents .contents-item .homes-view-img { margin-top: -70px; }
.works-col-contents .contents-item .sub-copy-top { font-size: 2.3rem; font-weight: bold; color: #a71e41; margin: 20px 0 10px; }
.works-col-contents .contents-item .sub-copy-top--02 { color: #f39800; }
.works-col-contents .contents-item .sub-copy-top--03 { color: #8fc31f; }
.works-col-contents .contents-item .sub-copy-top--04 { color: #6d68ae; }
.works-col-contents .contents-item .sub-copy-top--05 { color: #f2b7b6; }
.works-col-contents .contents-item .sub-copy-top--06 { color: #4bd0f1; }
.works-col-contents .contents-item .detail-copy span { display: block; margin-bottom: 5px; font-weight: bold; }
.works-col-contents .contents-item .detail-spec { border-left: 4px solid #a71e41; padding-left: 10px; }
.works-col-contents .contents-item .detail-spec ul li::before { content: '\f02b'; font-family: fontawesome; top: 0; left: 0; color: #a71e41; margin-right: 2px; }
.works-col-contents .contents-item .detail-spec--02 { border-left: 4px solid #f39800; }
.works-col-contents .contents-item .detail-spec--02 ul li::before { color: #f39800; }
.works-col-contents .contents-item .detail-spec--03 { border-left: 4px solid #8fc31f; }
.works-col-contents .contents-item .detail-spec--03 ul li::before { color: #8fc31f; }
.works-col-contents .contents-item .detail-spec--04 { border-left: 4px solid #6d68ae; }
.works-col-contents .contents-item .detail-spec--04 ul li::before { color: #6d68ae; }
.works-col-contents .contents-item .detail-spec--05 { border-left: 4px solid #f2b7b6; }
.works-col-contents .contents-item .detail-spec--05 ul li::before { color: #f2b7b6; }
.works-col-contents .contents-item .detail-spec--06 { border-left: 4px solid #4bd0f1; }
.works-col-contents .contents-item .detail-spec--06 ul li::before { color: #4bd0f1; }
.works-col-contents .contents-item .works-customer-detail { border: 1px solid #a71e41; }
.works-col-contents .contents-item .works-customer-detail--02 { border: 1px solid #f39800; }
.works-col-contents .contents-item .works-customer-detail--02 .works-customer-detail__wrap { border: 1px solid #f39800; }
.works-col-contents .contents-item .works-customer-detail--03 { border: 1px solid #8fc31f; }
.works-col-contents .contents-item .works-customer-detail--03 .works-customer-detail__wrap { border: 1px solid #8fc31f; }
.works-col-contents .contents-item .works-customer-detail--04 { border: 1px solid #6d68ae; }
.works-col-contents .contents-item .works-customer-detail--04 .works-customer-detail__wrap { border: 1px solid #6d68ae; }
.works-col-contents .contents-item .works-customer-detail--05 { border: 1px solid #f2b7b6; }
.works-col-contents .contents-item .works-customer-detail--05 .works-customer-detail__wrap { border: 1px solid #f2b7b6; }
.works-col-contents .contents-item .works-customer-detail--06 { border: 1px solid #4bd0f1; }
.works-col-contents .contents-item .works-customer-detail--06 .works-customer-detail__wrap { border: 1px solid #4bd0f1; }
.works-col-contents .contents-item .works-customer-detail__wrap { border: 1px solid #a71e41; margin: 3px; padding: 10px; }
.works-col-contents .contents-item.view-contents { width: 55%; }
.works-col-contents .contents-item.view-contents .homes-view-img--04 { max-width: 350px; margin: 10px auto; display: block; }
.works-col-contents .contents-item.view-contents-img { width: 40%; height: 100%; }
.works-col-contents--04 { position: relative; z-index: 0; }
.works-col-contents--04::before { position: absolute; content: ''; background: url(//www.homes-g.com/wp-content/themes/kyma/images/homes_works/case04/detail_bg.png) no-repeat center center; background-size: contain; width: 100%; height: 100%; -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); top: 0; left: 0; z-index: -1; }
.works-col-contents--05 { margin-bottom: 0; }
.works-col-contents--05 .col-change { width: 35%; }
.works-col-contents--05 .col-change:last-of-type { width: 60%; }
.works-ph-contents { margin-bottom: 60px; }
.works-ph-contents li div { padding: 5px 10px 0; }
.works-ph-contents--02 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; margin-bottom: 80px; }
.works-ph-contents--02 .left-contents { width: 40%; height: 100%; }
.works-ph-contents--02 .right-contents { width: 60%; height: 100%; }
.works-dropcap-text { line-height: 2; font-size: 1.4rem; }
.works-dropcap-text:first-letter { font-size: 5em; line-height: 1; float: left; font-weight: bold; margin: 0 .1em 0 0; padding: .1em 0; color: #a71e41; }
.works-dropcap-text--02:first-letter { color: #f39800; }
.works-dropcap-text--03:first-letter { color: #8fc31f; }
.works-dropcap-text--04:first-letter { color: #6d68ae; }
.works-dropcap-text--05:first-letter { color: #f2b7b6; }
.works-dropcap-text--06:first-letter { color: #4bd0f1; }
.works-border-bottom { border-bottom: 5px solid #a71e41; margin: 30px 0 60px; padding-bottom: 30px; }
.works-border-bottom--02 { border-bottom: 5px solid #f39800; }
.works-border-bottom--03 { border-bottom: 5px solid #8fc31f; }
.works-border-bottom--04 { border-bottom: 5px solid #6d68ae; }
.works-border-bottom--05 { border-bottom: 5px solid #f2b7b6; }
.works-border-bottom--06 { border-bottom: 5px solid #4bd0f1; }
.works-page-imgarea { text-align: center; }
.works-page-imgarea .case02-img { display: block; max-width: 750px; margin: 0 auto; }
.works-contents-case04 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }
.works-contents-case04 .contents_in { width: 32%; height: 100%; z-index: 1; position: relative; }
.works-contents-case04 .contents_in img { margin-bottom: 5px; }
.works-case05-textarea .ttl-area { background: #f2b7b6; text-align: center; padding: 10px 0; margin-bottom: 15px; font-weight: bold; font-size: 18px; }
.works-case05-textarea .ttl-area span { font-weight: bold; font-size: 23px; }
.works-case05-textarea.case06 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.works-case05-textarea.case06 .ttl-area { background: #4bd0f1; margin-top: 10px; }
.works-case05-textarea.case06 .ttl-area span { font-weight: bold; font-size: 23px; }
.works-case05-textarea.case06 .detail-box-case06 { height: 100%; } @media screen and (max-width: 750px) { .homes-works .works-ttl { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 20px 0 30px; }
.homes-works .works-ttl-item { width: 100%; }
.homes-works .works-ttl .about-titletxt { font-size: 1.8rem; }
.homes-works .works-ttl li img { padding: 20px 15px 0; }
.homes-works .works-link-contents:hover .img-box img { transform: scale(1.05); }
.homes-works .works-link-contents:hover .bottom-contents { height: 65px; }
.homes-works .works-link-contents:hover .bottom-contents ul li i { margin-left: 6px; margin-right: 2px; color: #a71e41; border: 2px solid #a71e41; }
.homes-works .works-link-contents--case02 { border-bottom: 5px solid #f39800; }
.homes-works .works-link-contents--case02:hover .bottom-contents ul li i { color: #f39800; border: 2px solid #f39800; }
.homes-works .works-link-contents--case03 { border-bottom: 5px solid #8fc31f; }
.homes-works .works-link-contents--case03:hover .bottom-contents ul li i { color: #8fc31f; border: 2px solid #8fc31f; }
.homes-works .works-link-contents--case04 { border-bottom: 5px solid #6d68ae; }
.homes-works .works-link-contents--case04:hover .bottom-contents ul li i { color: #6d68ae; border: 2px solid #6d68ae; }
.homes-works .works-link-contents--case05 { border-bottom: 5px solid #f2b7b6; }
.homes-works .works-link-contents--case05:hover .bottom-contents ul li i { color: #f2b7b6; border: 2px solid #f2b7b6; }
.homes-works .works-link-contents--case06 { border-bottom: 5px solid #4bd0f1; }
.homes-works .works-link-contents--case06:hover .bottom-contents ul li i { color: #4bd0f1; border: 2px solid #4bd0f1; }
.workspage-link-area .workspage-link-list { flex-wrap: wrap; }
.workspage-link-area .workspage-link-list .list-item { width: 100%; }
.workspage-link-area .workspage-link-list .list-item .item-detail { font-size: 1.3rem; }
.workspage-link-area .ta-center .more-btn { min-width: auto; }
.works-col-contents { margin: 30px 0 40px; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.works-col-contents .contents-item { width: 100%; }
.works-col-contents .contents-item .top-ttl { max-width: 280px; }
.works-col-contents .contents-item .homes-view-img { margin-top: 0; }
.works-col-contents .contents-item .sub-copy-top { font-size: 2rem; font-weight: bold; margin: 20px 0 10px; }
.works-col-contents .contents-item .detail-copy span { display: block; margin-bottom: 5px; font-weight: bold; }
.works-col-contents .contents-item .detail-spec { padding-left: 10px; }
.works-col-contents .contents-item .detail-spec ul li::before { content: '\f02b'; font-family: fontawesome; top: 0; left: 0; margin-right: 2px; }
.works-col-contents .contents-item .works-customer-detail__wrap { margin: 3px; padding: 10px; }
.works-col-contents .contents-item.view-contents { width: 100%; }
.works-col-contents .contents-item.view-contents-img { width: 100%; }
.works-col-contents--05 .col-change { width: 100%; height: 100%; }
.works-col-contents--05 .col-change:last-of-type { width: 100%; }
.works-ph-contents { margin-bottom: 40px; }
.works-ph-contents li div { padding: 2px 10px 0; }
.works-ph-contents--02 { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: inherit; }
.works-ph-contents--02 .left-contents { width: 100%; margin-bottom: 20px; }
.works-ph-contents--02 .right-contents { width: 100%; }
.works-dropcap-text { line-height: 1.6; }
.works-dropcap-text:first-letter { font-size: 2.5em; margin: 0 .15em 0 0; }
.works-page-imgarea .case02-img { width: 100%; margin: 0 auto; }
.works-contents-case04 { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.works-contents-case04 .contents_in { width: 100%; margin-bottom: 20px; }
.works-case05-textarea { border-bottom: 1px solid #f2b7b6; margin-bottom: 10px; }
.works-case05-textarea .ttl-area { font-size: 16px; margin-bottom: 5px; }
.works-case05-textarea .ttl-area span { font-size: 20px; }
.works-case05-textarea.case06 { border-bottom: 1px solid #4bd0f1; margin-bottom: 10px; padding-bottom: 10px; }
.works-case05-textarea.case06 .ttl-area { background: #4bd0f1; margin-top: 0; }
.works-case05-textarea.case06 .ttl-area span { font-weight: bold; font-size: 20px; } } .architecture .guide .flow-ttl { font-size: 2.5rem; font-weight: bold; position: relative; z-index: 1; }
.architecture .guide .flow-ttl-concpet { margin: 0px auto 40px; font-size: 3.4rem; font-weight: bold; background: linear-gradient(rgba(0, 0, 0, 0) 74%, #fff269 34%); display: inline-block; }
.architecture .guide .flow-ttl .flow-ttl-en { display: block; font-size: 4rem; font-weight: bold; padding-bottom: 15px; margin-bottom: 15px; letter-spacing: 0; position: relative; }
.architecture .guide .flow-ttl .flow-ttl-en::before { content: ''; position: absolute; background-color: #000000; width: 70px; height: 5px; bottom: 0; left: 0; right: 0; margin: auto; }
.architecture .guide .flow-bar-area .flow-bar-wrap .flow-bar-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; position: relative; }
.architecture .guide .flow-bar-area .flow-bar-wrap .flow-bar-list::after { content: ''; position: absolute; width: calc(100% - 50px); height: 5px; background-color: #be8f01; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.architecture .guide .flow-bar-area .flow-bar-wrap .flow-bar-list li { z-index: 1; position: relative; }
.architecture .guide .flow-bar-area .flow-bar-wrap .flow-bar-list li img { max-width: 130px; height: auto; margin: 0 0 10px; transition: .3s; }
.architecture .guide .flow-bar-area .flow-bar-wrap .flow-bar-list li img:hover { margin: 10px 0 0; }
.architecture .guide .flow-start-area { text-align: center; position: relative; margin: 30px 0; padding-bottom: 90px; }
.architecture .guide .flow-start-area img { width: 250px; }
.architecture .guide .flow-start-area span { position: absolute; bottom: 50px; left: 50%; width: 76px; height: auto; margin-left: -38px; -webkit-animation: sdb 2s infinite; animation: flowarrow 2s infinite; opacity: 0; }
.architecture .guide .flow-start-area span:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }
.architecture .guide .flow-start-area span:nth-of-type(2) { bottom: 25px; -webkit-animation-delay: .15s; animation-delay: .15s; }
.architecture .guide .flow-start-area span:nth-of-type(3) { bottom: 0; -webkit-animation-delay: .3s; animation-delay: .3s; }
.architecture .guide .house-guide-box { padding: 50px 0; }
.architecture .guide .house-guide-box-bg { background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/bg_pt.jpg) repeat; padding: 80px 0; }
.architecture .guide .house-guide-box-bg07 { background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part07_deco.png) no-repeat top right; padding-top: 130px; margin-top: -80px; }
.architecture .guide .house-guide-box--border { position: relative; }
.architecture .guide .house-guide-box--border::before { position: absolute; content: ''; border-bottom: 2px dashed #3e3e3e; max-width: 1200px; width: 100%; height: 2px; bottom: 0; left: 0; right: 0; margin: auto; }
.architecture .guide .house-guide-box .guide-wrap-area--bg { background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part01_ph.png) no-repeat top right; }
.architecture .guide .house-guide-box .guide-wrap-area--bg02 { background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part02_ph.png) no-repeat center left; background-size: contain; position: relative; }
.architecture .guide .house-guide-box .guide-wrap-area--bg02::before { content: ''; position: absolute; background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part02_comment.png) no-repeat center center; background-size: contain; width: 350px; height: 160px; bottom: -90px; left: 0; }
.architecture .guide .house-guide-box .guide-wrap-area--bg03 { background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part03_ph.png) no-repeat top right; }
.architecture .guide .house-guide-box .guide-wrap-area--bg04 { background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part04_ph.png) no-repeat top left; background-size: contain; }
.architecture .guide .house-guide-box .guide-wrap-area--bg06 { background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part06_ph.png) no-repeat top right; background-size: contain; }
.architecture .guide .house-guide-box .guide-wrap-area--bg07 { position: relative; }
.architecture .guide .house-guide-box .guide-wrap-area--bg07::before { content: ''; position: absolute; background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part07_comment.png) no-repeat center center; background-size: contain; width: 300px; height: 150px; top: -80px; left: -50px; }
.architecture .guide .house-guide-box .guide-wrap-area--flex { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; }
.architecture .guide .house-guide-box .guide-box-03img { margin-bottom: -30px; }
.architecture .guide .house-guide-box .guide-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 50%; }
.architecture .guide .house-guide-box .guide-wrap--02 { margin-left: auto; }
.architecture .guide .house-guide-box .guide-wrap--03 { padding-top: 150px; margin-bottom: 40px; }
.architecture .guide .house-guide-box .guide-wrap--06 { padding: 50px 0 20px; }
.architecture .guide .house-guide-box .guide-wrap--07 { margin-top: auto; }
.architecture .guide .house-guide-box .guide-wrap .flow-num img { width: 240px; height: auto; }
.architecture .guide .house-guide-box .guide-wrap .flow-num--03 { position: relative; }
.architecture .guide .house-guide-box .guide-wrap .flow-num--03::before { position: absolute; content: ''; width: 180px; height: 130px; background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part03_deco02.png) no-repeat center center; background-size: contain; top: -150px; right: 190px; }
.architecture .guide .house-guide-box .guide-wrap .flow-num--05 { position: relative; }
.architecture .guide .house-guide-box .guide-wrap .flow-num--05::before { position: absolute; content: ''; width: 200px; height: 260px; background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part05_deco01.png) no-repeat center center; background-size: contain; top: -120px; right: 50px; }
.architecture .guide .house-guide-box .guide-wrap .flow-ttl p { font-size: 2.6rem; font-weight: bold; color: #ffffff; background-color: #000000; padding: 3px 15px; margin: 15px 0 20px; display: inline-block; }
.architecture .guide .house-guide-box .guide-wrap .flow-ph-sub img { width: 400px; height: auto; }
.architecture .guide .house-guide-box .guide-wrap .flow-text { background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/comment_bg.jpg) repeat; padding: 7px; margin-top: 20px; }
.architecture .guide .house-guide-box .guide-wrap .flow-text-wrap { border: 2px solid #ffffff; font-size: 1.5rem; padding: 20px; }
.architecture .guide .house-guide-box .guide-wrap .flow-text-wrap span { font-weight: bold; font-size: 2.1rem; display: block; margin-bottom: 10px; }
.architecture .guide .house-guide-box .guide-wrap .flow-text--img { position: relative; }
.architecture .guide .house-guide-box .guide-wrap .flow-text--img::before { position: absolute; content: ''; bottom: -49px; right: -165px; background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part01_deco.png) no-repeat center center; background-size: contain; width: 200px; height: 140px; }
.architecture .guide .house-guide-box .guide-wrap .flow-text--img-02::before { bottom: inherit; top: -150px; right: 0; background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part02_deco.png) no-repeat center center; background-size: contain; width: 230px; height: 180px; }
.architecture .guide .house-guide-box .guide-wrap .flow-text--img-04::before { bottom: inherit; top: -150px; right: 0; background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part04_deco.png) no-repeat center center; background-size: contain; width: 230px; height: 180px; }
.architecture .guide .house-guide-box .guide-wrap .flow-text--img-05::before { bottom: -120px; right: -10px; background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part05_deco02.png) no-repeat center center; background-size: contain; width: 120px; height: 105px; }
.architecture .guide .house-guide-box .guide-wrap-image { width: 50%; padding-left: 30px; }
.architecture .guide .house-guide-box .guide-wrap-image--07 { padding: 0 30px 0 0; }
@-webkit-keyframes flowarrow { 0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; } }
@keyframes flowarrow { 0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; } } @media screen and (max-width: 1000px) { .architecture .guide .house-guide-box { padding: 70px 0; min-width: 1000px; }
.architecture .guide .house-guide-box-bg07 { padding-top: 120px; margin-top: -110px; }
.architecture .guide .house-guide-box--border::before { max-width: 980px; }
.architecture .guide .house-guide-box .guide-wrap-area--bg { background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part01_ph.png) no-repeat top right; background-size: 75% auto; }
.architecture .guide .house-guide-box .guide-wrap-area--bg02 { background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part02_ph.png) no-repeat center left; background-size: 530px auto; }
.architecture .guide .house-guide-box .guide-wrap-area--bg02::before { width: 300px; height: 150px; bottom: -80px; }
.architecture .guide .house-guide-box .guide-wrap-area--bg03 { background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part03_ph.png) no-repeat top right; background-size: 710px auto; }
.architecture .guide .house-guide-box .guide-wrap-area--bg04 { background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part04_ph.png) no-repeat top left; background-size: 530px auto; }
.architecture .guide .house-guide-box .guide-wrap-area--bg06 { background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part06_ph.png) no-repeat top right; background-size: 710px auto; }
.architecture .guide .house-guide-box .guide-wrap-area--bg07::before { width: 300px; height: 145px; top: -70px; left: -30px; }
.architecture .guide .house-guide-box .guide-wrap .flow-num--05::before { right: 0; } } @media screen and (max-width: 750px) { .architecture .guide .flow-ttl { font-size: 2rem; }
.architecture .guide .flow-ttl-concpet { margin: 0 auto 5px; font-size: 2.3rem; display: inline-block; letter-spacing: -0.015em; }
.architecture .guide .flow-ttl .flow-ttl-en { font-size: 2.5rem; }
.architecture .guide .flow-bar-area .flow-bar-wrap { display: none; }
.architecture .guide .flow-start-area { padding-bottom: 70px; }
.architecture .guide .flow-start-area img { width: 200px; }
.architecture .guide .flow-start-area span { bottom: 40px; width: 56px; margin-left: -28px; }
.architecture .guide .flow-start-area span:nth-of-type(2) { bottom: 20px; }
.architecture .guide .flow-start-area span:nth-of-type(3) { bottom: 0; }
.architecture .guide .house-guide-box { padding: 50px 0; min-width: auto; }
.architecture .guide .house-guide-box-bg { background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/bg_pt.jpg) repeat; background-size: 25px; }
.architecture .guide .house-guide-box-bg07 { background: #ffffff url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part07_deco.png) no-repeat top right; background-size: contain; padding-top: 90px; margin-top: -70px; }
.architecture .guide .house-guide-box--border::before { max-width: 90%; }
.architecture .guide .house-guide-box .guide-wrap-area--bg { background-size: contain; padding-top: 62%; }
.architecture .guide .house-guide-box .guide-wrap-area--bg02 { background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part02_ph.png) no-repeat bottom center; background-size: contain; padding-bottom: 70%; }
.architecture .guide .house-guide-box .guide-wrap-area--bg02::before { width: 220px; height: 110px; bottom: -70px; }
.architecture .guide .house-guide-box .guide-wrap-area--bg03 { background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part03_ph.png) no-repeat bottom center; background-size: contain; padding-bottom: 67%; margin-bottom: 15px; }
.architecture .guide .house-guide-box .guide-wrap-area--bg04 { background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part04_ph.png) no-repeat top left; background-size: contain; }
.architecture .guide .house-guide-box .guide-wrap-area--bg06 { background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part06_ph.png) no-repeat top right; background-size: contain; padding-top: 43%; }
.architecture .guide .house-guide-box .guide-wrap-area--bg07::before { content: none; }
.architecture .guide .house-guide-box .guide-wrap-area--flex { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.architecture .guide .house-guide-box .guide-wrap-area--flex-reverse { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
.architecture .guide .house-guide-box .guide-box-03img { margin-bottom: -50px; }
.architecture .guide .house-guide-box .guide-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; }
.architecture .guide .house-guide-box .guide-wrap--02 { margin-left: auto; }
.architecture .guide .house-guide-box .guide-wrap--03 { padding-top: 0; margin-bottom: 0; }
.architecture .guide .house-guide-box .guide-wrap--06 { padding: 50px 0 20px; }
.architecture .guide .house-guide-box .guide-wrap--07 { margin-top: auto; }
.architecture .guide .house-guide-box .guide-wrap .flow-num img { width: 180px; }
.architecture .guide .house-guide-box .guide-wrap .flow-num--03 { position: relative; }
.architecture .guide .house-guide-box .guide-wrap .flow-num--03::before { width: 110px; height: 80px; top: 70px; right: 0; }
.architecture .guide .house-guide-box .guide-wrap .flow-num--05::before { width: 140px; height: 180px; top: -80px; right: 0; }
.architecture .guide .house-guide-box .guide-wrap .flow-ttl p { font-size: 2rem; }
.architecture .guide .house-guide-box .guide-wrap .flow-ph-sub { height: 100%; margin-bottom: 15px; }
.architecture .guide .house-guide-box .guide-wrap .flow-ph-sub img { width: 90%; height: inherit; margin: 0 auto 20px; display: block; }
.architecture .guide .house-guide-box .guide-wrap .flow-text { margin-top: 0; }
.architecture .guide .house-guide-box .guide-wrap .flow-text-wrap { font-size: 1.4rem; padding: 16px; }
.architecture .guide .house-guide-box .guide-wrap .flow-text-wrap span { font-size: 1.7rem; }
.architecture .guide .house-guide-box .guide-wrap .flow-text--img::before { bottom: -59px; right: 0; width: 137px; height: 95px; }
.architecture .guide .house-guide-box .guide-wrap .flow-text--img-02::before { bottom: -60px; top: inherit; right: 5px; width: 110px; height: 90px; }
.architecture .guide .house-guide-box .guide-wrap .flow-text--img-04::before { top: -80px; width: 80px; height: 110px; }
.architecture .guide .house-guide-box .guide-wrap .flow-text--img-05::before { bottom: -65px; right: inherit; left: 5px; width: 90px; height: 85px; }
.architecture .guide .house-guide-box .guide-wrap-image { width: 90%; height: 100%; padding-left: 0; display: block; margin: 20px auto 0; }
.architecture .guide .house-guide-box .guide-wrap-image--07 { padding: 0; position: relative; }
.architecture .guide .house-guide-box .guide-wrap-image--07::before { content: ''; position: absolute; background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/guide/part07_comment.png) no-repeat center center; background-size: contain; width: 200px; height: 100px; top: -40px; left: -25px; } } .ac-container { width: auto; margin: 20px auto; border: 8px solid #e9e9f3; }
.ac-container .checkbox-input { display: none; }
.ac-container .checkbox-input:checked + .accordion-trigger .accordion-trigger__parts::before { transform: rotateZ(180deg); }
.accordion-trigger { width: 100%; margin: auto; padding: 12px 5px 10px 50px; position: relative; display: block; height: 50px; cursor: pointer; background: url(//www.homes-g.com/wp-content/themes/kyma/images/recommend/renewal_1804/icon_area.png) no-repeat left; background-size: 26px auto; background-position-x: 15px; transition: all .3s; -webkit-transition: all .3s; }
.accordion-trigger.ac-bunjo-contents { background: url(//www.homes-g.com/wp-content/themes/kyma/images/recommend/renewal_1804/icon_bunjo.png) no-repeat left; background-size: 26px auto; background-position-x: 15px; }
.accordion-trigger:hover { background-color: #e9e9f3; }
.accordion-trigger .accordion-trigger__parts { color: #333; font-size: 18px; font-weight: bold; letter-spacing: 2px; position: relative; display: block; }
.accordion-trigger .accordion-trigger__parts::before { color: #3d4b8c; font-family: "FontAwesome"; content: "\f0d7"; position: absolute; top: -8px; right: 18px; font-size: 28px; transition-property: transform; transition-duration: .5s; }
.accordion-target { box-sizing: border-box; overflow: hidden; transition: height .4s ease-out; text-align: left; display: none; }
.accordion-target .ac-area { padding: 10px; border-top: 2px solid #E9E9F3; }
.accordion-target .ac-area__in .ac-area--map { width: 481px; }
.accordion-target .ac-area__in .ac-area--text { padding-left: 15px; width: calc(100% - 481px); }
.accordion-target .ac-area__in .ac-area--text .text-list { padding: 0; border-top: none; }
.accordion-target .ac-area__in .ac-area--text .text-list__in { border-bottom: 1px dashed #ccc; margin-bottom: 15px; }
.accordion-target .ac-area__in .ac-area--text .text-list__in:last-of-type { border-bottom: none; margin-bottom: 0; }
.accordion-target .ac-area__in .ac-area--text .text-list__in.is-active .bunjo-ttl-btn { opacity: .6; }
.accordion-target .ac-area__in .ac-area--text .text-list__in.is-active .bunjo-ttl-btn i { margin-right: 4px; margin-left: 4px; }
.accordion-target .ac-area__in .ac-area--text .text-list__in .bunjo-ttl-btn { background-color: #0c1e72; padding: 7px 10px; color: #ffffff; display: inline-block; width: 110px; text-align: center; font-size: 14px; font-weight: bold; position: relative; }
.accordion-target .ac-area__in .ac-area--text .text-list__in .bunjo-ttl-btn a { height: 100%; left: 0; position: absolute; text-indent: -999px; top: 0; width: 100%; }
.accordion-target .ac-area__in .ac-area--text .text-list__in .bunjo-ttl-btn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; }
@media screen and (max-width: 750px) { .accordion-target .ac-area__in .ac-area--text .text-list__in .bunjo-ttl-btn:hover { opacity: 1; } }
.accordion-target .ac-area__in .ac-area--text .text-list__in .bunjo-ttl-btn i { margin-right: 8px; transition: .3s; }
.accordion-target .ac-area__in .ac-area--text .text-list__in .bunjo-ttl-btn:hover i { margin-right: 4px; margin-left: 4px; }
.accordion-target .ac-area__in .ac-area--text .text-list__in .bunjo-item { font-size: 14px; }
.accordion-target .ac-area__in .ac-area--text .text-list__in .bunjo-item-in { margin-right: 20px; padding-bottom: 8px; display: inline-block; }
.accordion-target .text-list { padding: 10px; border-top: 2px solid #E9E9F3; }
.accordion-target .text-list__in { border-bottom: 1px dashed #ccc; margin-bottom: 15px; padding-bottom: 15px; }
.accordion-target .text-list__in:last-of-type { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.accordion-target .text-list__in .bunjo-ttl-btn { background-color: #a9aecb; padding: 7px 10px; margin-right: 20px; color: #ffffff; display: inline-block; width: 110px; text-align: center; font-size: 14px; font-weight: bold; width: 10%; }
.accordion-target .text-list__in .bunjo-item { font-size: 14px; width: 85%; padding-top: 9px; }
.accordion-target .text-list__in .bunjo-item-in { margin-right: 20px; display: inline-block; padding-bottom: 8px; line-height: 1; }
.accordion-target .text-list__in .bunjo-item-in:hover a { color: #0c1e72; text-decoration: underline; transition: .3s; }
.accordion-target .text-list__in .bunjo-item-in i { margin-right: 3px; } @media screen and (max-width: 750px) { .accordion-trigger { padding: 14px 5px 10px 50px; font-size: 16px; }
.accordion-target .ac-area { padding: 10px; border-top: 2px solid #E9E9F3; }
.accordion-target .ac-area__in .ac-area--text { padding-left: 0; width: 100%; }
.accordion-target .ac-area__in .ac-area--text .text-list { padding: 0; border-top: none; }
.accordion-target .ac-area__in .ac-area--text .text-list__in .bunjo-ttl-btn { padding: 15px 10px; width: 100%; }
.accordion-target .text-list__in { padding-bottom: 0; }
.accordion-target .text-list__in .bunjo-ttl-btn { width: 100%; margin-bottom: 10px; margin-right: 0; }
.accordion-target .text-list__in .bunjo-item { width: 100%; padding-top: 0; }
.accordion-target .text-list__in .bunjo-item-in { display: block; padding-bottom: 15px; width: 100%; margin-bottom: 0; } }
.ttl-excellent { position: relative; line-height: 1.4; display: inline-block; font-size: 2rem; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; color: #000; font-weight: 600; }
@media screen and (min-width: 768px) { .ttl-excellent { font-size: 2.6rem; } }
.ttl-excellent--md { font-size: 1.8rem; }
@media screen and (min-width: 768px) { .ttl-excellent--md { font-size: 2.3rem; } }
.p-excellent { line-height: 1.7;   }
.p-excellent__in { margin-top: 50px; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
@media screen and (min-width: 768px) { .p-excellent__in { margin-top: 50px; } }
.p-excellent-mv { min-height: 667px; height: calc(100svh - 60px); min-height: calc(667px - 60px); max-height: calc(667px - 60px); width: 100%; position: relative; background: #f4f4f4; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
@media screen and (min-width: 750px) and (max-width: 950px) { .p-excellent-mv { width: 116%; height: calc(100svh - 60px); width: 130%; min-height: calc(800px - 60px); max-height: calc(800px - 60px); } }
@media screen and (min-width: 950px) { .p-excellent-mv { width: 100%; height: calc(100svh - 60px); width: 100%; min-height: calc(800px - 60px); max-height: calc(800px - 60px); } }
@media screen and (max-width: 380px) and (max-height: 640px) { .p-excellent-mv { width: 100%; height: calc(100svh - 256px); width: 100%; min-height: calc(800px - 256px); max-height: calc(800px - 256px); } }
@media screen and (max-height: 667px) and (max-width: 357px) { .p-excellent-mv { height: calc(100svh - 123px); width: 100%; min-height: calc(667px - 123px); max-height: calc(667px - 123px); } }
.p-excellent-mv__house { position: absolute; top: 186px; right: 10px; width: 89%; max-width: 486px; top: 60%; transform: translateY(-50%); overflow: hidden; }
@media screen and (min-width: 455px) { .p-excellent-mv__house { top: 44%; } }
@media screen and (min-width: 768px) { .p-excellent-mv__house { position: absolute; transform: none; top: 143px; right: 53px; width: 67%; max-width: 944px; } }
@media screen and (min-width: 992px) { .p-excellent-mv__house { width: 70%; } }
@media screen and (min-width: 1300px) { .p-excellent-mv__house { right: 111px; width: 49%; top: 203px; } }
@media screen and (min-width: 1750px) { .p-excellent-mv__house { top: 138px; width: 42%; } }
@media screen and (max-width: 380px) and (max-height: 640px) { .p-excellent-mv__house { top: 55%; } }
@media screen and (max-width: 380px) and (min-height: 640px) and (max-height: 667px) { .p-excellent-mv__house { top: 49%; } }
.p-excellent-mv__bg { position: absolute; top: 0; left: -42px; width: 80px; }
@media screen and (min-width: 768px) { .p-excellent-mv__bg { position: absolute; top: 0; left: -24px; width: 100px; max-width: 98px; } }
@media screen and (max-height: 667px) { .p-excellent-mv__bg { left: -36px; width: 72px; } }
@media screen and (max-width: 380px) and (min-height: 640px) and (max-height: 667px) { .p-excellent-mv__bg { left: -47px; width: 80px; } }
.p-excellent-mv__entxt { position: absolute; top: 6px; left: 42px; width: 25%; }
@media screen and (min-width: 768px) { .p-excellent-mv__entxt { position: absolute; top: 12px; left: 85px; width: 13%; max-width: 174px; } }
.p-excellent-mv-copy { position: absolute; top: 3%; color: #000; font-size: 20px; font-weight: 800; left: -28%; transform: translateX(23%); font-weight: bold; writing-mode: vertical-rl; text-orientation: upright; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; color: #000; font-weight: 600; width: 100%; }
@media screen and (min-width: 375px) { .p-excellent-mv-copy { left: -30%; } }
@media screen and (min-width: 768px) { .p-excellent-mv-copy { writing-mode: horizontal-tb; font-size: 40px; top: 47%; left: 4%; width: auto; transform: translateX(11%); } }
.p-excellent-mv-copy__num { display: inline-block; }
.p-excellent-mv-copy__in { line-height: 1.8; letter-spacing: 0.5rem; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
@media screen and (min-width: 768px) { .p-excellent-mv-copy__in { line-height: 1.5; } }
.p-excellent-mv-copy__in:first-of-type { background: rgba(255, 255, 255, 0.9); padding: 20px 10px; }
@media screen and (min-width: 768px) { .p-excellent-mv-copy__in:first-of-type { padding: 7px 24px; background: rgba(255, 255, 255, 0.8); } }
.p-excellent-mv-copy__in:last-of-type { background: rgba(255, 255, 255, 0.9); position: relative; margin-right: 20px; top: 18%; height: 90%; padding: 20px 10px 0; }
@media screen and (min-width: 768px) { .p-excellent-mv-copy__in:last-of-type { padding: 7px 20px; position: relative; margin-top: 20px; left: 21%; background: rgba(255, 255, 255, 0.8); } }
.p-excellent-basictxt { font-size: 14px; }
@media screen and (min-width: 768px) { .p-excellent-basictxt { font-size: 16px; } }
.p-excellent-basictxt__md { font-size: 12px; }
@media screen and (min-width: 768px) { .p-excellent-basictxt__md { font-size: 14px; } }
.p-excellent-basictxt__sm { font-size: 11px; }
@media screen and (min-width: 768px) { .p-excellent-basictxt__sm { font-size: 12px; } }
.p-excellent-description { margin: 0 auto; position: relative; margin-bottom: 80px !important; }
@media screen and (min-width: 768px) { .p-excellent-description { margin-bottom: 170px !important; } }
.p-excellent-description-txt { margin: 20px 0 10px; font-size: 15px; }
@media screen and (min-width: 768px) { .p-excellent-description-txt { margin: 35px 0 20px; font-size: 18px; } }
.p-excellent-description-bgtxt { color: #f3f3f3; position: absolute; bottom: -92px; left: 10px; font-size: 35px; font-weight: 500; line-height: 1.2; }
@media screen and (min-width: 768px) { .p-excellent-description-bgtxt { font-size: 60px; bottom: -149px; left: 10px; letter-spacing: 3px; line-height: 1.1; } }
.p-excellent-standard { background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/excellent/img_standard_sp.png) center top 1px no-repeat; background-size: 306%; min-height: 800px; margin: 0 auto 75px !important; width: 100%; }
@media screen and (min-width: 768px) { .p-excellent-standard { background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/excellent/img_standard_pc.png) center center no-repeat; background-size: 280%; min-height: 680px; min-width: 1000px; margin-bottom: 0; } }
@media screen and (min-width: 992px) { .p-excellent-standard { background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/excellent/img_standard_pc.png) center center no-repeat; background-size: 245%; min-height: 680px; } }
@media screen and (min-width: 1200px) { .p-excellent-standard { background: url(//www.homes-g.com/wp-content/themes/kyma/images/architecture/excellent/img_standard_pc.png) center center no-repeat; background-size: 200%; min-height: 680px; } }
.p-excellent-standard__in { padding: 35px 0; margin: 0 auto; }
@media screen and (min-width: 768px) { .p-excellent-standard__in { padding: 80px 0; } }
.p-excellent-standard-ttl { font-size: 30px; }
@media screen and (min-width: 768px) { .p-excellent-standard-ttl { font-size: 55px; line-height: 1.3; } }
.p-excellent-standard-ttl span { color: #A40B5D; }
@media screen and (min-width: 768px) { .p-excellent-standard-ttl span { font-size: 55px; line-height: 1.3; } }
.p-excellent-standard-txt { margin: 15px 0 30px; }
@media screen and (min-width: 768px) { .p-excellent-standard-txt { margin: 20px 0 60px; } }
.p-excellent-standard-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
@media screen and (min-width: 768px) { .p-excellent-standard-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 40px 0px; } }
.p-excellent-standard-item { background: grey; padding: 17px 13px; margin-bottom: 25px; }
@media screen and (min-width: 768px) { .p-excellent-standard-item { width: 30%; height: 380px; padding: 15px; margin-bottom: 0; } }
.p-excellent-standard-item:first-child { background: none; margin-bottom: 10px; padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
@media screen and (min-width: 768px) { .p-excellent-standard-item:first-child { margin-bottom: 0; padding: 15px; } }
.p-excellent-standard-item:nth-child(2) { background: rgba(255, 249, 245, 0.8); }
.p-excellent-standard-item:nth-child(3) { background: rgba(245, 237, 233, 0.8); }
.p-excellent-standard-item:nth-child(4) { background: rgba(248, 251, 248, 0.8); }
.p-excellent-standard-item:nth-child(5) { background: rgba(247, 246, 251, 0.8); }
.p-excellent-standard-item:nth-child(6) { background: rgba(255, 255, 249, 0.8); }
.p-excellent-standard-item-ttl { font-size: 30px; text-align: center; letter-spacing: 0.1em; line-height: 1.2; }
@media screen and (min-width: 768px) { .p-excellent-standard-item-ttl { font-size: 50px; } }
.p-excellent-standard-item-ttl span { color: #A40B5D; font-weight: 800; font-size: 36px; }
@media screen and (min-width: 768px) { .p-excellent-standard-item-ttl span { font-size: 55px; } }
.p-excellent-standard-item__in { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 10px; }
@media screen and (min-width: 768px) { .p-excellent-standard-item__in { padding: 15px; } }
.p-excellent-standard-item__main { font-size: 18px; margin-bottom: 10px; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
@media screen and (min-width: 768px) { .p-excellent-standard-item__main { font-size: 24px; } }
.p-excellent-standard-item__ttl { font-size: 16px; margin-bottom: 10px; text-align: center; line-height: 1; }
@media screen and (min-width: 768px) { .p-excellent-standard-item__ttl { font-size: 18px; } }
.p-excellent-standard-item__ttl span { color: #A40B5D; font-size: 25px; }
@media screen and (min-width: 768px) { .p-excellent-standard-item__ttl span { font-size: 35px; } }
.p-excellent-standard-item__ttl__sm { font-size: 12px; margin-bottom: 10px; margin-top: -5px; }
@media screen and (min-width: 768px) { .p-excellent-standard-item__ttl__sm { font-size: 14px; margin-top: -7px; } }
.p-excellent-standard-item__icon { width: 50%; margin-bottom: 10px; }
.p-excellent-standard-item__icon img { width: 100%; }
.p-excellent-standard-item__icon--01 { width: 38%; }
@media screen and (min-width: 768px) { .p-excellent-standard-item__icon--01 { width: 38%; } }
.p-excellent-standard-item__icon--02 { width: 16%; }
@media screen and (min-width: 768px) { .p-excellent-standard-item__icon--02 { width: 16%; } }
.p-excellent-standard-item__icon--03 { width: 22%; }
@media screen and (min-width: 768px) { .p-excellent-standard-item__icon--03 { width: 26%; } }
.p-excellent-standard-item__icon--04 { width: 23%; }
@media screen and (min-width: 768px) { .p-excellent-standard-item__icon--04 { width: 26%; } }
.p-excellent-standard-item__icon--05 { width: 25%; }
@media screen and (min-width: 768px) { .p-excellent-standard-item__icon--05 { width: 26%; } }
.p-excellent-standard-item__txt { font-size: 12px; line-height: 1.8; margin: 15px 0 0 !important; }
@media screen and (min-width: 768px) { .p-excellent-standard-item__txt { font-size: 14px; } }
.p-excellent-merit-ttl { font-size: 18px; }
@media screen and (min-width: 768px) { .p-excellent-merit-ttl { font-size: 20px; } }
.p-excellent-merit-txt { margin: 20px 0 30px; }
@media screen and (min-width: 768px) { .p-excellent-merit-txt { margin: 20px 0 50px; } }
.p-excellent-merit__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
@media screen and (min-width: 768px) { .p-excellent-merit__list { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } }
.p-excellent-merit__item { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; 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; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; align-items: flex-start; justify-content: flex-start; border: 1px solid #000; border-left: 3px solid #000; margin-bottom: 20px; padding: 15px 20px; min-height: 100px; }
@media screen and (min-width: 768px) { .p-excellent-merit__item { width: 49%; height: 150px; border-top: none; border-right: none; margin-bottom: 10px; padding: 15px 20px; } }
.p-excellent-merit dl { margin-bottom: 0; }
.p-excellent-merit__ttl { font-size: 14px; margin-bottom: 10px; }
@media screen and (min-width: 768px) { .p-excellent-merit__ttl { font-size: 16px; } }
.l-section { margin-bottom: 20px; }
@media screen and (min-width: 768px) { .l-section { margin-bottom: 60px; } } .js-anime--fadeInUp { opacity: 0; } .js-animated-delay-01 { animation-delay: 0s !important; }
.js-animated-delay-01:after { animation-delay: 0s !important; }
.js-animated-delay-02 { animation-delay: 0.2s !important; }
.js-animated-delay-02:after { animation-delay: 0.2s !important; }
.js-animated-delay-03 { animation-delay: 0.4s !important; }
.js-animated-delay-03:after { animation-delay: 0.4s !important; }
.js-animated-delay-04 { animation-delay: 0.6s !important; }
.js-animated-delay-04:after { animation-delay: 0.6s !important; }
.js-animated-delay-04-1 { animation-delay: 0.63s !important; }
.js-animated-delay-04-2 { animation-delay: 0.66s !important; }
.js-animated-delay-04-3 { animation-delay: 0.71s !important; }
.js-animated-delay-04-4 { animation-delay: 0.74s !important; }
.js-animated-delay-04-5 { animation-delay: 0.77s !important; }
.js-animated-delay-05 { animation-delay: 0.8s !important; }
.js-animated-delay-05:after { animation-delay: 0.8s !important; }
.js-animated-delay-06 { animation-delay: 1.0s !important; }
.js-animated-delay-06:after { animation-delay: 1.0s !important; }
.js-animated-delay-07 { animation-delay: 1.2s !important; }
.js-animated-delay-07:after { animation-delay: 1.2s !important; }
.js-animated-delay-08 { animation-delay: 1.4s !important; }
.js-animated-delay-08:after { animation-delay: 1.4s !important; }
.js-animated-delay-09 { animation-delay: 1.6s !important; }
.js-animated-delay-09:after { animation-delay: 1.6s !important; }
.js-animated-delay-10 { animation-delay: 1.8s !important; }
.js-animated-delay-10:after { animation-delay: 1.8s !important; }
.js-animated-delay-11 { animation-delay: 2.0s !important; }
.js-animated-delay-11:after { animation-delay: 2.0s !important; }
.js-animated-delay-12 { animation-delay: 2.2s !important; }
.js-animated-delay-12:after { animation-delay: 2.2s !important; }
.js-animated-delay-13 { animation-delay: 2.4s !important; }
.js-animated-delay-13:after { animation-delay: 2.4s !important; }