@charset "utf-8";


@media only screen and (max-width: 1900px) {
#home-content-philosophy {
    background-size: auto 320px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
}

@media only screen and (max-width: 1740px) {
#home-content-philosophy {
    background-size: auto 270px;
}
}

@media only screen and (max-width: 1600px) {
#home-content-philosophy .home-content-section-inner {
    padding: 78px 0 220px;
}
}

@media only screen and (max-width: 1560px) {
#home-content-concept {
    background-size: auto 450px;
}
#home-content-concept:after {
    background-size: auto 450px;
}
#home-content-concept .home-content-section-inner > p {
    margin: 0 0 410px 230px;
}
}

@media only screen and (max-width: 1495px) {
.page-modelhouse #modelhouse-bnr-wrap {
    box-sizing: border-box;
    padding: 10px 5px;
    width: 100%;
}
.page-modelhouse .modelhouse-bnr {
    height: auto;
    position: relative;
    width: calc(25% - 10px);
}
.page-modelhouse .modelhouse-bnr:before {
    content: "";
    display: block;
    padding-top: calc(100% * 260 / 364);
}
.page-modelhouse .modelhouse-bnr img {
    height: auto;
    width: 100%;
}
}


@media only screen and (max-width: 1400px) {
#home-content-concept {
    background-size: auto 420px;
}
#home-content-concept:after {
    background-size: auto 420px;
}
#home-content-concept .home-content-section-inner > p {
    margin: 0 0 370px 230px;
}
}

@media only screen and (max-width: 1350px) {
#home-content-philosophy {
    background-size: auto 250px;
}
#home-content-concept {
    background-size: auto 390px;
}
#home-content-concept:after {
    background-size: auto 390px;
}
#home-content-concept .home-content-section-inner > p {
    margin: 0 0 340px 230px;

}
#concept-element {
    top: 254px;
}

}

@media only screen and (max-width: 1279px) {
#content-wbkouhou02 .content-section-inner {
    padding: 108px 0 46px;
    width: 100%;
}
#content-wbkouhou02 .content-section-inner #wb-circle {
    margin-left: -24px;
    top: 390px;
}
#content-wbkouhou02 .content-section-inner #wb02 {
    margin-left: 42px;
    top: 126px;
}
#content-wbkouhou02 .content-section-inner #wb-point {
    left: 50%;
    margin-left: -500px;
}
#content-wbkouhou02 .content-section-inner #wb01 {
    margin-left: -477px;
}
.information-wrapper {
    margin: 0;
    padding: 0 20px;
    width: auto;
}
.home-event-list .post-date {
    margin-top: 0;
}
.information-wrapper .col {
    padding: 30px 16px 16px;
    width: calc((100% - 20px) / 3);
}
.home-information .btn-more {
    bottom: 16px;
    right: 16px;
}
.information-wrapper .ttl {
    margin-bottom: 24px;
}
}

@media only screen and (max-width: 1240px) {
.modal-img {
    width: 100%;
}
.modal-img img {
    height: auto;
    width: 100%;
}
}

@media only screen and (max-width: 1230px) {
#home-content-concept {
    background-size: auto 370px;
}
#home-content-concept:after {
    background-size: auto 370px;
}
}

@media only screen and (max-width: 1200px) {
#content-works-archive .content-section-inner {
    margin: 0;
    padding: 60px 60px 0;
    width: auto;
}
#content-reform .content-section-inner {
    margin: 0;
    padding: 0;
    width: auto;
}
#content-reform .content-section-inner:nth-child(1) {
    margin-top: 60px;
}
#content-reform .content-section-inner:nth-child(3) {
    margin-top: 40px;
    padding: 0 40px;
}
.reform-msg {
    font-size: 17px;
    margin-bottom: 60px;
    padding: 0 40px;
}
.reform-bnr-wrap {
    padding: 0 40px;
}
.ready-message {
    margin: 0 auto 60px;
}
.page-works #content-body > ul,
.page-works-b #content-body > ul,
.page-works-reform #content-body > ul,
.page-works-c #content-body > ul,
.single-works-new #content-body > ul,
.single-works-renovation #content-body > ul,
.single-works-reduction #content-body > ul {
    margin: 90px 60px 0;
    width: auto;
}
#content-works-archive li.work-archive-box {
    margin: 20px 0;
    transition: all 1.0s;
    -webkit-transition: all 1.0s;
}
}


@media only screen and (max-width: 1179px) {
    .reasons-compare .compare-col.popular li:nth-child(2n) {
        margin-left: 10px;
    }
    .reasons-compare .compare-col.popular li {
        max-width: calc(50% - 5px);
    }
    .reasons-compare .compare-col.popular ul {
        max-width: 486px;
        margin: 0 auto;
    }
    .reasons-compare .compare-col.popular .note {
        max-width: 486px;
    }
    .reasons-compare .compare-col.popular img {
        width: 100%;
    }
}


@media only screen and (max-width: 1149px) {
#content-wbkouhou02 .content-section-inner #wb01 {
    margin-bottom: 20px;
    margin-left: -526px;
    opacity: 0;
    transition: opacity 1.4s ease 0s, transform 1.4s ease 0s;
    -webkit-transition: opacity 1.4s ease 0s, -webkit-transform 1.4s ease 0s;
}
#content-wbkouhou02 .content-section-inner #wb02 {
    margin-left: -234px;
    position: relative;
    top: 0;
    transition: opacity 1.2s ease 3.5s, transform 1.2s ease 4s;
}
#content-wbkouhou02.show .content-section-inner #wb01 {
    transform: translate(80px, 0px);
}
#content-wbkouhou02.show .content-section-inner #wb02 {
    transform: translate(0, 0px);
}
#content-wbkouhou02 .content-section-inner #wb-circle {
    margin-left: 184px;
}
.noie #content-wbkouhou02.show .content-section-inner #wb-circle .circle {
    -webkit-animation: 1.2s ease-in-out 1.5s normal forwards 1 running circle;
            animation: 1.2s ease-in-out 1.5s normal forwards 1 running circle;
}
#content-wbkouhou02 .content-section-inner #wb-point {
    font-size: 14px;
    margin-left: -200px;
}
#content-wbkouhou02 .content-section-inner #wb02:before {
    transform: translate(-49px, -31px) rotate(128deg);
}
}

@media only screen and (max-width: 1130px) {
#home-content-works-list li.top-works01, #home-content-works-list li.top-works02, #home-content-works-list li.top-works03 {
    margin-right: 0px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#home-content-works-list li {
    padding: 0;
}
#home-content-works .home-content-section-inner {
    width: 960px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
}

@media only screen and (max-width: 1100px) {
#works-single {
    margin: 0;
    padding: 0 0px 30px;
    width: auto;
}
#works-description .left {
    float: none;
    margin: 0 auto 20px;
    width: 668px;
}
#works-description .left:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}
#works-description .left ul {
    box-sizing: border-box;
    float: left;
    margin: 0 20px 0 0;
    width: 324px;
}
#works-description .left figure {
    float: right;
}
#works-description .right {
    float: none;
    width: auto;
}
}


@media only screen and (max-width: 1099px) {
#content-modelhouse-photo .content-section-inner {
    margin: 0;
    width: 100%;
}
#content-modelhouse-photo ul {
    width: 940px;
    justify-content: center;
}
#content-modelhouse-photo li.hz {
    height: 180px;
    padding: 10px;
    width: 180px;
}
#content-modelhouse-photo li.vt {
    height: 180px;
    padding: 10px;
    width: 120px;
}
/* #content-modelhouse-photo li.vt:nth-child(16) {
    margin-left: 30px;
}
#content-modelhouse-photo li.hz:nth-child(21) {
    margin-left: 30px;
}
#content-modelhouse-photo li.hz img {
    height: 120px;
    width: 180px;
}
#content-modelhouse-photo li.vt img {
    height: 180px;
    width: 120px;
} */
#header-nav {
    display: none;
}
#btn-mobile-menu {
    display: none;
}
#btn-mobile-menu2 {
    display: block;
}
#btn-side-wrap {
    display: none;
}
}

@media only screen and (max-width: 1059px) {
    .ua-graph {
        height: auto;
        padding: 20px;
    }
    .ua-piramid {
        left: 0;
        margin: 0 auto 20px;
        position: relative;
        top: 0;
    }
    .ua-graph-tbl {
        width: 686px;
        margin: 0 auto;
    }
    .ua-graph-note {
        margin: 13px auto 0;
        width: 686px;
    }
    .ua-graph-tbl th:nth-child(1), .ua-graph-tbl td:nth-child(1) {
        width: 218px;
    }
    .ua-graph-tbl tr.seiyu-std div {
        position: relative;
    }
    .ua-graph-tbl tr.seiyu-std .none {
        align-items: center;
        background-color: #7eb26b;
        border-radius: 4px;
        bottom: 0;
        color: #FFF;
        display: flex;
        height: 24px;
        justify-content: center;
        left: 16px;
        line-height: 1;
        margin: auto;
        position: absolute;
        top: 0;
        width: 74px;
    }
    .ua-graph-tbl tbody tr:nth-child(5) td:nth-child(1) {
        padding: 9px 13px 9px;
    }
    .ua-graph-tbl tbody tr:nth-child(6) td:nth-child(1) {
        padding: 9px 13px 9px;
    }
    .ua-graph-tbl tbody tr:nth-child(7) td:nth-child(1) {
        padding: 9px 13px 9px;
    }
}


@media only screen and (max-width: 1040px) {
.page-new .content-section,
.page-renovation .content-section {
    padding: 0 20px;
}
.page-new .content-section-inner,
.page-renovation .content-section-inner {
    width: auto;
}
.page-new .content-section-inner .service-part-caption {
    width: calc(100% - 237px);
}
.page-renovation .content-section-inner .service-part-caption {
    width: calc(100% - 148px);
}
}

@media only screen and (max-width: 1039px) {
#content-modelhouse-plan .content-section-inner {
    margin: 0;
    padding: 90px 20px 30px;
    width: auto;
}
#plan-view {
    margin: 0 auto 40px;
    width: 420px;
}
#plan-highlight {
    padding: 0 20px;
}
#plan-highlight .left {
    float: none;
    width: auto;
}
#plan-highlight .right {
    float: none;
    width: auto;
}
#wood-info > .right {
    width: calc(100% - 336px);
}
#modal-taika-kouzou.modal-content {
    width: 570px;
}
#modal-taika-kouzou .left {
    float: none;
    margin-bottom: 15px;
}
#modal-taika-kouzou .right {
    float: none;
    margin: 0 auto;
}
#modal-taika-kouzou .left h3 {
    padding: 0 0 20px;
}
#modal-zeh h3 {
    padding: 0 0 25px;
}
#modal-zeh.modal-content {
    width: 570px;
}
#modal-zeh .left {
    float: none;
    margin-bottom: 15px;
    width: auto;
}
#modal-zeh .right {
    float: none;
    width: auto;
}
#modal-zeh li:nth-child(n+4) {
    margin-top: 10px;
}
#archive-land {
    margin: 0;
    padding: 80px 20px 100px;
    width: auto;
}
#archive-land #hdr-toyama-landinfo {
    text-align: center;
}
#archive-land .hdr02 {
    text-align: center;
}
.land-info-box .ttl {
    text-align: center;
}
.land-info-box .left {
    float: none;
    margin: 16px auto 20px;
}
.land-info-box .right {
    float: none;
    width: 100%;
}
td.col1 {
    display: none;
    width: 0;
}
td.col2 {
    width: 50%;
}
td.col3 {
    width: 25%;
}
td.col4 {
    width: 25%;
}
.no-results {
    text-align: center;
}
.land-info-box .detail-link ul {
    margin: -8px -2px 0;
    text-align: center;
}
.land-info-box .detail-link li {
    float: none;
    margin: 8px 2px 0;
    display: inline-block;
}
.land-info-box table td {
    text-align: center;
}

#single-land {
    margin: 0;
    padding: 80px 20px 100px;
    width: auto;
}
#single-land #hdr-toyama-landinfo {
    margin-bottom: 20px;
    text-align: center;
}
.lhdr01 {
    text-align: center;
}
#single-land .bx-wrapper {
    float: none;
    margin: 0 auto;
}
#single-land .photoGallery {
    height: 612px;
}
#single-land .bx-pager {
    float: none;
    margin: 0 auto;
    padding-top: 6px;
    width: 668px;
}
#single-land .bx-pager a {
    border:none;
    display: block;
    float: left;
    height: auto;
    margin-left: 3px;
    margin-right: 3px;
    overflow: hidden;
    position: relative;
    width: calc((100% - 37px) / 6);
}
#single-land .bx-pager a:before {
    content: "";
    display: block;
    padding-top: 100%;
}
#single-land .bx-pager a img {
    height: auto;
    margin-top: 0 !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#land-link01 li#btn-land-link01-1,
#land-link01 li#btn-land-link01-2 {
    display: none;
}
#btn-land-link01-3 a {
    width: 284px;
}
#land-link02 a {
    height: 48px;
    padding-top: 12px;
    width: 284px;
}
#land-link02 a img {
    height: 17px;
    width: auto;
}
#archive-modelplan {
    padding: 90px 20px 30px;
    width: auto;
}
.page-yuryo .content-lead-wrap {
    padding: 90px 20px 40px;
}
.page-yuryo .content-lead-wrap .inner {
    margin: 0;
    width: 100%;
}
.page-yuryo .content-lead-wrap .inner > img {
    height: auto;
    width: 100%;
}
#content-yuryo01 .content-section-inner {
    margin: 0;
    padding: 80px 20px 30px;
    width: auto;
}
.page-yuryo .left {
    width: calc(50% - 10px)
}
.page-yuryo .right {
    width: calc(50% - 10px)
}
#modal-mortar.modal-content {
    width: 570px;
}
#modal-damping2.modal-content {
    width: 570px;
}
#modal-mortar .left h3 {
    padding: 0;
    margin-bottom: 20px;
}
#modal-mortar .left h3 img {
    height: auto;
    width: 100%;
}
#modal-mortar .left {
    float: none;
}
#modal-mortar .left .note {
    margin-bottom: 20px;
    padding: 15px;
}
#modal-mortar .right {
    float: none;
    margin: 0 auto;
}
#modal-damping2 .modal-content-in .left {
    float: none;
    margin-bottom: 25px;
    position: relative;
    width: auto;
}
#modal-damping2 .modal-content-in .left img:first-child {
    height: auto;
    width: 50%;
}
#modal-damping2 .modal-content-in .left img:last-child {
    height: 200px;
    opacity: 0.6;
    position: absolute;
    right: -8px;
    top: -5px;
    width: auto;
}
#modal-damping2 .modal-content-in .right {
    float: none;
    position: relative;
    width: auto;
}
#modal-damping2 .modal-content-in .right h3 img {
    height: 30px;
    width: auto;
}
#modal-damping2 .modal-content-in .right .lead {
    margin-bottom: 30px;
}
#modal-damping2 .modal-content-in .right .lead img {
    margin:  2px 0;
}
#modal-damping2 .modal-content-in .right div img {
    height: auto;
    width: 100%;
}
#modal-damping2 .wrap img {
    height: auto;
    width: 100%;
}
#modal-damping2 hr {
    margin: 25px 0;
}
#archive-modelplan {
    margin: 0;
    padding: 80px 20px 100px;
    width: auto;
}
.modelplan-slider .sp-right-thumbnails {
    position: relative;
}
.modelplan-slider.slider-pro {
    height: auto;
    max-width: 100% !important;
    padding-right: 0 !important;
    width: 100% !important;
}
.modelplan-slider .sp-right-thumbnails.sp-has-pointer {
    margin-left: 0;
}
.plan-explanation-wrap {
    margin-bottom: 30px;
}
.sp-thumbnails-container {
    height: auto !important;
}
.sp-thumbnails {
    height: auto !important;
    width: auto !important;
}
.modelplan-slider .sp-thumbnail-container,
.modelplan-slider .sp-thumbnails-container {
    overflow: hidden;
    padding: 10px 0;
}
.modelplan-slider .sp-right-thumbnails .sp-thumbnail-container {
    margin-right: 6px;
    margin-top: 0;
}
.btn-plan-link01-1 a {
    height: 50px;
    padding-top: 14px;
    width: 364px;
}
.btn-plan-link01-1 p.nolink {
    height: 50px;
    padding-top: 14px;
    width: 364px;
}
.modelplan-slider .sp-thumbnail-container.sp-selected-thumbnail {
    border: 1px solid #b4985f;
}
#content-warranty01 .content-section-inner {
    margin: 0;
    padding: 50px 20px;
    width: auto;
}
#content-warranty01 .wrap {
    flex-direction: column;
}
#content-warranty01 .left {
    width: 100%;
    padding-right: 0;
}
#content-warranty01 .attention {
    font-size: 11px;
    padding: 10px 2px 32px;
}
#content-warranty01 .lead02 {
    padding: 12px 0;
}
#content-warranty01 .right {
    width: 100%;
}
#content-warranty01 .right h2 {
    flex-wrap: wrap;
    margin-top: 42px;
    justify-content: center;
}
#content-warranty01 .right h2 img:nth-child(2) {
    margin-right: 15px;
}
#content-warranty02 .content-section-inner {
    margin: 0;
    padding: 80px 20px;
    width: auto;
}
#content-warranty02 .inner {
    width: 100%;
    max-width: 800px;
}
#content-warranty02 .wrap {
    align-items: center;
    flex-direction: column;
}
#content-warranty02 .right {
    margin: 20px 0 0;
}
#content-warranty03 .content-section-inner { 
    margin: 0;
    padding: 110px 20px;
    width: auto;
}
#content-warranty03 .inner {
    width: 100%;
    max-width: 800px;
}
#content-warranty03 .warranty-photo {
    margin: 38px -6px -40px;
}
#content-warranty03 .warranty-photo li {
    width: calc(25% - 12px);
    margin: 0 6px 40px;
}
#content-warranty04 .content-section-inner {
    margin: 0;
    padding: 110px 20px 160px;
    width: auto;
}
#content-warranty04 .inner {
    width: 100%;
    max-width: 800px;
}
.warranty-box .box-foot {
    padding: 32px;
}
.page-earthquake .content-lead-wrap {
    padding: 90px 20px 40px;
}
.page-earthquake .content-lead-wrap .inner {
    margin: 0;
    width: 100%;
}
.page-earthquake .content-lead-wrap .inner > img {
    height: auto;
    width: 100%;
}
#content-earthquake01 .content-section-inner,
#content-earthquake02 .content-section-inner,
#content-earthquake03 .content-section-inner {
    margin: 0;
    padding: 80px 20px 30px;
    width: auto;
}
#content-earthquake01 .content-section-inner .img-wrap img {
    height: auto;
    width: 100%;
}
#earthquake01_1 .hdr02 {
    width: 596px;
    margin-bottom: 5px;
}
.trc-box {
    padding: 28px;
    width: 570px;
}
.trc-box .left {
    float: none;
    margin-bottom: 25px;
    position: relative;
    width: auto;
}
.trc-box .right,
.trc-box .wrap .right {
    float: none;
    position: relative;
    width: auto;
}
.trc-box .left.image01 img {
    height: auto;
    width: 50%;
}
.trc-box .left.image02 img {
    height: auto;
    width: min(334px, 100%);
}
.trc-box .wrap .left .image03 {
    height: auto;
    width: min(248px, 100%);
    margin-left: auto;
    margin-right: auto;
}
.trc-box .right h3 img {
    height: 30px;
    width: auto;
}
.trc-box .right .sub {
    margin-bottom: 25px;
}
.trc-box .right .lead img {
    margin: 2px 0;
}
.trc-box .right div img {
    height: auto;
    width: 100%;
}
.trc-box .wrap .left {
    float: none;
    width: auto;
}
.trc-box .wrap .left .img01 {
    text-align: center;
}
.trc-box .wrap img {
    height: auto;
    width: 100%;
}
.trc-box .trc-box03 .left {
    text-align: center;
}

.page-energy .content-lead-wrap {
    padding: 90px 20px 40px;
}
.page-energy .content-lead-wrap .inner {
    margin: 0;
    width: 100%;
}
.page-energy .content-lead-wrap .inner > img {
    height: auto;
    width: 100%;
}
#content-energy01 .content-section-inner,
#content-energy02 .content-section-inner {
    margin: 0;
    padding: 80px 20px 30px;
    width: auto;
}
#content-energy01 .content-section-inner .img-wrap img {
    height: auto;
    width: 100%;
}
#energy01_1 p img {
    height: auto;
    width: 66%;
}
#energy01_2 .left {
    float: none;
    width: 316px;
    margin: 0 auto 20px;
}
#energy01_2 .right {
    float: none;
    text-align: center;
    width: auto;
}
#energy01_2 p img {
    height: auto;
    width: 56%;
}

.page-support .content-lead-wrap {
    padding: 90px 20px 40px;
}
.page-support .content-lead-wrap .inner {
    margin: 0;
    width: 100%;
}
.page-support .content-lead-wrap .inner > img {
    height: auto;
    width: 100%;
}
#content-support01 .content-section-inner,
#content-support02 .content-section-inner {
    margin: 0;
    padding: 80px 20px 30px;
    width: auto;
}
#content-support01 .content-section-inner .img-wrap img {
    height: auto;
    width: 100%;
}
#energy01_3 .left {
    float: none;
    margin: 0 auto 20px;
}
#energy01_3 .right {
    float: none;
    width: auto;
}
#energy01_3 h4 {
    text-align: center;
}
#energy01_3 ul {
    border-radius: 8px;
    margin: 0 auto;
    padding: 15px;
    width: 497px;
}
#energy01_3 li:nth-child(n+4) {
    margin-top: 10px;
}
#energy01_3 .attention {
    text-align: center;
}
#content-foot-inner {
    margin: 0;
    padding: 0 20px;
    width: auto;
}
.content-ft-inner {
    flex-wrap: wrap;
}
#fb-information {
    width: 50%;
}
#contact-information {
    /* width: 50%; */
    width: 100%;
    float: none;
    padding: 0 0 55px 20px;
}
#ft-instagram {
    float: none;
    padding: 25px 0 0 0;
    margin: 0 auto;
}
.top-carousel-container {
    background-color: #F8F8F8;
    height: auto;
    padding: 16px 0;
    top: 0;
}
.page-insulation .content-lead-wrap {
    padding: 90px 20px 40px;
}
.page-insulation .content-lead-wrap .inner {
    margin: 0;
    width: 100%;
}
.page-insulation .content-lead-wrap .inner > img {
    height: auto;
    width: 100%;
}
.page-insulation .content-lead-wrap .lead02 strong {
    font-size: 21px;
}
.page-insulation .content-lead-wrap h2 img {
    height: 30px;
    width: auto;
}
.page-insulation .content-lead-wrap .lead02 span {
    font-size: 15px;
    text-align: left;
}
.page-insulation .content-lead-wrap .lead02 span br {
    display: none;
}
.seiyu-insulation-block {
    flex-direction: column;
}
.seiyu-insulation-block .toyama-insulation {
    margin: 0 auto;
    width: 346px;
}
.seiyu-insulation-block .seiyu-insulation {
    margin: 20px auto 0;
    width: 446px;
}
.insulation03-cols {
    flex-direction: column-reverse;
}
.insulation03-col {
    width: 557px;
    margin: 0 auto;
}
.insulation03-col + .insulation03-col {
    margin-bottom: 20px;
}
#content-energy01 .inner-section {
    margin-bottom: 30px;
}
.page-zeh .content-lead-wrap {
    padding: 90px 20px 40px;
}
.page-zeh .content-lead-wrap .inner {
    margin: 0;
    width: 100%;
}
.page-zeh .content-lead-wrap .inner > img {
    height: auto;
    width: 100%;
}
.page-zeh .content-lead-wrap .lead02 strong {
    font-size: 21px;
}
.page-zeh .content-lead-wrap h2 img {
    height: 30px;
    width: auto;
}
.page-zeh .content-lead-wrap .lead02 span {
    font-size: 15px;
    text-align: left;
}
.page-zeh .content-lead-wrap .lead02 span br {
    display: none;
}
.page-flow .content-lead-wrap {
    padding: 90px 20px 40px;
}
.page-flow .content-lead-wrap .inner {
    margin: 0;
    width: 100%;
}
.page-flow .content-lead-wrap .inner > img {
    height: auto;
    width: 100%;
}
.page-flow .content-lead-wrap .lead02 strong {
    font-size: 21px;
}
.page-flow .content-lead-wrap h2 img {
    height: 30px;
    width: auto;
}
.page-flow .content-lead-wrap .lead02 span {
    font-size: 15px;
    text-align: left;
}
.page-flow .content-lead-wrap .lead02 span br {
    display: none;
}
#flow .content-section-inner {
    margin: 0;
    padding: 80px 20px 30px;
    width: auto;
}
.flow-step-box p {
    font-size: 15px;
}
.flow-3steps > li:nth-child(1) .flow-step-box {
    padding-left: 15px;
}
.flow-step-box span {
    border-radius: 9px;
    font-size: 11px;
    height: 18px;
    width: 50px;
}
.step-free {
    font-size: 13px;
    left: 17px;
    top: 12px;
}
.flow-3steps > li:nth-child(n+2) .flow-step-box {
    padding-left: 34px;
}
#flow .flow-box .pic {
    width: 248px;
}
#flow .flow-box-hdr {
    margin-bottom: 12px;
}
#flow .flow-box .doc {
    padding-bottom: 80px;
    width: calc(100% - 268px);
}
#flow .flow-box-hdr span {
    font-size: 19px;
    margin-left: 8px;
    width: calc(100% - 68px);
}
#flow .flow-box-hdr i {
    font-size: 17px;
    height: 52px;
    width: 52px;
}
#flow .flow-txt {
    font-size: 15px;
}
#flow .flow-link-box li a {
    font-size: 15px;
}
#flow .flow-link-box li {
    margin-right: 20px;
}
#flow .flow-link-box .flow-tel {
    margin-right: 20px;
    width: 188px;
}
.page-event-news .content-section-inner {
    margin: 0;
    padding: 80px 20px 30px;
    width: auto;
}
.ft-linebox {
    width: 580px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 26px;
}
#earthquake-insurance01 .content-section-inner {
    margin: 0;
    padding: 80px 20px 60px;
    box-sizing: border-box;
    max-width: 1040px;
}
#earthquake-insurance02 .content-section-inner {
    margin: 0;
    padding: 72px 20px;
    box-sizing: border-box;
    max-width: 1040px;
}
#earthquake-insurance03 .content-section-inner {
    margin: 0;
    padding: 72px 20px;
    box-sizing: border-box;
    max-width: 1040px;
}
#earthquake-insurance04 .content-section-inner {
    margin: 0;
    padding: 60px 20px 100px;
    box-sizing: border-box;
    max-width: 1040px;
}
#earthquake-insurance01 .lead .content-section-inner {
    padding: 42px 20px;
}
#earthquake-insurance04 .hdr01 img {
    height: 64px;
}
#earthquake-insurance01 .intro-data {
    top: -37%;
}
}


@media only screen and (max-width: 1023px) {
    .reasons-compare .compare-cols {
        flex-direction: column-reverse;
    }
    .reasons-compare .compare-col {
        padding: 42px 0;
        width: 100%;
    }
    .reasons-compare .compare-col.popular li {
        max-width: 273px;
    }
    .reasons-compare .compare-col.popular ul {
        max-width: 556px;
    }
}



@media only screen and (max-width: 1020px) {
#home-content-philosophy .home-content-section-inner {
    padding: 40px 0 0px;
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
}
#home-content-philosophy.show .home-content-section-inner {
    padding: 40px 0 220px;
}
#home-content-philosophy h2 {
    margin: 0 auto 50px;
}
#home-content-concept {
    background-size: auto 340px;
}
#home-content-concept:after {
    background-size: auto 340px;
}
#home-content-concept .home-content-section-inner {
    margin: 0;
    padding: 40px 10px 10px;
    width: auto;
}
#home-content-concept h2 {
    margin: 0 auto 50px;
    position: relative;
}
#home-content-concept .home-content-section-inner {
    margin: 0;
    padding: 40px 10px 10px;
    width: auto;
}
#concept-element {
    top: 400px;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
}
#home-content-concept .home-content-lead {
    margin: 0 auto 30px;
    transform: translate(0, -30px);
    -webkit-transform: translate(0, -30px);
}
#home-content-concept .home-content-lead {
    margin: 0 auto 30px;
}
#home-content-concept .home-content-section-inner > p {
    transform: translate(0, -30px);
    -webkit-transform: translate(0, -30px);
}
#home-content-concept .home-content-section-inner > p {
    margin: 0 auto 370px;
    width: 700px;
}
#home-content-concept .btn-more01 {
    margin-right: -350px;
    right: 50%;
    top: 470px;
}
#home-content-method .home-content-section-inner {
    margin: 0;
    padding: 40px 10px 10px;
    width: auto;
}
#home-content-method h2 {
    margin: 0 auto 40px;
}
#home-content-method .inner-box {
    padding: 50px 40px 80px;
    width: auto;
}
#home-content-method .inner-box .btn-more02 {
    bottom: 55px;
}
#home-content-feature .home-content-section-inner {
    margin: 0;
    padding: 40px 10px 10px;
    width: auto;
}
#home-content-feature h2 {
    margin: 0 auto 40px;
}
#home-content-feature li {
    width: 25%;
}
#home-content-feature li a {
    width: 100%;
}
#home-content-feature li a .list-inner {
    left: 50%;
    margin-left: -100px;
}
#home-content-works .home-content-section-inner {
    height: 386px;
    margin: 0;
    padding: 40px 10px;
    width: auto;
}
#home-content-works h2 {
    margin: 0 auto 50px;
    position: relative;
}
#home-content-works #bg-plan {
    background-position: 0 -101px;
}
#home-content-works .home-content-lead {
    margin: 0 auto 30px;
}
#home-content-works .btn-more02 {
    right: 10px;
    top: 4px;
}
.show #home-content-works-list {
    height: auto;
    transition: all 1.2s ease 3s;
    -webkit-transition: all 1.2s ease 3s;
}
#home-content-works #home-content-works-list .home-content-section-inner {
    height: auto;
    padding: 30px 10px 20px;
}
#home-content-works .home-content-section-inner > p {
    margin: 0 auto;
}
#home-content-works-list li {
    width: 25%;
}
#home-content-works-list li img {
    height: auto;
    width: 100%;
}
#home-content-news .home-content-section-inner {
    margin: 0;
    padding: 40px 10px;
    width: auto;
}
#home-content-news h2 {
    margin: 0 auto 50px;
    position: relative;
}
#home-news-list-wrap {
    height: auto;
    margin: 0;
    padding: 0 0 30px;
}
#home-news-list-wrap li {
    text-align: center;
}
#home-news-list-wrap li.withlink a:hover {
    text-indent: 20px;
}
#home-content-news .btn-more01 {
    right: 12px;
    top: 216px;
}
#ft-inner {
    margin: 0;
    padding: 0 0 5px;
    width: auto;
}
#ft-bottom {
    right: 20px;
}
}


@media only screen and (max-width: 1007px) {
.page-technology #technology-bnr-wrap,
.page-yuryo #technology-bnr-wrap {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
}
.page-technology .technology-bnr,
.page-yuryo .technology-bnr {
    height: auto;
    margin: 2px;
    position: relative;
    width: calc((100% - 12px) / 3);
}
.page-technology .technology-bnr:before,
.page-yuryo .technology-bnr:before {
    content: "";
    display: block;
    padding-top: calc(100% * 260 / 364);
}
.page-technology .technology-bnr img,
.page-yuryo .technology-bnr img {
    height: auto;
    width: 100%;
}
#ex-plan-bnr-wrap {
    padding: 0 10px 120px 10px;
    margin: 0;
    width: auto;
}
#ex-plan-bnr:before {
    opacity: 0.6;
}
#std-bnr-wrap {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
}
.std-bnr {
    height: auto;
    margin: 2px;
    position: relative;
    width: calc((100% - 16px) / 4);
}
.std-bnr:before {
    content: "";
    display: block;
    padding-top: calc(100% * 152 / 244);
}
.std-bnr img {
    height: auto;
    width: 100%;
}
}


@media only screen and (max-width: 980px) {
#ft-nav {
    float: none;
    margin: 0 auto 20px;
}
#ft-bnr-area {
    float: none;
    margin: 0 auto;
    text-align: center;
}
#visualslides li#slide01 {
    animation: slideShow3 16s linear 3s infinite normal;
    -webkit-animation: slideShow3 16s linear 3s infinite normal;
}
#visualslides li#slide02 {
    animation: slideShow3 16s linear 7s infinite normal;
    -webkit-animation: slideShow3 16s linear 7s infinite normal;
}
#visualslides li#slide03 {
    animation: slideShow3 16s linear 11s infinite normal;
    -webkit-animation: slideShow3 16s linear 11s infinite normal;
}
#visualslides li#slide04 {
    animation: slideShow3 16s linear 15s infinite normal;
    -webkit-animation: slideShow3 16s linear 15s infinite normal;
}
.notfirst #visualslides li#slide01 {
    animation: slideShow3 16s linear .5s infinite normal;
    -webkit-animation: slideShow3 16s linear .5s infinite normal;
}
.notfirst #visualslides li#slide02 {
    animation: slideShow3 16s linear 4.5s infinite normal;
    -webkit-animation: slideShow3 16s linear 4.5s infinite normal;
}
.notfirst #visualslides li#slide03 {
    animation: slideShow3 16s linear 8.5s infinite normal;
    -webkit-animation: slideShow3 16s linear 8.5s infinite normal;
}
.notfirst #visualslides li#slide04 {
    animation: slideShow3 16s linear 12s infinite normal;
    -webkit-animation: slideShow3 16s linear 12s infinite normal;
}
body.open header {
    box-shadow: none;
    height: 90px;
    opacity: 1;
}
}


@media only screen and (max-width: 959px) {
.page-modelhouse #modelhouse-bnr-wrap {
    padding: 2px 1px;
}
.page-modelhouse .modelhouse-bnr {
    margin: 0 1px;
}
.page-modelhouse .modelhouse-bnr {
    width: calc(25% - 2px);
}
#lead-modelhouse {
    top: 92px;
}
#modelhouse-open {
    top: 242px;
}
#content-modelhouse-photo .content-section-inner {
    padding: 60px 0;
}
#content-modelhouse-photo ul {
    width: 750px;
}
#content-modelhouse-photo li.hz {
    height: 150px;
    padding: 5px;
    width: 150px;
}
#content-modelhouse-photo li.vt {
    height: 150px;
    padding: 5px;
    width: 100px;
}
/* #content-modelhouse-photo li.vt:nth-child(16) {
    margin-left: 25px;
}
#content-modelhouse-photo li.hz:nth-child(21) {
    margin-left: 25px;
}
#content-modelhouse-photo li.hz img {
    height: 100px;
    width: 150px;
}
#content-modelhouse-photo li.vt img {
    height: 150px;
    width: 100px;
} */
#land-search-box .left {
    float: none;
    margin: 0 auto 10px;
}
#land-search-box .right {
    float: none;
    margin: 0 auto;
}
#archive-land #hdr-toyama-landinfo img {
    height: 32px;
    width: auto;
}
#single-land #hdr-toyama-landinfo img {
    height: 32px;
    width: auto;
}
#energy01_4 .image-wrap {
    max-width: 728px;
}
#energy01_4 .image-wrap .zeh-over01 {
    height: 34px;
    left: 0;
    top: 49px;
    width: 117px;
    right: 0;
    margin: auto;
}
#energy01_4 .image-wrap .zeh-over02 {
    height: 34px;
    right: 24px;
    top: 122px;
    width: 117px;
}
#energy01_4 .image-wrap .zeh-over03 {
    height: 34px;
    left: 8px;
    top: 183px;
    width: 117px;
}
#energy01_4 .image-wrap .zeh-over04 {
    height: 34px;
    right: 8px;
    top: 205px;
    width: 117px;
}
#energy01_4 .image-wrap .zeh-over05 {
    height: 34px;
    left: 8px;
    top: 301px;
    width: 117px;
}
#energy01_4 .image-wrap .zeh-over06 {
    bottom: 6px;
    height: 34px;
    left: 0;
    margin: auto;
    right: 9px;
    top: auto;
    width: 117px;
}
}

@media only screen and (max-width: 920px) {
#home-content-concept {
    background-size: auto 310px;
}
#home-content-concept:after {
    background-size: auto 310px;
}
#concept-element {
    margin-left: -490px;
    top: 390px;
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
}
.page-feature .content-section-inner {
    margin-left: -375px;
    padding: 50px 45px 45px;
}
.page-feature .content-section-inner:after {
    bottom: 3px;
    left: 3px;
    right: 3px;
    top: 3px;
}
}

@media only screen and (max-width: 880px) {
#home-content-philosophy.show .home-content-section-inner {
    box-sizing: border-box;
    margin: 0;
    padding: 40px 30px 180px;
    width: 100%;
}
#home-content-philosophy {
    background-size: auto 200px;
}
#home-content-concept {
    background-size: auto 280px;
}
#home-content-concept:after {
    background-size: auto 280px;
}
#concept-element {
    margin-left: -470px;
    top: 390px;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
}
#home-content-concept .home-content-section-inner > p {
    margin: 0 auto 300px;
}
.information-wrapper {
    flex-direction: column;
}
.information-wrapper .col {
    width: auto;
}

.information-wrapper .col + .col {
    margin-top: 10px;
}
.home-event-list li .pic {
    height: 101px;
    padding-bottom: 0;
    padding-top: 0;
    width: 135px;
}
.home-event-list li .headline {
    width: calc(100% - 155px);
}
.home-information {
    padding: 20px 0;
}
.information-wrapper .home-news {
    padding-bottom: 44px;
}
.information-wrapper .home-event {
    padding-bottom: 44px;
}
.archive-news-list-cols {
    flex-direction: column;
}
.archive-news-list-cols .col {
    padding: 30px 16px 44px;
    width: 100%;
}
.archive-news-list-cols .col + .col {
    margin-top: 10px;
}
.page-event-news .home-event-list li .pic {
    height: 101px;
    padding-bottom: 0;
    padding-top: 0;
    width: 135px;
}
.page-event-news .home-event-list li .headline {
    width: calc(100% - 155px);
}
.archive-news-list-cols .btn-more {
    bottom: 16px;
    right: 16px;
}
}

@media only screen and (max-width: 840px) {
#home-content-feature .home-content-section-inner {
    padding: 10px;
    position: relative;
}
#home-content-feature h2 {
    left: 50%;
    margin-left: -76px;
    margin-top: -76px;
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-content-feature li {
    height: 50%;
    width: 50%;
}
#home-content-feature li a > img {
    height: auto;
    width: 100%;
}
#contact-form {
    margin: 20px;
    padding: 20px;
    width: auto;
}
#contact-form .form-table {
    padding: 0;
    width: 100%;
}
.form-table-row th {
    box-sizing: border-box;
    display: block;
    padding: 10px 0 0;
    width: 100%;
}
.form-table-data {
    box-sizing: border-box;
    display: block;
    padding: 10px 0;
    width: 100%;
}
#contact-form hr {
    margin: 10px 0;
}
#contact-form form textarea {
    width: 100%;
}
.page-support .content-lead-wrap h1 img,
.page-support .content-lead-wrap h2 img {
    height: 28px;
    width: auto;
}
}

@media only screen and (max-width: 800px) {
#visualslides li {
    margin: 0;
}
#content-newlybuilt {
    background-position: center bottom;
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: 100% auto;
}
#content-newlybuilt.show {
    background-position: center bottom;
}
#content-renovation {
    background-position: center bottom;
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: 100% auto;
}
#content-renovation.show {
    background-position: center bottom;
}
#content-reduction {
    background-position: center bottom;
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: 100% auto;
}
#content-reduction.show {
    background-position: center bottom;
}
#content-feature01 {
    background-repeat: repeat;
    background-size: 100% auto;
}
#content-feature02 {
    background-repeat: repeat;
    background-size: 100% auto;
}
#content-feature03 {
    background-repeat: repeat;
    background-size: 100% auto;
}
#content-feature04 {
    background-repeat: repeat;
    background-size: 100% auto;
}
#content-newlybuilt .content-section-cover {
    background-color: #fff;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.25);
}
.page-feature .content-section-inner {
    box-sizing: border-box;
    left: 0;
    margin-left: 0;
    padding: 40px 20px 24px;
    top: 50%;
    width: 100%;
}
.page-feature .content-section-inner:after {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}
.page-feature #content-feature01 .content-section-inner:after {
    background-color: rgba(0, 0, 0, 0.2);
}
.page-feature section#content-feature01:after {
    background-color: rgba(255, 255, 255, 0.4);
}
.page-feature .content-section-inner:after {
    background-color: rgba(255, 255, 255, 0.65);
}
.page-feature .content-section-inner > h2 {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
.page-feature .content-lead {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
.page-feature .content-section-inner > p {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
.wh-sq .bracket-top {
    height: 20px;
    left: 0;
    top: 0;
    width: 118px;
}
.bk-sq .bracket-top {
    height: 20px;
    left: 0;
    top: 0;
    width: 118px;
}
.wh-sq .bracket-bottom {
    bottom: 0;
    height: 20px;
    left: 0;
    width: 118px;
}
.bk-sq .bracket-bottom {
    bottom: 0;
    height: 20px;
    left: 0;
    width: 118px;
}
.page-feature .sq-text {
    opacity: 1;
    transform: rotate3d(0, 1, 2, 0deg) translate(0px, 0px);
    -webkit-transform: rotate3d(0, 1, 2, 0deg) translate(0px, 0px);
}
#content-newlybuilt .content-section-inner {
    margin: 0;
    padding: 40px 20px;
    width: auto;
}
#content-renovation .content-section-inner {
    margin: 0;
    padding: 40px 20px;
    width: auto;
}
#content-reduction .content-section-inner {
    margin: 0;
    padding: 40px 20px;
    width: auto;
}
.page-works #content-body > ul li a,
.page-works-b #content-body > ul li a,
.page-works-reform #content-body > ul li a,
.page-works-c #content-body > ul li a,
.page-works #content-body > ul li span,
.page-works-b #content-body > ul li span,
.page-works-reform #content-body > ul li span,
.page-works-c #content-body > ul li span, .single-works-new #content-body > ul li a, .single-works-new #content-body > ul li span, .single-works-renovation #content-body > ul li a, .single-works-renovation #content-body > ul li span, .single-works-reduction #content-body > ul li a, .single-works-reduction #content-body > ul li span {
    background-image: none !important;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 16px;
    text-decoration: none;
    text-indent: 0;
}
.page-works #content-body > ul li#nav-works-renovation a,
.page-works-b #content-body > ul li#nav-works-renovation a,
.page-works-reform #content-body > ul li#nav-works-renovation a,
.page-works-c #content-body > ul li#nav-works-renovation a, .single-works-new #content-body > ul li#nav-works-renovation a, .single-works-renovation #content-body > ul li#nav-works-renovation a, .single-works-reduction #content-body > ul li#nav-works-renovation a {
    color: #bbb;
}
.page-works #content-body > ul li#nav-works-new a,
.page-works-b #content-body > ul li#nav-works-new a,
.page-works-reform #content-body > ul li#nav-works-new a,
.page-works-c #content-body > ul li#nav-works-new a, .single-works-new #content-body > ul li#nav-works-new a, .single-works-renovation #content-body > ul li#nav-works-new a, .single-works-reduction #content-body > ul li#nav-works-new a {
    color: #bbb;
}
.single-works-new #content-body > ul li#nav-works-new a {
    color: #4c5050;
}
.page-works #content-body > ul,
.page-works-b #content-body > ul,
.page-works-reform #content-body > ul,
.page-works-c #content-body > ul, .single-works-new #content-body > ul, .single-works-renovation #content-body > ul, .single-works-reduction #content-body > ul {
    position: relative;
}
.page-works #content-body > ul:before,
.page-works-b #content-body > ul:before,
.page-works-reform #content-body > ul:before,
.page-works-c #content-body > ul:before, .single-works-new #content-body > ul:before, .single-works-renovation #content-body > ul:before, .single-works-reduction #content-body > ul:before {
    background-color: #ccc;
    content: "";
    display: block;
    height: 26px;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}
.page-works #content-body > ul li,
.page-works-b #content-body > ul li,
.page-works-reform #content-body > ul li,
.page-works-c #content-body > ul li, .single-works-new #content-body > ul li, .single-works-renovation #content-body > ul li, .single-works-reduction #content-body > ul li {
    background-image: none;
    position: relative;
}
.page-works #content-body > ul li:before,
.page-works-b #content-body > ul li:before,
.page-works-reform #content-body > ul li:before,
.page-works-c #content-body > ul li:before, .single-works-new #content-body > ul li:before, .single-works-renovation #content-body > ul li:before, .single-works-reduction #content-body > ul li:before {
    background-color: #ccc;
    content: "";
    display: block;
    height: 26px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
}
#content-newlybuilt a.btn-service-detail > span {
    background-image: none;
}
#content-newlybuilt a.btn-service-detail#btn-service-new > span {
    background-image: none;
}
#content-newlybuilt a.btn-service-detail#btn-service-wb > span {
    background-image: none;
}
#content-renovation a.btn-service-detail > span {
    background-image: none;
}
a.btn-service-detail > span {
    text-indent: -10px;
}
a.btn-service-detail:hover {
    text-decoration: none;
}
#page-title {
    height: 80px;
}
#page-title:after {
    height: 80px;
}
#page-title h1,
#page-title h2 {
    height: 80px;
}
.page-service .content-section-inner > h2 {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
.page-service .sq-text {
    color: #5c6060;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 26px;
    letter-spacing: 4px;
    line-height: 120px;
    opacity: 1;
    text-align: center;
    text-indent: 0;
    transform: rotate3d(0, 1, 2, 0deg) translate(0, 0);
    -webkit-transform: rotate3d(0, 1, 2, 0deg) translate(0, 0);
}
#content-newlybuilt .sq-text {
    background-image: none;
}
#content-renovation .sq-text {
    background-image: none;
}
#content-reduction .sq-text {
    background-image: none;
}
.page-service .content-lead {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#content-newlybuilt .content-section-inner > p {
    letter-spacing: 0;
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#content-renovation .content-section-inner > p {
    letter-spacing: 0;
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#content-reduction .content-section-inner > p {
    letter-spacing: 0;
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
a.btn-service-detail {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#content-newlybuilt .content-lead {
    background-image: none;
}
#content-renovation .content-lead {
    background-image: none;
}
#content-reduction .content-lead {
    background-image: none;
}
.page-service .content-lead {
    color: #5c6060;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 30px;
    height: auto;
    text-align: center;
    text-indent: 0;
    white-space: normal;
}
#home-content-concept {
    background-size: auto 250px;
}
#home-content-concept:after {
    background-size: auto 250px;
}
#concept-element {
    margin-left: -434px;
    top: 390px;
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
}
#home-content-concept .home-content-section-inner > p {
    margin: 0 auto 280px;
}
#business-policy {
    background-position: center 238px;
    background-repeat: repeat;
    background-size: 800px auto;
    height: 500px !important;
}
#business-policy .content-section-inner {
    padding-top: 40px !important;
}
#business-policy .content-section-inner > h2 {
    margin: 0 auto 25px;
}
#action-guideline {
    height: 560px !important
}
#action-guideline .content-section-inner {
    padding-top: 50px !important;
}
#action-guideline .content-section-inner > h2 {
    margin: 0 auto 30px;
}
#corporate-philosophy {
    height: 600px !important;
}
#corporate-philosophy .content-section-inner {
    padding-top: 60px !important;
}
#corporate-philosophy .content-section-inner > h2 {
    margin: 0 auto 50px;
}
.noie .sq01,
.noie .sq02 {
    display: none;
}
.noie .sq1,
.noie .sq2 {
    background-color: transparent;
    height: 100%;
    width: 100%;
    transition: background 1.5s ease 1s;
    -webkit-transition: background 1.5s ease 1s;
}
.noie .sq1 .sq-line {
    background-color: #9fce83;
    position: absolute;
}
.noie .sq2 .sq-line {
    background-color: #bca05f;
    position: absolute;
}
.noie .sq1 .sq-top,
.noie .sq2 .sq-top {
    height: 2px;
    left: 0;
    top: 0;
    width: 0;
    transition: width 0.6s;
    -webkit-transition: width 0.6s;
}
.noie .sq1 .sq-right,
.noie .sq2 .sq-right {
    height: 0;
    right: 0;
    top: 0;
    width: 2px;
    transition: height 0.6s ease 0.6s;
    -webkit-transition: height 0.6s ease 0.6s;
}
.noie .sq1 .sq-bottom,
.noie .sq2 .sq-bottom {
    bottom: 0;
    height: 2px;
    right: 0;
    width: 0;
    transition: width 0.6s;
    -webkit-transition: width 0.6s;
}
.noie .sq1 .sq-left,
.noie .sq2 .sq-left {
    bottom: 0;
    height: 0;
    left: 0;
    width: 2px;
    transition: height 0.6s ease 0.6s;
    -webkit-transition: height 0.6s ease 0.6s;
}
.noie .show .sq1 {
    background-color: #9fce83;
}
.noie .show .sq2 {
    background-color: #bca05f;
}
.noie .show .sq1 .sq-top,
.noie .show .sq2 .sq-top {
    width: 100%;
}
.noie .show .sq1 .sq-right,
.noie .show .sq2 .sq-right {
    height: 100%;
}
.noie .show .sq1 .sq-bottom,
.noie .show .sq2 .sq-bottom {
    width: 100%;
}
.noie .show .sq1 .sq-left,
.noie .show .sq2 .sq-left {
    height: 100%;
}
#home-content-works .home-content-section-inner > p {
    width: auto;
}
#home-content-works .home-content-section-inner {
    height: auto;
}
#home-content-works #bg-plan {
    background: url("../images/bg-plan03.png") no-repeat scroll 0 -243px transparent;
}
#home-content-works-list {
    position: relative;
    z-index: 1;
}
#home-content-works-list li p {
    font-size: 13px;
    top: 60%;
}
#content-archive-news {
    padding: 0 10px;
}
.post-type-archive-news .content-section-inner,
.post-type-archive-event .content-section-inner {
    width: auto;
}
#content-works-archive .content-section-inner {
    padding: 50px 50px 0;
}
.ready-message {
    margin: 0 auto 50px;
}
.page-works #content-body > ul, .page-works-b #content-body > ul, .page-works-c #content-body > ul, .single-works-new #content-body > ul, .single-works-renovation #content-body > ul, .single-works-reduction #content-body > ul {
    margin: 70px 50px 0;
}
#works-single h2 {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
.fotorama {
    margin: 25px 0 40px;
}
#works-single {
    padding: 0;
}
#address2, #address3 {
    width: 100%;
}
#contact-form form input[type="text"] {
    font-size: 17px;
    padding: 5px;
}
.form-email-row input {
    width: 100%;
}
select#address1 {
    zoom:1.2;
}
.form-subject-row .form-table-data > span input {
    zoom: 1.1;
}
#contact-form form input[type="submit"] {
    -webkit-appearance: none;
}
.form-name-row input {
    width: 240px;
}
.form-phone-row input {
    width: 100px;
}
#postcode1, #postcode2 {
    width: 100px;
}
.page-renovation .content-section-inner h2 {
    float: none;
    margin: 0 auto 40px;
}
.page-renovation .content-section-inner .service-part-caption {
    padding: 0;
    width: 100%;
}
.page-renovation .content-lead {
    background-position: center center;
}
#content-modelhouse-plan .content-section-inner {
    padding: 40px 20px 30px;
}
.page-modelhouse .content-section-inner > h2 {
    margin: 0 auto 45px;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
.page-modelhouse .sq-text {
    color: #5c6060;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 26px;
    letter-spacing: 4px;
    line-height: 120px;
    opacity: 1;
    text-align: center;
    text-indent: 0;
    transform: rotate3d(0, 1, 2, 0deg) translate(0, 0);
    -webkit-transform: rotate3d(0, 1, 2, 0deg) translate(0, 0);
}
#content-modelhouse-plan .sq-text {
    background-image: none;
}
#content-modelhouse-photo .sq-text {
    background-image: none;
}
#content-modelhouse-access .sq-text {
    background-image: none;
}
.page-modelhouse .content-lead {
    color: #5c6060;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 30px;
    height: auto;
    margin: 0 0 50px;
    text-align: center;
    text-indent: 0;
    white-space: normal;
}
#content-modelhouse-plan .content-lead {
    background-image: none;
    height: auto;
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#content-modelhouse-plan .content-lead br {
    display: block;
}
#content-modelhouse-photo li {
    opacity: 1 !important;
    transition: all 0s ease 0s !important;
}
.noie .highlight-en .circle {
    stroke-dashoffset: 0;
}
.ie .highlight-en .circle {
    opacity: 1;
    stroke-dasharray: 296px;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    transition: opacity 1.2s ease-in-out 0.5s;
}
.noie .show .show .highlight-en .circle {
    -webkit-animation: none;
            animation: none;
}
.ie .show .show .highlight-en .circle {
    opacity: 1;
}
.highlight-en .ttl {
    opacity: 1;
    transition: all 0s ease 0s;
}
#plan-highlight h4 {
    opacity: 1;
    transform: translate(0, 0);
    transition: all 0s ease 0s;
}
#plan-highlight p {
    opacity: 1;
    transform: translate(0, 0);
    transition: all 0s ease 0s;
}
#content-modelhouse-access .content-section-inner > #access-attention {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#content-modelhouse-access .content-section-inner > p,
#content-modelhouse-access .content-section-inner > dl,
#content-modelhouse-access .content-section-inner > ul {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
#content-wbkouhou .content-section-inner {
    margin: 0;
    padding: 40px 20px;
    width: auto;
}
.page-wbkouhou .content-section-inner > h2 {
    margin: 0 auto 45px;
    transform: translate(0px, 0px);
}
.page-wbkouhou .sq-text {
    color: #5c6060;
    font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
    font-size: 26px;
    letter-spacing: 4px;
    line-height: 120px;
    opacity: 1;
    text-align: center;
    text-indent: 0;
    transform: rotate3d(0, 1, 2, 0deg) translate(0px, 0px);
}
#content-wbkouhou .sq-text {
    background-image: none;
}
#content-wbkouhou .content-lead {
    background-image: none;
    color: #5c6060;
    font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
    font-size: 30px;
    height: auto;
    text-align: center;
    text-indent: 0;
    white-space: normal;
}
.page-wbkouhou .content-lead {
    opacity: 1;
    transform: translate(0px, 0px);
}
#content-wbkouhou .content-section-inner > p {
    margin: 0 auto;
    opacity: 1;
    transform: translate(0px, 0px);
}
#content-wbkouhou03 .content-section-inner {
    margin: 0;
    padding: 40px 20px 20px;
    width: auto;
}
#content-wbkouhou03 .content-lead {
    background-image: none;
    color: #5c6060;
    font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
    font-size: 30px;
    height: auto;
    margin: 0 0 20px;
    text-align: center;
    text-indent: 0;
    white-space: normal;
}
#content-wbkouhou03 .content-lead br.none {
    display: block;
}
#content-wbkouhou03 .content-section-inner > p {
    margin: 0 auto 30px;
    opacity: 1;
    transform: translate(0px, 0px);
}
#content-wbkouhou03 .content-section-inner #wb-note-box {
    opacity: 1;
    padding: 20px;
    transform: translate(0px, 0px);
}
#content-wbkouhou03 .content-section-inner #wb-note-box .in {
    width: calc(100% - 100px);
}
#content-wbkouhou02.show .content-section-inner #wb01 {
    transform: translate(0, 0);
}
#content-wbkouhou02 .content-section-inner #wb01 {
    margin-left: -446px;
}
#content-wbkouhou02 .content-section-inner #wb01 {
    opacity: 1;
}
#content-wbkouhou02 .content-section-inner #wb-circle {
    opacity: 1;
}
#content-wbkouhou02 .content-section-inner #wb-circle .circle {
    opacity: 1;
    stroke-dashoffset: 0 !important;
}
#content-wbkouhou02 .content-section-inner #wb-circle .circle {
    animation: none !important;
    -webkit-animation: none !important;
}
#content-wbkouhou02 .content-section-inner #wb02 {
    opacity: 1;
}
#content-wbkouhou02 .content-section-inner #wb-point li:nth-child(1),
#content-wbkouhou02 .content-section-inner #wb-point li:nth-child(2) {
    opacity: 1;
    transform: translate(0px, 0px);
}
.post-type-archive-modelplan  h2 {
    margin: 0 auto 45px;
    text-align: center;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
.post-type-archive-modelplan .sq-text {
    color: #5c6060;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 26px;
    letter-spacing: 4px;
    line-height: 120px;
    opacity: 1;
    text-align: center;
    text-indent: 0;
    transform: rotate3d(0, 1, 2, 0deg) translate(0, 0);
    -webkit-transform: rotate3d(0, 1, 2, 0deg) translate(0, 0);
}
.post-type-archive-modelplan .sq-text {
    background-image: none;
}
.page-yuryo .content-lead-wrap h2 img {
    height: 30px;
    width: auto;
}
#content-yuryo01 .content-section-inner > p {
    font-size: 15px;
}
.hdr01 img {
    height: 25px;
    width: auto;
}
.hdr01 img:last-child {
    margin-top: 3px;
}
.hdr02 {
    font-size: 19px;
}
.hdr03 {
    font-size: 17px;
}
.page-yuryo th,
.page-yuryo td {
    font-size: 15px;
}
#content-wbkouhou03 .content-section-inner #wb-note-box .iframe-wrap {
    position: relative;
}
#content-wbkouhou03 .content-section-inner #wb-note-box .iframe-wrap:before {
    content: "";
    display: block;
    height: 0;
    padding-top: calc(100% * 315 / 560);
    position: relative;
    width: 100%;
}
#content-wbkouhou03 .content-section-inner #wb-note-box .iframe-wrap iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.page-earthquake .content-lead-wrap h1 img,
.page-earthquake .content-lead-wrap h2 img {
    height: 35px;
    width: auto;
}
.page-earthquake .content-lead-wrap .lead02 strong {
    font-size: 22px;
}
.page-earthquake .content-lead-wrap .lead02 span {
    font-size: 15px;
}

.page-energy .content-lead-wrap h2 img {
    height: 30px;
    width: auto;
}
.page-energy .content-lead-wrap .lead02 strong {
    font-size: 21px;
}
.page-energy .content-lead-wrap .lead02 span {
    font-size: 15px;
    text-align: left;
}
.page-support .content-lead-wrap .lead02 strong {
    font-size: 22px;
}
.page-support .content-lead-wrap .lead02 span {
    font-size: 16px;
}
}

@media only screen and (max-width: 783px) {
#fb-information {
    float: none;
}
#contact-information {
    float: none;
}
#fb-information .fb_iframe_widget {
    border-bottom: 1px solid #919191;
    border-right: none;
    padding-bottom: 30px;
    padding-right: 0;
}
#fb-information {
    margin: 0 auto;
    padding: 30px 0 0;
    width: 500px;
}
#contact-information {
    padding: 0 0 30px;
    /* width: auto; */
    width: 100%;
}
}

@media only screen and (max-width: 780px) {
#contact-information {
    font-size: 15px;
}
.page-contact #contact-information {
    margin: 0;
    padding: 25px 20px;
    width: auto;
}
.page-contact #contact-information ul {
    margin: 0 auto;
    width: 352px;
}
#contact-information li.btn-mail {
    float: none;
    margin: 0 auto 10px;
}
#contact-information li.btn-call {
    float: none;
    margin: 0 auto;
}
.page-contact #contact-information li.btn-call {
    margin-left: 0;
}
}

@media only screen and (max-width: 768px) {
#ft-inner > nav {
    padding: 0 0 20px;
}
#ft-sp-nav {
    margin-bottom: 30px;
    display: block;
}
#ft-nav {
    display: none;
    width: 100%;
}
#ft-nav > li {
    float: none;
    margin-right: 0;
}
#ft-nav > li#ft-nav-home {
    width: 100%;
}
#ft-nav > li#ft-nav-service {
    width: 100%;
}
#ft-nav > li#ft-nav-works {
    width: 100%;
}
#ft-nav > li#ft-nav-company {
    width: 100%;
}
#ft-nav > li > dl > dt > a {
    background-color: #3c3c3c;
    background-image: none;
    border-bottom: 1px solid #4c4c4c;
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    padding: 5px 20px;
    width: 100%;
}
#ft-nav > li > dl > dt > a:hover {
    background: url("../images/ft-arrow02_on.png") no-repeat scroll 0 center transparent;
    text-decoration: none;
}
#ft-nav > li > dl > dd {
    display: none;
    padding: 0;
}
#ft-nav > li > dl > dd > ul > li {
    float: none;
}
#ft-nav > li > dl > dd > a, #ft-nav > li dd dt a {
    background-color: #383838;
    background-image: none;
    border-bottom: 1px solid #484848;
    color: #fff;
    display: block;
    font-size: 15px;
    padding: 5px 20px;
}
#ft-nav > li > dl > dd > a, #ft-nav > li dd dt a:hover {
    text-decoration: none;
}
#ft-nav > li dd dd {
    padding: 0;
}
#ft-nav > li dd dd > a {
    background-color: #333;
    background-image: none;
    border-bottom: 1px solid #444;
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 5px 20px;
}
#ft-nav > li dd dd > a:hover {
    background: url("../images/ft-arrow02_on.png") no-repeat scroll 0 center transparent;
    text-decoration: none;
}
#ft-nav > li > dl > dd > ul > li > dl {
    display: none;
}
#ft-info {
    text-align: center;
    width: 100%;
}
#ft-info.aniv {
    width: 100%;
}
#ft-bottom {
    position: relative;
    right: 0;
    width: 100%;
}
#ft-copy {
    text-align: center;
}
#ft-info > p {
    float: none;
    text-align: center;
}
#ft-main-address {
    float: none;
}
#home-content-works-list {
    height: auto;
}
#ex-plan-bnr:before {
    background-position: right bottom;
    background-size: auto 192px;
}
#ex-plan-bnr {
    padding: 19px 20px 13px;
}
#ex-plan-bnr h3 {
    margin-bottom: 15px;
}
#ex-plan-bnr h3 img {
    height: 70px;
    width: auto;
}
#ex-plan-bnr a {
    bottom: 20px;
    left: 20px;
}
.bnr-reserve-modelhouse {
    display: block;
}
#content-energy01 .inner-section {
    margin-bottom: 30px;
}
#content-support01 .inner-section {
    margin-bottom: 30px;
}
}

@media only screen and (max-width: 767px) {
#archive-land #hdr-toyama-landinfo img {
    height: 30px;
    width: auto;
}
#land-search-box {
    padding: 20px;
}
.hdr02 {
    font-size: 18px;
}
.land-info-box .ttl {
    font-size: 18px;
}
table.land-box-tbl-hd td {
    font-size: 14px;
}
.land-info-box td {
    font-size: 14px;
}
.land-info-box .ttl .new-label {
    position: relative;
    top: -3px;
}
.land-info-box .ttl .new-label img {
    height: 19px;
    width: auto;
}
.land-info-box .detail-link a {
    padding-top: 11px;
}
.land-info-box .btn01 a,
.land-info-box .btn02 a {
    width: 196px;
}
.land-info-box .btn01 a img,
.land-info-box .btn02 a img,
.land-info-box .btn03 a img {
    height: 16px;
    width: auto;
}
#single-land #hdr-toyama-landinfo img {
    height: 30px;
    width: auto;
}
.ltbl01 th {
    font-size: 14px;
}
.ltbl01 td {
    font-size: 14px;
}
.lhdr01 {
    font-size: 19px;
}
.ltbl01 td.price span {
    font-size: 20px;
}
.ltbl02 th {
    font-size: 14px;
}
.ltbl02 td {
    font-size: 14px;
}
#land-around .notice {
    font-size: 13px;
}
#land-around #map {
    height: 328px !important;
}
.lhdr01 {
    font-size: 17px;
}
.lhdr01 .new-label {
    margin-left: 5px;
    position: relative;
    top: -3px;
}
.lhdr01 .new-label img {
    height: 18px;
    width: auto;
}
.hdr01 {
    font-size: 18px;
}
.no-modelplan {
    font-size: 16px;
    padding: 30px 0 80px;
}
.btn-plan-link01-1 a {
    padding-top: 13px;
    width: 304px;
}
.btn-plan-link01-1 a img {
    height: 17px;
    width: auto;
}
.btn-plan-link01-1 p.nolink {
    padding-top: 13px;
    width: 304px;
}
.btn-plan-link01-1 p.nolink img {
    height: 17px;
    width: auto;
}
.page-energy .content-lead-wrap h2 img {
    margin: 6px 0px;
}
#content-energy01 p {
    font-size: 14px;
}
#content-energy01 p small {
    font-size: 12px;
}
.page-support .content-lead-wrap h1 img,
.page-support .content-lead-wrap h2 img {
    margin: 6px 0px;
}
#lead-technology {
    left: 0;
    margin: -20px 80px 0;
    width: calc(100% - 160px);
}
#lead-technology .front img {
    height: auto;
    width: 100%;
}
.wb-wrap {
    flex-direction: column;
}
.wb-wrap figure {
    margin: 0 20px;
    width: auto;
}
.wb-wrap figure + figure {
    margin-top: 25px;
}
#content-wbkouhou02 .content-section-inner {
    padding: 46px 0;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap {
    max-width: 345px;
}
.reasons-compare .compare-col {
    padding: 20px 0;
}
.reasons-compare .compare-col.seiyu-std .hdr {
    font-size: 21px;
    line-height: 21px;
    margin-bottom: 16px;
}
.reasons-compare .compare-col.popular .hdr {
    font-size: 19px;
    line-height: 19px;
    margin-bottom: 30px;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link {
    height: 84px;
    width: 84px;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link02 {
    top: 79px;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link03 {
    bottom: 54px;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link05 {
    bottom: 54px;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link06 {
    top: 79px;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link:hover {
    fill: transparent;
}

.reasons-compare .compare-col.popular li:nth-child(2n) {
    margin-left: 0;
}
.reasons-compare .compare-col.popular ul {
    max-width: 273px;
}
.reasons-compare .compare-col.popular li:nth-child(n+2) {
    margin-top: 20px;
}
.reasons-compare .compare-col.popular .note {
    font-size: 13px;
    margin: 24px 20px 0;
    max-width: none;
}
.reasons-bnrs li {
    width: calc(100% / 3);
}
.seiyu-insulation-block {
    padding: 16px;
}
.seiyu-insulation-block .seiyu-insulation::before {
    display: none;
}
.seiyu-insulation-block .toyama-insulation {
    width: 300px;
}
.seiyu-insulation-block .seiyu-insulation {
    width: 408px;
}
.insulation03-col {
    width: 440px;
}
#energy01_4 .image-wrap .zeh-over {
    display: none;
}
.modal-zeh-wrap {
    background-color: #e9eae9;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    padding: 16px;
}
.modal-content.modal-zeh {
    display: block;
    position: relative;
}
.modal-content.modal-zeh {
    background-color: #FFF;
    width: calc(50% - 3px);
}
.modal-content.modal-zeh:nth-child(2n) {
    margin-left: 6px;
}
.modal-content.modal-zeh:nth-child(n+3) {
    margin-top: 6px;
}
.modal-content.modal-zeh::before {
    background-color: #41a9a6;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    top: 0;
    width: 100%;
}
.modal-content.modal-zeh .pic {
    height: 0;
    overflow: hidden;
    padding-top: 70%;
    position: relative;
}
.modal-content.modal-zeh .pic img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.modal-content.modal-zeh .ttl {
    font-size: 15px;
    height: 30px;
    top: 2px;
    width: 128px;
}
.modal-content.modal-zeh .modal-content-in {
    padding: 10px;
}
.modal-content.modal-zeh .lead {
    font-size: 15px;
}
.ptbl01 td > div {
    padding-bottom: 50px;
}
.ptbl01 td > div > .btn-price-detail {
    left: 0;
    margin: auto;
    right: 0;
    top: auto;
    width: 98px;
}
.ptbl01 td > div > .btn-price-detail {
    bottom: 12px;
}
.price-detail {
    padding: 16px;
}
.price-detail > ul {
    padding: 8px;
}
.price-detail > ul > li > .list-df > dl.seiyu-price {
    flex-direction: column;
    height: auto;
    padding: 8px;
}
.ptbl01 td {
    text-align: center;
}
.price-detail > ul > li li > .list-df > dl {
    flex-direction: column;
    height: auto;
}
.price-detail > ul > li li > .list-df > dl > dt {
    font-size: 14px;
    margin-bottom: 8px;
    padding-right: 0;
    padding-top: 5px;
}
.price-detail > ul > li > .list-df > dl > dt > .price-desc {
    font-size: 13px;
}
.price-detail > ul > li > .list-df {
    width: calc(100% - 88px);
}
.price-detail > ul > li > .list-df > dl > dt {
    font-size: 16px;
    margin-bottom: 2px;
    padding-top: 11px;
}
.price-detail .seiyu-price-label {
    font-size: 13px;
}
.price-detail > ul > li > .list-df > dl {
    flex-direction: column;
    height: auto;
}
.price-detail > ul > li > .list-df > dl > dd > b {
    font-size: 20px;
}
.price-detail > ul > li > .list-df > dl > dd > .unit {
    font-size: 15px;
}
#flow .flow-box {
    flex-direction: column;
    padding-top: 30px;
    position: relative;
}
#flow .flow-box .doc {
    padding-bottom: 0;
    position: static;
    width: 100%;
}
#flow .flow-link-box {
    position: relative;
}
#flow .flow-txt {
    font-size: 14px;
    margin-bottom: 10px;
}
#flow .flow-box-hdr i {
    background-color: #FFF;
}
#flow .flow-box .pic {
    width: 228px;
    margin-bottom: 10px;
}
#flow .flow-box-hdr {
    position: absolute;
    top: -10px;
    width: 100%;
}
#flow .flow-box-hdr span {
    font-size: 16px;
    font-weight: 600;
}
#flow .flow-box + .flow-box {
    margin-top: 24px;
}
.flow-3steps {
    flex-direction: column;
    height: auto;
}
.flow-3steps > li:nth-child(1),
.flow-3steps > li:nth-child(2),
.flow-3steps > li:nth-child(3) {
    width: 100%;
}
.page-flow .content-lead-wrap h2 img {
    margin: 6px 0px;
}
.page-zeh .content-lead-wrap h2 img {
    margin: 6px 0px;
}
.page-event-news .content-section-inner {
    padding: 40px 0 30px;
}
#flow .flow-link-box li a {
    font-size: 14px;
}
.flow-step-box {
    height: 52px;
}
.flow-3steps > li:nth-child(n+2)::before,
.flow-3steps > li:nth-child(n+2)::after {
    display: none;
}
.flow-3steps > li + li {
    border-top: 2px solid #FFF;
}
.flow-3steps > li:nth-child(2) .flow-step-box {
    padding-left: 30px;
}
.flow-3steps > li:nth-child(3) .flow-step-box {
    padding-left: 45px;
}
.step-free {
    font-size: 12px;
    left: 18px;
    top: 0px;
}
.flow-block {
    position: relative;
}
.flow-block::before {
    border-left: 40px solid #FFF;
    border-top: 160px solid transparent;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}
.flow-block::after {
    border-right: 40px solid #FFF;
    border-bottom: 160px solid transparent;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
body:not(.home) {
    padding-bottom: 48px;
}
.ua-graph-tbl {
    width: 100%;
}
.ua-graph-note {
    width: 100%;
}
.ua-piramid {
    width: 300px;
}
.ua-graph {
    padding: 10px;
}
.ua-graph-tbl td {
    font-size: 13px;
}
.ua-graph-tbl i {
    display: block;
    height: 0;
}
.ua-graph-tbl tr.seiyu-std td:nth-child(2) {
    font-size: 14px;
}
.ua-graph-tbl tr.seiyu-std td:nth-child(3) {
    font-size: 14px;
}
.ua-graph-tbl th:nth-child(3), .ua-graph-tbl td:nth-child(3) {
    width: 108px;
}
.ua-graph-tbl td:nth-child(1) {
    padding: 6px 4px;
}
.ua-graph-tbl td:nth-child(2) {
    padding: 6px 4px;
}
.ua-graph-tbl td:nth-child(3) {
    padding: 6px 4px;
}
.ua-graph-tbl tbody tr:nth-child(5) td:nth-child(1) {
    padding: 6px 4px;
}
.ua-graph-tbl tbody tr:nth-child(6) td:nth-child(1) {
    padding: 6px 4px;
}
.ua-graph-tbl tbody tr:nth-child(7) td:nth-child(1) {
    padding: 6px 4px;
}
.ua-graph-tbl tr.seiyu-std .none {
    font-size: 14px;
    left: 0;
    width: 70px;
}
.ua-graph-tbl th:nth-child(1), .ua-graph-tbl td:nth-child(1) {
    width: 158px;
}
.ua-graph-note {
    font-size: 11px;
}
.dannetsuzai-cols {
    flex-direction: column;
    padding: 10px;
}
.dannetsuzai-col:nth-child(1) {
    margin: 0 auto 16px;
    max-width: 380px;
    width: 100%;
}
.dannetsuzai-col:nth-child(2) {
    display: block;
    margin: 0 auto;
    max-width: 380px;
    width: 100%;
}
#ft-instagram {
    padding: 25px 0 0;
    width: 100%;
}
#content-modelhouse-plan .content-lead {
    margin-bottom: 30px;
}
#plan-view {
    margin-bottom: 20px;
}

#content-reform .content-section-inner:nth-child(1) {
    margin-top: 40px;
}
#content-reform .content-section-inner:nth-child(3) {
    margin-top: 40px;
    padding: 0 20px;
}
.reform-msg {
    font-size: 15px;
    margin-bottom: 40px;
    padding: 0 20px;
}
.reform-bnr-wrap {
    padding: 0 20px;
}
.ready-message {
    margin: 0 auto 40px;
}
.reform-hdr {
    margin-bottom: 32px;
}
.reform-hdr img {
    max-width: 280px;
}
.ft-contact-info ul {
    flex-direction: column;
}
.ft-contact-info li {
    height: 70px;
    width: 100%;
    max-width: 352px;
    margin: 4px auto;
}
.ft-contact-info li a,
.ft-contact-info li p {
    height: 68px;
    width: 100%;
    max-width: 350px;
}
.ft-contact-info li.btn-call p i {
    background: url("../images/foot-btn-call.png") no-repeat scroll center 15px transparent;
    height: 68px;
    width: 100%;
    max-width: 350px;
}
.ft-contact-info li.btn-call p:hover i {
    background: url("../images/foot-btn-call_on.png") no-repeat scroll center 15px transparent;
}
.ft-contact-info li.btn-call p span {
    bottom: 3px;
    width: 100%;
    max-width: 350px;
}
.ft-contact-info li::before,
.ft-contact-info li::after {
    height: 70px;
    width: calc(100% + 2px);
    max-width: 352px;
}
.ft-contact-info li.btn-mail a i {
    height: 68px;
    max-width: 352px;
    width: 100%;
}
.ft-linebox {
    margin-top: 14px;
    margin-bottom: 30px;
    padding: 20px 16px;
}
.ft-contact-info {
    margin-bottom: 54px;
    padding: 20px 16px;
}
.btn-ft-line {
    max-width: 304px;
    width: 100%;
}
.btn-ft-line {
    height: 54px;
}

.page-ttl {
    height: 50px;
}
.page-ttl-en {
    font-size: 21px;
    margin-bottom: 2px;
    margin-top: 2px;
}
.page-ttl h1,
.page-ttl h2 {
    font-size: 10px;
}

#content-warranty01 .content-section-inner {
    padding: 32px 10px;
}
#content-warranty01 .lead02 span {
    font-size: 14px;
}
#content-warranty01 .right-cols {
    flex-direction: column;
    margin: 24px 0 0;
}
#content-warranty01 .right-col {
    width: 100%;
    margin: 0;
}
#content-warranty01 .right-col + .right-col {
    margin-top: 8px;
}
#content-warranty01 .right-sub {
    margin-top: 8px;
}
#content-warranty01 .sup-note {
    margin-top: 19px;
}
#content-warranty02 .content-section-inner {
    padding: 60px 10px;
}
#content-warranty02 .image-wrap {
    max-width: unset;
}
#content-warranty02 .left {
    width: 100%;
}
#content-warranty02 .right {
    width: 100%;
    text-align: center;
}
#content-warranty02 .sup-note {
    margin-top: 19px;
}
#content-warranty03 .content-section-inner {
    padding: 80px 10px;
}
#content-warranty03 .content-lead {
    padding-bottom: 15px;
    font-size: 18px;
}
#content-warranty03 .content-lead::after {
    width: 80px;
}
#content-warranty03 .image-wrap {
    max-width: unset;
}
#content-warranty03 .warranty-wrapper {
    flex-direction: column;
    margin: 40px 0 0;
}
#content-warranty03 .warranty-wrapper .col {
    width: 100%;
    margin: 0;
}
#content-warranty03 .warranty-wrapper .col + .col {
    margin-top: 12px;
}
#content-warranty03 .warranty-wrapper + p {
    font-size: 15px;
    line-height: 22px;
}
#content-warranty03 .warranty-photo {
    margin: 18px -6px -25px;
}
#content-warranty03 .warranty-photo li {
    width: calc(50% - 12px);
    margin: 0 6px 25px;
}
#content-warranty03 .warranty-photo h4 small {
    font-size: 8px;
    transform: translateY(-4px);
}
#content-warranty03 .warranty-photo h4 {
    font-size: 14px;
}
#content-warranty03 .note-box {
    margin-top: 32px;
    padding: 22px 19px;
}
#content-warranty03 .note-box-wrapper {
    flex-direction: column;
}
#content-warranty03 .note-box-left {
    flex-shrink: unset;
    width: 100%;
    padding-right: 0;
    padding-bottom: 12px;
}
#content-warranty03 .note-box-left h4 {
    margin-top: 0;
    text-align: center;
}
#content-warranty03 .note-box-right {
    width: 100%;
    border-left: none;
    border-top: 1px solid #a8b6bf;
    padding-left: 0;
    padding-top: 12px;
}
#content-warranty03 .warranty-product {
    flex-direction: column;
    margin: 28px 0 -25px;
}
#content-warranty03 .warranty-product li {
    width: 100%;
    margin: 0;
}
#content-warranty03 .warranty-product li + li {
    margin-top: 25px;
}
.seiyo-warranty-block01 {
    margin-top: 50px;
}
.seiyo-warranty-block02 {
    margin-top: 50px;
}
.seiyo-warranty-block02 p {
    font-size: 14px;
}
#content-warranty04 .content-section-inner {
    padding: 80px 10px;
}
#content-warranty04 .content-lead {
    font-size: 18px;
    padding-bottom: 15px;
}
#content-warranty04 .content-lead::after {
    width: 80px;
}
#content-warranty04 .lead02 {
    font-size: 18px;
}
#content-warranty04 .lead02 small {
    font-size: 16px;
    line-height: 28px;
}
#content-warranty04 .warranty-box + .warranty-box {
    margin-top: 25px;
}
.warranty-box {
    padding: 26px 10px 10px;
}
.warranty-box .box-head {
    max-width: unset;
}
.warranty-box h3 {
    font-size: 16px;
    line-height: 28px;
}
.warranty-box .image-wrap {
    margin-top: 20px;
}
.warranty-box .image-wrap.mini {
    padding: 0;
}
.warranty-box .message {
    padding: 7px 16px 8px;
    font-size: 15px;
    line-height: 22px;
}
.warranty-box .message + p {
    margin-top: 16px;
}
.warranty-box .attention {
    margin-top: 10px;
}
.warranty-box p {
    font-size: 14px;
}
.warranty-box .box-foot {
    padding: 16px;
    margin-top: 28px;
}
.warranty-box .box-foot:has(.box-content) {
    margin-top: 25px;
}
.warranty-box .box-content h4 {
    font-size: 14px;
    line-height: 21px;
    padding-bottom: 12px;
}
.warranty-box .box-wrap {
    flex-direction: column;
    align-items: center;
}
.warranty-box .box-left {
    width: 100%;
    margin-right: 0;
}
.warranty-box .box-left h4 {
    text-align: center;
}
.warranty-box .box-left .image {
    text-align: center;
}
.warranty-box .box-left .time {
    margin-right: 0;
}
.warranty-box .box-right {
    width: 100%;
    margin-top: 20px;
}
.warranty-box .box-right li {
    font-size: 14px;
    line-height: 21px;
}
#earthquake-insurance01 .lead .content-section-inner {
    padding: 32px 20px;
}
#earthquake-insurance01 .content-section-inner {
    padding: 50px 20px 40px;
}
#earthquake-insurance01 .frequency-lead:nth-child(1) {
    width: 44%;
}
#earthquake-insurance01 .frequency-lead:nth-child(2) {
    width: 52%;
}
.seismic-intensity-cols {
    flex-direction: column;
}
.seismic-intensity-col {
    width: 100%;
}
.seismic-intensity-col + .seismic-intensity-col {
    margin-left: 0;
    margin-top: 12px;
}
.seismic-intensity-cols {
    padding: 20px 24px;
}
#earthquake-insurance01 .intro-data {
    width: 130px;
}
#earthquake-insurance01 .intro-txt {
    font-size: 15px;
    padding-right: 0;
}
#earthquake-insurance01 .intro-data {
    top: -90%;
}
.insurance-head-cols {
    flex-direction: column;
}
.insurance-head-col:nth-child(1) {
    width: 100%;
}
#earthquake-insurance02 .content-section-inner {
    padding: 20px 20px 40px;
}
.insurance-head-pic {
    height: 0;
    padding-top: 56.25%;
    position: relative;
}
#earthquake-insurance02 .insurance-head-pic img {
    position: absolute;
    top: 0;
    left: 0;
}
.insurance-head-col:nth-child(2) {
    width: 100%;
}
.insurance-head-copy {
    max-width: 280px;
    margin-bottom: 10px;
    padding: 20px 0;
}
.insurance-head-txt {
    font-size: 15px;
}
.insurance02-box {
    padding: 20px;
}
.hdr-insurance02-box {
    font-size: 23px;
}
.insurance02-box-cols01 {
    flex-direction: column;
}
.insurance02-box-cols01-txt {
    width: 100%;
    padding-left: 0;
    font-size: 15px;
}
.insurance02-box-cols02 {
    flex-direction: column;
    margin-bottom: 20px;
}
.insurance02-box-cols02-pic {
    padding-right: 0;
    width: 100%;
}
.insurance02-box-cols01-pic {
    width: 100%;
    max-width: 250px;
    margin: 0 auto 12px;
}
.insurance02-box-cols02-sub-wrap {
    width: 100%;
    margin-top: 20px;
}
.insurance02-box + .insurance02-box {
    margin-top: 20px;
}
#earthquake-insurance03 .content-section-inner {
    padding: 40px 20px;
}
.insurance02-box-cols03-pic {
    max-width: 280px;
    margin: 0 16px;
}
.insurance02-box-txt {
    font-size: 15px;
}
.insurance03-tbl thead th:nth-child(1) {
    padding: 10px 0;
}
.insurance03-tbl thead th:nth-child(2) {
    padding: 10px 0;
}
.insurance03-tbl {
    font-size: 16px;
}
.insurance03-tbl tbody th {
    padding: 16px 0;
}
.insurance03-tbl tbody td {
    padding: 16px 10px 16px 16px;
}
.insurance03-tbl thead th:nth-child(1) {
    width: 26%;
}
.insurance03-tbl thead th:nth-child(2) {
    width: 74%;
}
#earthquake-insurance04 .content-section-inner {
    padding: 40px 20px 60px;
}
.insurance04-dl dt {
    font-size: 16px;
    margin-bottom: 4px;
    padding-left: 44px;
}
.insurance04-dl dd {
    font-size: 16px;
    padding-left: 44px;
}
.insurance04-dl + .insurance04-dl {
    margin-top: 30px;
}
.insurance04-dl dt::after,
.insurance04-dl dd::after {
    background-size: 20px auto;
    width: 40px;
}
.insurance04-dl dt::before,
.insurance04-dl dd::before {
    width: 40px;
}
#earthquake-insurance04 .hdr01 img {
    height: 42px;
}
#earthquake-insurance04 .hdr01 {
    padding-bottom: 10px;
    margin-bottom: 24px;
}
#earthquake-insurance01 .frequency-leads {
    margin-bottom: 20px;
}
}




@media only screen and (max-width: 760px) {
#visualslides li#slide01 {
    animation-name: none;
    -webkit-animation-name: none;
}
#visualslides li#slide02 {
    display: none;
    animation-name: none;
    -webkit-animation-name: none;
}
#visualslides li#slide03 {
    display: none;
    animation-name: none;
    -webkit-animation-name: none;
}
#visualslides li#slide04 {
    display: none;
    animation-name: none;
    -webkit-animation-name: none;
}
.notfirst #visualslides li#slide01 {
    animation-name: none;
    -webkit-animation-name: none;
}
.notfirst #visualslides li#slide02 {
    animation-name: none;
    -webkit-animation-name: none;
}
.notfirst #visualslides li#slide03 {
    animation-name: none;
    -webkit-animation-name: none;
}
.notfirst #visualslides li#slide04 {
    animation-name: none;
    -webkit-animation-name: none;
}
#home-content-philosophy .home-content-section-inner {
    box-sizing: border-box;
    margin: 0;
    padding: 40px 30px 180px;
    width: 100%;
}
#home-content-philosophy h2 {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
.noie #home-content-philosophy .sq01 {
    fill: #9fce83;
    stroke-dasharray: 304, 0, 304, 0;
    stroke-dashoffset: 0;
    stroke-width: 4px;
}
#home-content-philosophy .home-content-lead {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-content-philosophy .home-content-section-inner > p {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-content-concept h2 {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-content-concept .home-content-lead {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-content-concept .home-content-section-inner > p {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-content-method .inner-box {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-content-method h2 {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-content-method h2 .text {
    opacity: 1
}
#home-content-method .home-content-lead {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-content-method .inner-box p {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-content-works h2 {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-content-works .home-content-lead {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-content-works .home-content-section-inner > p {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-content-news h2 {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-content-news .home-content-lead {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#page-title:after {
    background-color: #a0cf84;
    left: 0;
    width: 100%;
}
#page-title h1,
#page-title h2 {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
.page-contact #contact-information > p {
    font-size: 14px;
    text-align: left;
}
.page-company .content-section {
    padding: 0 10px;
    width: auto;
}
.page-company .content-section .pic {
    margin-bottom: 20px;
}
#company-profile .content-section-inner {
    margin: 0;
    padding-top: 50px !important;
    width: 100%;
}
#company-profile table {
    width: 100%;
}
#company-profile #table-profile th,
#company-profile #company-access th,
#company-profile #partner-company th {
    background-color: #DDD;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 0;
    text-align: center;
    width: 100%;
}
#company-profile #table-profile td {
    display: block;
    font-size: 14px;
    padding: 3px 0 6px;
    text-align: center;
    width: 100%;
}
#company-profile th span {
    background-image: none;
    padding: 0;
}
#company-access iframe {
    height: 300px;
    width: 100%;
}
#company-profile #company-access td,
#company-profile #partner-company td {
    padding: 5px 0;
}
#corporate-philosophy {
    height: 500px !important;
}
#corporate-philosophy .content-section-inner {
    margin: 0;
    width: auto;
}
#corporate-philosophy .content-lead {
    background-image: none;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 25px;
    text-indent: 0;
}
#corporate-philosophy .content-box ul {
    margin: 0 auto 30px;
    width: 310px;
    transform: translate(-5px, 0);
    -webkit-transform: translate(-5px, 0);
}
#philosophy-elem01 img {
    height: 90px;
    width: 90px;
}
#philosophy-elem02 img {
    height: 102px;
    width: 102px;
}
#philosophy-elem03 img {
    height: 90px;
    width: 90px;
}
#corporate-philosophy .content-box li#philosophy-elem01, #corporate-philosophy .content-box li#philosophy-elem03 {
    padding: 8px 6px;
}
#corporate-philosophy .content-box li#philosophy-elem02 {
    padding: 0 1px;
}
#corporate-philosophy .content-box li#philosophy-elem01:after {
    animation-name: none;
    -webkit-animation-name: none;
    height: 90px;
    left: 6px;
    top: 8px;
    width: 90px;
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
}
#corporate-philosophy .content-box li#philosophy-elem02:after {
    animation-name: none;
    -webkit-animation-name: none;
    height: 102px;
    left: 1px;
    top: 0;
    width: 102px;
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
}
#corporate-philosophy .content-box li#philosophy-elem03:after {
    animation-name: none;
    -webkit-animation-name: none;
    height: 90px;
    left: 6px;
    top: 8px;
    width: 90px;
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
}
#corporate-philosophy .content-box h4 {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 15px;
}
#corporate-philosophy .content-box p {
    font-size: 13px;
    line-height: 19px;
}
.page-company .content-section-inner > h2 {
    margin: 0 auto 40px;
}
#corporate-philosophy .content-section-inner {
    padding-top: 70px !important;
}
#business-policy {
    height: 424px !important;
}
#business-policy .content-box li {
    color: #FFF;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 16px;
    height: auto;
    line-height: 21px;
    padding: 5px 0;
    text-align: center;
    text-indent: 0;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
    white-space: normal;
    width: auto;
}
#business-policy .content-box li#biz-policy-message01 {
    background-image: none;
}
#business-policy .content-box li#biz-policy-message02 {
    background-image: none;
}
#business-policy .content-box li#biz-policy-message03 {
    background-image: none;
}
#business-policy .content-box li#biz-policy-message04 {
    background-image: none;
}
#business-policy .content-box {
    border: 2px solid rgba(255, 255, 255, 0.7);
    box-sizing: border-box;
    left: 0;
    margin-left: 0;
    padding: 8px 8px 8px 18px;
    width: 100%;
}
#business-policy .content-box:before {
    filter: blur(5px);
    -webkit-filter: blur(5px);
}
#business-policy .content-box:after {
    background-color: rgba(210, 210, 210, 0.3);
}
#partner-company td p {
    float: none;
    text-align: center;
}
#partner-company td dl {
    float: none;
    text-align: center;
}
#partner-company td dd {
    font-size: 13px;
}
.page-company #company-profile .content-section-inner {
    padding-bottom: 50px;
}
.noie .sq1 {
    background-color: #9fce83;
}
.noie .sq2 {
    background-color: #bca05f;
}
#home-content-concept h2 .text {
    opacity: 1;
}
#home-content-works h2 .text {
    opacity: 1;
}
#home-content-news h2 .text {
    opacity: 1;
}
#home-content-concept .home-content-section-inner > p {
    width: auto;
}
#home-content-concept .btn-more01 {
    bottom: 260px;
    margin-right: 0;
    opacity: 1;
    right: 15px;
    top: auto;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-content-philosophy.show .home-content-section-inner {
    padding: 40px 16px 180px;
}
#home-content-philosophy .home-content-section-inner {
    padding: 40px 16px 180px;
}
#concept-element {
    display: none;
}
#home-content-concept:after {
    opacity: 0.85;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-content-feature li {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-content-works .btn-more02 {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-news-list-wrap {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-content-news .btn-more01 {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
#home-content-works-list li {
    width: 50%;
}
#home-news-list-wrap .post-date {
    display: block;
    font-size: 14px;
    padding-right: 0;
}
#home-news-list-wrap li.withlink a:hover {
    text-indent: 0;
}
#home-news-list-wrap a .post-title {
    font-size: 15px;
}
#archive-news-list-wrap .post-date {
    display: block;
    font-size: 14px;
    padding-right: 0;
}
#archive-news-list-wrap li {
    font-size: 15px;
    text-align: center;
}
#archive-news-list-wrap li.withlink a {
    padding: 20px 0;
}
.home #container {
    padding: 90px 0 0;
}
.single-news .single-article-content,
.single-event .single-article-content {
    margin: 0;
    padding: 60px 10px 0;
    width: auto;
}
.single-news .news-entry-title,
.single-event .news-entry-title {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 19px;
    padding: 20px 0 10px;
}
.single-news .news-entry-content,
.single-event .news-entry-content {
    font-size: 14px;
    line-height: 24px;
    padding: 30px 0;
}
.single-news .news-entry-content img,
.single-event .news-entry-content img {
    height: auto;
    max-width: 100%;
}
#works-description .left ul {
    float: none;
    margin: 0 0 30px;
    width: auto;
}
#works-description .left figure {
    float: none;
    margin: 0 auto 20px;
    width: 324px;
}
#works-description .left {
    width: auto;
}
.fotorama {
    margin: 20px 0 30px;
}
#works-single h2 {
    font-size: 19px;
}
#works-description .left li {
    font-size: 15px;
}
#works-description .right {
    font-size: 14px;
    line-height: 24px;
}
#contact-form {
    border: none;
    margin: 0;
    padding: 0 10px 20px;
    width: auto;
}
#content-modelhouse-photo ul {
    width: 550px;
    justify-content: flex-start;
}
#content-modelhouse-photo li.hz {
    height: 100px;
    padding: 5px;
    width: 100px;
}
#content-modelhouse-photo li.vt {
    height: 100px;
    padding: 5px;
    width: 100px;
}
#content-modelhouse-photo li a {
    display: block;
    /* height: 100px; */
    overflow: hidden;
    /* width: 100px; */
}
#content-modelhouse-photo li a img {
    object-fit: cover;
}
/* #content-modelhouse-photo li.vt:nth-child(16) {
    margin-left: 0;
}
#content-modelhouse-photo li.hz:nth-child(21) {
    margin-left: 0;
}
#content-modelhouse-photo li.hz img {
    margin-left: -25px;
}
#content-modelhouse-photo li.vt img {
    margin-top: -25px;
} */
.page-modelhouse #modelhouse-bnr-wrap {
    padding: 10px;
}
.page-modelhouse .modelhouse-bnr {
    margin: 10px;
    width: calc(50% - 20px);
}
#res-form {
    border: none;
    margin: 0;
    padding: 10px;
    width: auto;
}
#res-form .form-table {
    padding: 0;
    width: 100%;
}
#res-form hr {
    margin: 10px 0;
}
#content-modelhouse-access .content-section-inner {
    margin: 0;
    padding: 40px 20px 30px;
    width: auto;
}
#content-modelhouse-access .content-section-inner > dl {
    width: auto;
}
#content-modelhouse-access .content-section-inner > dl dd {
    width: calc(100% - 120px);
}
#content-modelhouse-access .content-section-inner > ul {
    width: auto;
}
#content-modelhouse-access .content-section-inner > ul > li#modelhouse-call,
#content-modelhouse-access .content-section-inner > ul > li#modelhouse-contact {
    width: calc(50% - 5px);
}
#content-modelhouse-access .content-section-inner > ul > li > * {
    box-sizing: border-box;
    width: 100%;
}
#wood-info > .left {
    width: 100px;
}
#wood-info > .left > .left {
    margin-bottom: 10px;
}
#wood-info > .left > .left,
#wood-info > .left > .right {
    width: 100px;
}
#wood-info > .left > .left > figure > img,
#wood-info > .left > .right > figure > img {
    height: 100px;
    width: 100px;
}
#wood-info > .left figcaption {
    padding-top: 0;
}
#wood-info > .left > .left figcaption > img,
#wood-info > .left > .right figcaption > img {
    height: 11px;
    width: auto;
}
#wood-info > .right {
    padding: 0;
    width: calc(100% - 116px);
}
#content-modelhouse-reserve .content-section-inner {
    margin: 0;
    padding: 40px 20px;
    width: auto;
}
#home-content-method .home-content-lead {
    background-image: none;
    color: #FFF;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 19px;
    font-weight: bold;
    height: auto;
    overflow: visible;
    text-align: center;
    text-indent: 0;
    text-shadow: 0 1px 0 #000;
    width: auto;
    transition: all 0s;
}
#company-profile #company-access .gmap {
    width: auto;
}
}

@media only screen and (max-width: 720px) {
.page-new .content-section-inner > figure {
    float: none;
    margin: 0 auto 30px;
}
.page-new .content-section-inner .service-part-caption {
    width: 100%;
}
.page-new .content-section-inner h2 {
    margin: 0 auto 20px;
}
.page-new .content-lead {
    background-position: center center;
    margin: 0 0 20px;
}
}

@media only screen and (max-width: 702px) {
#single-land .bx-wrapper {
    width: 100%;
}
.bx-wrapper img {
    height: auto;
}
.photoGallery .bxslider li {
    height: auto;
}
#single-land .bx-pager {
    margin: 0;
    width: 100%;
}
#single-land .photoGallery {
    height: auto;
    max-height: 598px;
}
.bxslider img {
    margin-top: 0 !important;
}
}

@media only screen and (max-width: 667px) {
#lead-modelhouse {
    height: 88px;
    margin-left: -162px;
    top: 76px;
    width: 324px;
}
#lead-modelhouse img {
    height: 88px;
    width: 324px;
}
#modelhouse-open {
    height: 24px;
    margin-left: -79px;
    top: 176px;
    width: 158px;
}
#modelhouse-open img {
    height: 24px;
    width: 158px;
}
#modal-taika-kouzou .left h3 img {
    height: 84px;
    width: 308px;
}
#modal-zeh h3 img {
    height: 32px;
    width: auto;
}
#modal-zeh .left {
    text-align: center;
}
#modal-zeh .left img {
    height: 90px;
    width: auto;
}
#modal-zeh li img {
    height: 45px;
    width: auto;
}
#modal-zeh ul {
    margin: 0 auto;
    width: 427px;
}
#modal-zeh .attention {
    margin: 0 auto;
    width: 427px;
}
#content-wbkouhou02 .content-section-inner #wb01 {
    left: 0;
    margin-left: 0;
    width: 100%;
}
#content-wbkouhou02 .content-section-inner #wb01 img {
    height: auto;
    margin-left: -16%;
    width: 116%;
}
#content-wbkouhou02 .content-section-inner #wb01:before {
    border: 3px solid #006934;
    border-radius: 50%;
    content: "";
    display: block;
    height: 0;
    opacity: 0.5;
    padding-top: 13%;
    position: absolute;
    right: 9.5%;
    top: 54%;
    width: 13%;
}
#content-wbkouhou02 .content-section-inner #wb-circle {
    display: none;
}
#earthquake01_1 .hdr02 {
    width: auto;
}
.trc-box {
    padding: 20px;
    width: auto;
}
}

@media only screen and (max-width: 666px) {
#archive-land tr {
    display: block;
    width: 100%;
}
#archive-land td:not(.col1) {
    display: block;
    width: 100%;
}
table.land-box-tbl-hd td:not(.col1) {
    border-top: 1px solid #FFF;
}
.land-info-box td {
    padding: 8px;
}
.land-info-box table tr:nth-child(1) td {
    border-bottom: 1px solid #ede6d7;
}
}

@media only screen and (max-width: 640px) {
.page-works #content-body > ul, .page-works-b #content-body > ul, .page-works-c #content-body > ul, .single-works-new #content-body > ul, .single-works-renovation #content-body > ul, .single-works-reduction #content-body > ul {
    margin: 70px auto 0;
    width: 510px;
}
#content-works-archive .content-section-inner {
    margin: 0 auto;
    padding: 30px 0;
    width: 510px;
}
#btn-page-top {
    display: none !important;
}
.form-name-row input {
    width: calc(100% - 56px);
}
#res-form .form-name-row input:nth-child(2) {
    margin-bottom: 8px;
}
#land-link01 {
    display: none;
}
#land-link02 {
    height: auto;
    padding: 14px 0;
    width: 316px;
    margin: 0 auto;
    border-radius: 8px;
}
#land-link02 li {
    display: block;
    margin: 5px 0;
}
#land-link02 li a {
    margin: 0 auto;
}
.page-yuryo .content-lead-wrap h2 img {
    height: 27px;
}
.page-yuryo .content-lead-wrap .lead02 strong {
    font-size: 25px;
}
.page-yuryo .content-lead-wrap .lead02 span {
    font-size: 15px;
}
.sp-thumbnails {
    margin: 0 -3px;
}
.modelplan-slider .sp-right-thumbnails .sp-thumbnail-container {
    height: auto !important;
    margin: 3px;
    width: calc((100% - 24px) / 4) !important;
}
.modelplan-slider .sp-right-thumbnails .sp-thumbnail-container:first-child {
    margin-top: 3px;
}
.slider-pro img.sp-image {
    width: calc(100% - 4px) !important;
}
.sp-thumbnail-image {
    height: auto;
    margin-top: 0 !important;
    width: 100%;
}
.modelplan-slider .sp-thumbnail-container {
    padding: 0;
}
.modelplan-slider.sp-horizontal .sp-previous-arrow {
    left: 5px;
}
.modelplan-slider.sp-horizontal .sp-next-arrow,
.modelplan-slider.sp-horizontal.sp-rtl .sp-previous-arrow {
    right: 5px;
}
.std-bnr {
    width: calc((100% - 12px) / 3);
}
}

@media only screen and (max-width: 609px) {
.blocker {
    padding: 35px 10px !important;
}
.modal-content-in {
    padding: 20px;
}
#modal-taika-kouzou.modal-content,
#modal-zeh.modal-content {
    width: auto;
}
#modal-taika-kouzou .left {
    width: auto;
}
#modal-taika-kouzou .right {
    width: 300px;
}
#modal-taika-kouzou .right img {
    height: auto;
    width: 300px;
}
#modal-mortar.modal-content,
#modal-damping2.modal-content {
    width: auto;
}
#modal-mortar .left {
    width: auto;
}
#modal-mortar .left h3 img {
    height: auto;
    width: 100%;
}
#modal-mortar .right {
    margin: 0;
    width: auto;
}
#modal-mortar .right img {
    height: auto;
    width: 100%;
}
}

@media only screen and (max-width: 602px) {
#land-search-box .left {
    width: 245px;
}
.chkbox {
    float: left;
    margin: 6px 12px 0 0;
}
}



@media only screen and (max-width: 568px) {
.page-works #content-body > ul,
.page-works-b #content-body > ul,
.page-works-reform #content-body > ul,
.page-works-c #content-body > ul, .single-works-new #content-body > ul, .single-works-renovation #content-body > ul, .single-works-reduction #content-body > ul {
    margin: 50px auto 0;
    width: 300px;
}
#content-works-archive .content-section-inner {
    margin: 0 auto;
    padding: 30px 16px;
    /* width: 300px; */
    width: auto;
}
.ready-message {
    font-size: 13px;
}
#content-works-archive li.work-archive-box {
    height: auto;
    margin: 10px 0;
    width: 300px;
}
#content-works-archive li.work-archive-box ul {
    float: left;
    margin: 2px -2px 0;
    width: 306px;
}
#content-works-archive li.work-archive-box ul li img {
    height: 72px;
    width: 72px;
}
/* #nav-adjacent-works ul {
    width: 300px;
} */
#nav-adjacent-news ul {
    width: 300px;
}
/* #nav-adjacent-works li.btn-to-works-list a {
    background-image: url("../images/btn-to-works-list.png");
    background-position: center center;
    border: 1px solid #b3b3b3;
    height: 46px;
    width: 188px;
} */
#nav-adjacent-news li.btn-to-news-list a {
    background-image: url("../images/btn-to-news-list.png");
    background-position: center center;
    border: 1px solid #b3b3b3;
    height: 46px;
    width: 188px;
}
#business-policy .content-box li {
    text-align: left;
}
#home-content-philosophy .home-content-lead,
#home-content-concept .home-content-lead,
#home-content-works .home-content-lead {
    background-image: none;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 19px;
    font-weight: bold;
    height: auto;
    overflow: visible;
    text-align: center;
    text-indent: 0;
    width: auto;
}
#home-content-feature li a {
    height: 250px;
}
#home-content-feature li a .list-inner {
    top: 25px;
}
#opening #openingSet #openingCatch img {
    height: auto;
    width: 300px;
}
#opening #openingSet #openingLogo img {
    height: auto;
    width: 190px;
}
#home-content-philosophy h2 {
    height: 100px;
    width: 100px;
}
#home-content-concept h2 {
    height: 100px;
    width: 100px;
}
#home-content-method h2 {
    height: 100px;
    width: 100px;
}
#home-content-feature h2 {
    height: 100px;
    width: 100px;
}
#home-content-works h2 {
    height: 100px;
    width: 100px;
}
#home-content-news h2 {
    height: 100px;
    width: 100px;
}
.text {
    background-size: 100% 100%;
    height: 100px;
    width: 100px;
}
#home-content-philosophy h2 {
    margin: 0 auto 16px;
}
#home-content-philosophy .home-content-lead {
    margin: 0 auto 16px;
}
#home-content-philosophy .home-content-section-inner > p {
    font-size: 13px;
    line-height: 24px;
}
#home-content-philosophy {
    background-position: 72% bottom;
    background-size: auto 150px;
}
#home-content-philosophy .home-content-section-inner {
    padding: 25px 10px 160px;
}
#home-content-philosophy.show .home-content-section-inner {
    padding: 25px 10px 160px;
}
#home-content-concept h2 {
    margin: 0 auto 16px;
}
#home-content-concept .home-content-lead {
    margin: 0 auto 16px;
}
#home-content-concept .home-content-section-inner > p {
    font-size: 13px;
    line-height: 24px;
}
#home-content-concept .home-content-section-inner {
    padding: 25px 10px 10px;
}
#home-content-concept {
    background-size: auto 154px;
}
#home-content-concept:after {
    background-size: auto 154px;
}
#home-content-concept .home-content-section-inner > p {
    margin: 0 auto 190px;
}
#home-content-method .home-content-section-inner {
    padding: 25px 10px 10px;
}
#home-content-method h2 {
    margin: 0 auto 16px;
}
#home-content-method .inner-box {
    padding: 30px 20px 20px;
}
#home-content-method .inner-box p {
    font-size: 13px;
    line-height: 24px;
}
#home-content-works h2 {
    margin: 0 auto 16px;
}
#home-content-works .home-content-lead {
    margin: 0 auto 16px;
}
#home-content-works .home-content-section-inner > p {
    font-size: 13px;
    line-height: 24px;
}
#home-content-works .home-content-section-inner {
    padding: 25px 10px;
}
#mobile-menu ul li a {
    font-size: 17px;
    padding: 16px 0;
    text-indent: 20px;
}
#home-content-news h2 {
    margin: 0 auto 16px;
}
#home-news-list-wrap li {
    text-align: left;
}
#home-news-list-wrap li.withlink a {
    padding: 16px 4px;
}
#home-content-news .home-content-section-inner {
    padding: 25px 10px;
}
#home-content-feature .home-content-section-inner {
    background-color: #F1F2F4;
    padding: 16px 0;
}
#home-content-feature li a {
    height: 160px;
}
#home-content-feature li a .list-inner {
    height: 150px;
    margin-left: -75px;
    top: 5px;
    width: 150px;
}
#home-content-feature li a .list-inner img {
    height: 140px;
    margin: 5px;
    width: 140px;
}
#home-content-feature .bracket-topLeft,
#home-content-feature .bracket-topRight,
#home-content-feature .bracket-bottomLeft,
#home-content-feature .bracket-bottomRight {
    border-color: transparent;
}
#home-content-feature h2 {
    margin-left: -50px;
    margin-top: -50px;
}
#home-content-concept .btn-more01:before {
    content: "成友の家づくりのこだわりを見る";
    display: block;
    text-align: center;
}
#home-content-concept .btn-more01 {
    width: auto;
    background-color: rgba(99,176,53,0.1);
    border-radius: 4px;
    color: #777;
    font-size: 13px;
    font-weight: bold;
    margin: 0 30px;
    position: relative;
    padding: 5px;
    display: block;
    right: 0;
    bottom: 170px;
}
.btn-more01 .char01,
.btn-more02 .char01,
.btn-more01 .char02,
.btn-more02 .char02,
.btn-more01 .char03,
.btn-more02 .char03,
.btn-more01 .char04,
.btn-more02 .char04,
.btn-more01 i,
.btn-more02 i {
    display: none;
}
#home-content-method .inner-box .btn-more02:before {
    content: "成友の建築工法を見る";
    display: block;
    text-align: center;
}
#home-content-method .inner-box .btn-more02 {
    width: auto;
    background-color: rgba(0,0,0,0.3);
    border-radius: 4px;
    bottom: auto;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    margin: 15px 0 0;
    opacity: 1;
    position: relative;
    padding: 5px;
    display: block;
    right: auto;
    transform: translate(0, 0);
    transition: all 0s;
}
#home-content-works .btn-more02:before {
    content: "施工実績一覧を見る";
    display: block;
    text-align: center;
}
#home-content-works .btn-more02 {
    width: auto;
    background-color: rgba(255,255,255,0.7);
    border-radius: 4px;
    color: #777;
    font-size: 13px;
    font-weight: bold;
    margin: 0 60px;
    position: relative;
    padding: 5px;
    display: block;
    right: 0;
    bottom: 0;
    top: 12px;
}
#home-content-works #home-content-works-list .home-content-section-inner {
    height: auto;
    padding: 15px 10px 26px;
}
#home-content-news .btn-more01 {
    display: none;
}
.page-feature .content-lead {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 23px;
    font-weight: bold;
    height: auto;
    overflow: visible;
    text-align: center;
    text-indent: 0;
    width: auto;
}
#content-feature01 .content-lead {
    background-image: none;
}
#content-feature02 .content-lead {
    background-image: none;
}
#content-feature03 .content-lead {
    background-image: none;
}
#content-feature04 .content-lead {
    background-image: none;
}
.page-feature .content-section-inner > p {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 25px;
}
.page-feature .content-section-inner {
    background-color: #FFF;
    background-image: none;
    padding: 25px 10px 16px;
    position: relative;
    top: 0 !important;
    transition: all 0s;
    -webkit-transition: all 0s;
}
.page-feature .content-section-inner:before {
    position: relative;
}
.page-feature .content-section-inner:after {
    position: relative;
}
#content-feature01 .content-section-inner > p {
    color: #3a3a3a;
    text-shadow: none;
}
.page-feature section#content-feature01:after {
    background-color: transparent;
}
#content-feature01 {
    background-position: center 90px;
}
#content-feature03 {
    background-position: center 60px;
}
#content-feature04 {
    background-position: center 40px;
}
.bk-sq, .wh-sq {
    height: 90px;
    width: 90px;
}
.bk-sq .bracket-top,
.show .bk-sq .bracket-top,
.bk-sq .bracket-bottom,
.show .bk-sq .bracket-bottom {
    height: 15px;
    width: 88px;
}
.wh-sq .bracket-top,
.show .wh-sq .bracket-top,
.wh-sq .bracket-bottom,
.show .wh-sq .bracket-bottom {
    height: 15px;
    width: 88px;
}
.page-new.ready .bk-sq .bracket-top,
.page-new.ready .bk-sq .bracket-bottom,
.page-renovation.ready .bk-sq .bracket-top,
.page-renovation.ready .bk-sq .bracket-bottom {
    height: 15px;
    width: 88px;
}
.wh-sq .bracket-top,
.show .wh-sq .bracket-top {
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    border-top: 1px solid #4d4d4d;
}
.wh-sq .bracket-bottom,
.show .wh-sq .bracket-bottom {
    border-bottom: 1px solid #4d4d4d;
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
}
.sq-text {
    background-image: none !important;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 21px;
    font-weight: bold;
    height: 90px;
    line-height: 90px;
    text-align: center;
    text-indent: 0;
}
.page-feature .content-section-inner > h2 {
    margin: 0 auto 24px;
}
.page-feature .content-lead {
    height: auto;
    margin: 0 0 16px;
}
.page-new .sq-text, .page-renovation .sq-text {
    opacity: 1;
    transform: rotate3d(0, 1, 2, 0deg) translate(0, 0);
    -webkit-transform: rotate3d(0, 1, 2, 0deg) translate(0, 0);
}
.page-service .sq-text {
    line-height: 90px;
}
.page-renovation .content-section-inner h2 {
    height: 30px;
    margin: 0 auto 16px;
    width: 104px;
}
.page-renovation .service-part-text {
    background-image: none !important;
    color: #FFF;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 14px;
    font-weight: bold;
    height: 28px;
    line-height: 32px;
    text-align: center;
    text-indent: 0;
    width: 102px;
}
.page-renovation .sq-text {
    font-size: 17px;
}
.page-new .content-lead {
    background-image: none !important;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 19px;
    font-weight: bold;
    margin: 0 0 16px;
    text-align: center;
    text-indent: 0;
}
.page-renovation .content-lead {
    background-image: none !important;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 22px;
    margin: 0 0 16px;
    text-align: center;
    text-indent: 0;
}
.page-new .content-section, .page-renovation .content-section {
    padding: 0 10px;
}
.service-part-caption > p {
    font-size: 14px;
    line-height: 27px;
}
.page-new #content-body, .page-renovation #content-body {
    padding: 60px 0 0;
}
.page-new .service-part-head, .page-renovation .service-part-head {
    margin: 0 0 60px;
}
.page-renovation .content-section-inner {
    margin: 0 auto 50px;
}
.page-new .content-section-inner > figure {
    width: 180px;
}
.page-new .content-section-inner > figure img {
    height: auto;
    width: 100%;
}
.page-new .content-section-inner h2 {
    height: 30px
}
.service-part-text {
    background-image: none !important;
    color: #bda15f;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    text-indent: 0;
}
.page-feature section {
    background-image: none;
}
.page-feature section#content-feature01 .sp-background {
    background:  url("../images/bg-feature01.jpg") no-repeat scroll center bottom / 100% auto transparent;
    height: 200px;
    width: 100%;
}
.page-feature section#content-feature02 .sp-background {
    background:  url("../images/bg-feature02_3.jpg") no-repeat scroll center bottom / 100% auto transparent;
    height: 200px;
    width: 100%;
}
.page-feature section#content-feature03 .sp-background {
    background:  url("../images/bg-feature03.jpg") no-repeat scroll center bottom / 100% auto transparent;
    height: 200px;
    width: 100%;
}
.page-feature section#content-feature04 .sp-background {
    background:  url("../images/bg-feature04.jpg") no-repeat scroll center bottom / 100% auto transparent;
    height: 200px;
    width: 100%;
}
.page-modelhouse #modelhouse-bnr-wrap {
    padding: 5px;
}
.page-modelhouse .modelhouse-bnr {
    margin: 5px;
    width: calc(50% - 10px);
}
.page-modelhouse .sq-text {
    font-weight: normal;
    line-height: 90px;
}
#contact-form form textarea,
#res-form form textarea {
    width: 100%;
}
.page-wbkouhou .sq-text {
    line-height: 90px;
}
#content-wbkouhou .content-lead {
    font-size: 26px;
    margin: 0 0 20px;
}
#content-wbkouhou03 .content-lead {
    font-size: 26px;
}
.post-type-archive-modelplan .sq-text,
.single-modelplan .sq-text {
    font-weight: normal;
    line-height: 90px;
}
.single-modelplan.ready .bk-sq .bracket-top,
.post-type-archive-modelplan.ready .bk-sq .bracket-top {
    height: 15px;
    width: 88px;
}
.single-modelplan.ready .bk-sq .bracket-bottom,
.post-type-archive-modelplan.ready .bk-sq .bracket-bottom {
    height: 15px;
    width: 88px;
}
#ex-plan-bnr {
    height: 180px;
}
#ex-plan-bnr h3 img {
    height: 58px;
    width: auto;
}
#ex-plan-bnr p {
    font-size: 14px;
}
#ex-plan-bnr {
    padding: 15px 15px 8px;
}
#ex-plan-bnr:before {
    background-size: auto 150px;
}
#ex-plan-bnr a {
    bottom: 15px;
    height: 42px;
    left: 15px;
    width: 242px;
}
#ex-plan-bnr a > * {
    margin-top: 8px;
}
#ex-plan-bnr a > img {
    height: 16px;
    width: auto;
}
#ex-plan-bnr a i img {
    height: 15px;
    width: auto;
}
#energy01_1 p img {
    height: 40px;
    width: auto;
}
#energy01_2 p img {
    height: 40px;
    width: auto;
}
#energy01_3 ul {
    padding: 6px;
    width: auto;
}
#energy01_3 li {
    width: calc(100% * 129 / 497);
}
#energy01_3 li:nth-child(n+2) {
    margin-left: calc(100% * 36 / 497);
}
#energy01_3 li img {
    height: 48px;
    width: auto;
}
#energy01_3 li:nth-child(n+2):before {
    height: 16px;
    left: calc(-2px - (100% * 18 / 129));
    margin-top: -8px;
    top: 50%;
    width: 4px;
}
#energy01_3 li:nth-child(n+2):after {
    height: 4px;
    left: calc(-8px - (100% * 18 / 129));
    margin-top: -2px;
    top: 50%;
    width: 16px;
}
#energy01_3 li:nth-child(n+4) {
    margin-top: 5px;
}
}


@media only screen and (max-width: 559px) {
#content-modelhouse-photo ul {
    width: 100%;
}
#content-modelhouse-photo li.hz {
    height: calc((100vw - 16px) / 4);
    padding: 2px;
    width: calc((100vw - 16px) / 4);
}
#content-modelhouse-photo li.vt {
    height: calc((100vw - 16px) / 4);
    padding: 2px;
    width: calc((100vw - 16px) / 4);
}
/* #content-modelhouse-photo li a {
    height: 76px;
    width: 76px;
} */
/* #content-modelhouse-photo li.hz img {
    height: 76px;
    margin-left: -19px;
    width: 114px;
}
#content-modelhouse-photo li.vt img {
    height: 114px;
    margin-top: -19px;
    width: 76px;
} */
#content-newlybuilt.show .content-section-inner > ul {
    margin: 0;
    width: auto;
}
}

@media only screen and (max-width: 549px) {
#content-newlybuilt.show .content-section-inner > ul .left {
    float: none;
    margin-bottom: 15px;
}
#content-newlybuilt.show .content-section-inner > ul .right {
     float: none;
}
#content-wbkouhou02 .content-section-inner #wb02 {
    width: auto;
    left: 0;
    margin-left: 0;
    padding-left: 6%;
    padding-right: 2%;
}
#content-wbkouhou02 .content-section-inner #wb02:before {
    background-position: center center;
    background-size: 100% auto;
    height: 0;
    margin-left: 11%;
    padding-top: 100%;
    width: 92%;
}
#content-wbkouhou02 .content-section-inner #wb02 img {
    height: auto;
    width: 100%;
}
}


@media only screen and (max-width: 540px) {
#single-land .bx-pager a {
    width: calc((100% - 30px) / 5);
}
#single-land .bx-pager a img {
    position: relative;
}
#single-land .bx-pager a:before {
    display: none;
}
#single-land .bx-pager a:nth-child(5n+1) {
    clear: left;
}
#tbl06 .w46 {
    padding: 8px 10px;
}
}

@media only screen and (max-width: 539px) {
.page-yuryo .content-lead-wrap h2 img {
    margin: 6px 0px;
}
#fb-information {
    margin: 0;
    width: auto;
}
#contact-information > p {
    padding: 30px 0 20px;
}
}


@media only screen and (max-width: 520px) {
#action-guideline .content-section-inner {
    margin: 0;
    width: 100%;
}
#action-guide-definition dd p {
    background-image: none;
    font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
    font-size: 20px;
    font-weight: bold;
    text-indent: 0;
    width: 210px;
    overflow: visible;
    white-space: normal;
    height: auto;
    margin: 0 auto;
    text-align: center;
}
#action-norm-definition dd li {
    display: inline-block;
    float: none;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 20px;
    font-weight: bold;
    padding: 0 5px 0 15px;
    text-indent: 0;
}
#action-norm-definition dd li#action-norm01 {
    background-image: none;
    width: auto;
}
#action-norm-definition dd li#action-norm02 {
    background-image: none;
    width: auto;
}
#action-norm-definition dd li#action-norm03 {
    background-image: none;
    width: auto;
}
#action-norm-definition dd li#action-norm04 {
    background-image: none;
    width: auto;
}
#action-norm-definition dd li#action-norm02:before, #action-norm-definition dd li#action-norm03:before, #action-norm-definition dd li#action-norm04:before {
    background-image: none;
    content:"〉";
    display: inline-block;
    left: 0;
}
#action-norm-definition dd ol {
    margin: 0;
    width: auto;
}
#action-guideline dt {
    border-bottom: 1px solid #a0cf84;
    font-size: 15px;
    font-weight: bold;
    height: auto;
    letter-spacing: 3px;
    padding: 2px 0;
    text-indent: 0;
}
#action-guide-definition dt {
    background-image: none;
}
#action-norm-definition dt {
    background-image: none;
}
#business-policy {
    background-position: center 0;
}
#action-guideline {
    height: 390px !important;
}
}


@media only screen and (max-width: 509px) {
#plan-view {
    width: auto;
}
#plan-view .left,
#plan-view .right {
    float: none;
    width: auto;
}
#plan-view .left img,
#plan-view .right img {
    height: auto;
    width: 100%;
}
#plan-highlight {
    padding: 0;
}
.page-modelhouse .content-lead {
    font-size: 26px;
}
#lead-modelhouse {
    top: 46px;
}
#modelhouse-open {
    top: 146px;
}
#modal-zeh li img {
    height: 40px;
    width: auto;
}
#modal-zeh li:nth-child(n+2):before {
    height: 25px;
    left: -22px;
    top: 9px;
    width: 5px;
}
#modal-zeh li:nth-child(n+2):after {
    height: 5px;
    left: -32px;
    top: 19px;
    width: 25px;
}
#modal-zeh li:nth-child(n+2) {
    margin-left: 40px;
}
#modal-zeh ul {
    width: 377px;
}
#modal-zeh .attention {
    width: 377px;
}
}


@media only screen and (max-width: 480px) {
.highlight-en {
    transform: scale(0.8);
}
#plan-highlight li {
    margin-bottom: 20px;
    padding-left: 100px;
}
#content-modelhouse-access .content-section-inner > ul > li#modelhouse-call,
#content-modelhouse-access .content-section-inner > ul > li#modelhouse-contact {
    width: 100%;
}
#content-modelhouse-access .content-section-inner > ul > li#modelhouse-call {
    font-size: 13px;
    margin-bottom: 15px;
}
#home-content-method .inner-box {
    padding: 20px 10px 10px;
}
#home-content-method .home-content-lead {
    font-size: 18px;
    margin: 0 0 15px;
}
#content-wbkouhou03 .content-section-inner #wb-note-box h3 {
    float: none;
    height: 68px;
    width: auto;
    text-align: center;
}
#content-wbkouhou03 .content-section-inner #wb-note-box h3 img {
    height: 68px;
    width: 68px;
}
#content-wbkouhou03 .content-section-inner #wb-note-box .in {
    width: auto;
    float: none;
}
.page-yuryo .content-lead-wrap h2 img {
    height: 24px;
}
.page-yuryo .content-lead-wrap {
    padding: 60px 10px 20px;
}
.page-yuryo .content-lead-wrap .lead02 strong {
    font-size: 21px;
    margin-bottom: 10px;
}
.page-yuryo .content-lead-wrap .lead02 span {
    font-size: 13px;
}
.hdr01 img {
    height: 21px;
}
.hdr01 {
    padding: 0 0 16px 30px;
}
.hdr01 i:before,
.hdr01 i:after {
    height: 16px;
    width: 16px;
}
.hdr03 {
    font-size: 15px;
}
#content-yuryo01 .content-section-inner > p {
    font-size: 14px;
}
.page-yuryo th,
.page-yuryo td {
    font-size: 13px;
}
#tbl06 li {
    font-size: 13px;
}
.hdr02 {
    font-size: 16px;
    height: auto;
    line-height: 1.3;
    margin-bottom: 26px;
    padding: 8px 10px;
}
.page-technology #technology-bnr-wrap, .page-yuryo #technology-bnr-wrap {
    padding: 9px;
}
.page-technology .technology-bnr, .page-yuryo .technology-bnr {
    margin: 1px;
    width: calc((100% - 4px) / 2);
}
#ex-plan-bnr h3 img {
    height: 48px;
}
#ex-plan-bnr p {
    font-size: 12px;
}
#ex-plan-bnr p br {
    display: none;
}
#ex-plan-bnr a {
    height: 38px;
    width: 210px;
}
#ex-plan-bnr a > img {
    height: 14px;
}
#ex-plan-bnr a > * {
    margin-top: 6px;
}
#ex-plan-bnr a i img {
    height: 14px;
}
#lead-technology {
    margin: -20px 40px 0;
    width: calc(100% - 80px);
}
#ex-plan-bnr a:hover i {
    transform: translate(0,0);
}
#modal-mortar .left p {
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 15px;
}
#modal-mortar .left .note {
    margin-bottom: 15px;
    padding: 10px;
    font-size: 13px;
}
#modal-damping2 .modal-content-in .right h3 img {
    height: 25px;
}
#modal-damping2 .modal-content-in .right .lead img {
    height: 19px;
    width: auto;
}
#modal-damping2 h4 {
    font-size: 17px;
    line-height: 1.5;
}
#modal-damping2 .modal-content-in .right p {
    font-size: 13px;
}
#modal-damping2 .wrap .left p {
    font-size: 13px;
}
#modal-damping2 .modal-content-in .left {
    margin-bottom: 18px;
}
#ex-plan-bnr-wrap {
    padding: 0 10px 80px 10px;
}
.bnr-reserve-modelhouse {
    padding: 20px 10px;
}
.trc-box {
    padding: 10px;
}
.trc-box .right h3 img {
    height: 25px;
}
.trc-box h4 {
    font-size: 17px;
    line-height: 1.5;
}
.trc-box h4 br {
    display: none;
}
.trc-box .right .lead img {
    height: 19px;
    width: auto;
}
.trc-box .right p {
    font-size: 13px;
}
.trc-box .wrap .left p {
    font-size: 13px;
}
.page-earthquake .content-lead-wrap {
    padding: 60px 10px 20px;
}
.page-earthquake .content-lead-wrap .lead02 strong {
    font-size: 18px;
}
.page-earthquake .content-lead-wrap .lead02 span {
    font-size: 13px;
}
.page-earthquake .content-lead-wrap h1 img,
.page-earthquake .content-lead-wrap h2 img {
    height: 29px;
    margin: 3px 0px;
}
#content-earthquake01 .attention {
    font-size: 11px;
    line-height: 1.3;
}
.sup-note li {
    font-size: 12px;
}
.reason-list li {
    font-size: 16px;
    margin-bottom: 5px;
}
.reason-list li i {
    margin-top: -11px;
}
.page-energy .content-lead-wrap {
    padding: 60px 10px 20px;
}
.page-energy .content-lead-wrap .lead02 strong {
    font-size: 18px;
}
.page-energy .content-lead-wrap .lead02 span {
    font-size: 13px;
}
.page-energy .content-lead-wrap h2 img {
    height: 24px;
}
#content-energy01 p {
    font-size: 13px;
    margin-bottom: 10px;
}
#content-energy01 p small {
    font-size: 11px;
}
#energy01_3 h4 {
    font-size: 16px;
    font-weight: bold;
}
#energy01_3 .attention {
    font-size: 11px;
}

.page-support .content-lead-wrap {
    padding: 60px 10px 20px;
}
.page-support .content-lead-wrap .lead02 strong {
    font-size: 19px;
}
.page-support .content-lead-wrap .lead02 span {
    font-size: 12px;
}
.page-support .content-lead-wrap h1 img,
.page-support .content-lead-wrap h2 img {
    height: 24px;
    margin: 6px 0px;
}
.page-insulation .content-lead-wrap {
    padding: 60px 10px 20px;
}
.page-insulation .content-lead-wrap h2 img {
    height: 24px;
}
.page-insulation .content-lead-wrap .lead02 strong {
    font-size: 18px;
}
.page-insulation .content-lead-wrap .lead02 span {
    font-size: 13px;
}
#content-energy01 .content-section-inner, #content-energy02 .content-section-inner {
    padding: 60px 10px 20px;
}
.page-zeh .content-lead-wrap {
    padding: 60px 10px 20px;
}
.page-zeh .content-lead-wrap h2 img {
    height: 24px;
}
.page-zeh .content-lead-wrap .lead02 strong {
    font-size: 18px;
}
.page-zeh .content-lead-wrap .lead02 span {
    font-size: 13px;
}
.page-flow .content-lead-wrap {
    padding: 60px 10px 20px;
}
.page-flow .content-lead-wrap h2 img {
    height: 24px;
}
.page-flow .content-lead-wrap .lead02 strong {
    font-size: 18px;
}
.page-flow .content-lead-wrap .lead02 span {
    font-size: 13px;
}
#flow .content-section-inner {
    padding: 60px 10px 20px;
}
.page-flow .content-lead-wrap .inner > img {
    display: none;
}
.page-flow .content-lead-wrap h2 {
    margin-bottom: 0;
}
}

@media only screen and (max-width: 479px) {
#modal-zeh .right {
    line-height: 1.3;
}
#modal-zeh .right p {
    font-size: 13px;
    line-height: 1.3;
}
#modal-zeh ul {
    width: 345px;
}
#modal-zeh li img {
    height: 35px;
}
#modal-zeh .attention {
    font-size: 12px;
    width: 345px;
}
#content-wbkouhou .content-lead br.none {
    display: block;
}
#archive-land {
    padding: 70px 10px 40px;
}
.land-info-box {
    padding: 16px 10px;
}
#archive-land #hdr-toyama-landinfo img {
    height: 24px;
}
#land-search-box .right {
    width: 100%;
}
#land-search-box input[type="submit"] {
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    width: 100%;
}
#single-land {
    padding: 70px 10px 40px;
}
#single-land #hdr-toyama-landinfo img {
    height: 24px;
}
#archive-modelplan {
    padding: 70px 10px 40px;
}
.sp-thumbnails {
    margin: 0 -1px;
}
.modelplan-slider .sp-right-thumbnails .sp-thumbnail-container:first-child {
    margin-top: 1px;
}
.modelplan-slider .sp-right-thumbnails .sp-thumbnail-container {
    margin: 1px;
    width: calc((100% - 8px) / 4) !important;
}
.modelplan-slider .sp-thumbnails-container {
    padding: 5px 0;
}
.btn-plan-link01-1 {
    float: none;
    text-align: center;
}
.btn-plan-link01-1 a {
    display: inline-block;
}
.btn-plan-link01-1 a img {
    height: 15px;
}
.btn-plan-link01-1 a {
    height: 44px;
    padding-top: 9px;
    width: 270px;
}
.btn-plan-link01-1 p.nolink {
    display: inline-block;
}
.btn-plan-link01-1 p.nolink img {
    height: 15px;
}
.btn-plan-link01-1 p.nolink {
    height: 44px;
    padding-top: 9px;
    width: 270px;
}
#tbl06 .w46 {
    padding: 2px 4px;
}
.modelplan-box {
    padding: 10px 0 50px;
}
.seiyu-insulation-block .seiyu-insulation {
    width: 100%;
}
.seiyu-insulation-block {
    padding: 10px;
}
.seiyu-insulation-block .toyama-insulation {
    width: 260px;
}
.insulation03-col {
    width: 100%;
}
.modal-content.modal-zeh {
    width: 100%;
}
.modal-content.modal-zeh:nth-child(2n) {
    margin-left: 0;
}
.modal-content.modal-zeh:nth-child(n+2) {
    margin-top: 6px;
}
.modal-content.modal-zeh .pic {
    padding-top: 50%;
}
.modal-zeh-wrap {
    padding: 12px;
}
.ptbl01 th {
    width: 110px;
}
.price-detail > ul > li > .icon {
    height: 64px;
    width: 64px;
}
.price-detail > ul > li > .list-df {
    width: calc(100% - 70px);
}
.price-detail > ul > li li {
    padding: 4px 0;
}
.price-detail > ul > li > .list-df > dl.seiyu-price {
    margin-bottom: 4px;
}
.price-detail > ul > li li > .icon {
    height: 52px;
    width: 52px;
}
.price-detail > ul > li > .list-df > dl.seiyu-price > dt {
    padding-top: 0;
}
.price-detail > ul > li li > .list-df {
    width: calc(100% - 58px);
}
.price-detail > ul > li > .list-df > dl > dt {
    font-size: 15px;
    padding-top: 5px;
}
.price-detail > ul > li > .list-df > dl > dd > b {
    font-size: 18px;
}
.price-detail {
    padding: 10px;
}
.price-detail > ul > li li > .list-df > dl > dd > b {
    font-size: 16px;
}
.price-detail > ul > li li > .list-df > dl > dt {
    margin-bottom: 4px;
    padding-top: 3px;
}
#flow .flow-box .pic {
    width: 100%;
}
#flow .flow-box {
    padding-top: 35px;
}
#flow .flow-link-box {
    flex-direction: column;
    height: auto;
    padding: 10px 0;
}
#flow .flow-link-box .flow-tel {
    margin: auto;
    width: 233px;
}
#flow .flow-link-box ul {
    justify-content: center;
}
#flow .free-note {
    font-size: 14px;
}
.page-event-news .home-event-list li .headline {
    width: calc(100% - 145px);
}
.ua-graph-tbl tr.seiyu-std .none {
    position: static;
}
.ua-graph-tbl th:nth-child(1), .ua-graph-tbl td:nth-child(1) {
    text-align: center;
}
.ua-graph-tbl th:nth-child(1), .ua-graph-tbl td:nth-child(1) {
    width: 86px;
}
.ua-graph-tbl tr.seiyu-std .none {
    font-size: 12px;
    height: 20px;
    width: 58px;
}
.ua-graph-tbl th:nth-child(1) {
    padding: 6px 4px;
}
.ua-graph-tbl th {
    font-size: 13px;
}
.ua-graph-note {
    text-align: left;
}
.ua-piramid {
    width: 260px;
}
}

@media only screen and (max-width: 471px) {
.land-info-box .btn01,
.land-info-box .btn02 {
    width: calc((100% - 6px) / 2);
}
.land-info-box .btn03 {
    width: 100%;
}
.land-info-box .btn01 a,
.land-info-box .btn02 a,
.land-info-box .btn03 a {
    width: 100%;
}
.land-info-box .detail-link ul {
    margin: -4px 0 0;
}
.land-info-box .detail-link li {
    margin: 4px 0 0;
}
.land-info-box .btn01 a img,
.land-info-box .btn02 a img,
.land-info-box .btn03 a img {
    height: 15px;
}
.land-info-box .detail-link a {
    padding-top: 10px;
}
}

@media only screen and (max-width: 440px) {
.ltbl01 tr,
.ltbl01 th,
.ltbl01 td {
    display: block;
    width: 100%;
}
.ltbl02 tr,
.ltbl02 th,
.ltbl02 td {
    display: block;
    width: 100%;
}
.ltbl01 th,
.ltbl02 th {
    padding: 3px 13px;
}
.ltbl01 td,
.ltbl02 td {
    padding: 9px 13px;
}
.ltbl01 tr:nth-child(4) {
    border-bottom: 1px solid #c1c1c1;
}
.lconditions {
    padding: 0 0 4px;
}
.lconditions li {
    width: calc((100% - 16px) / 3);
}
.l_update {
    font-size: 13px;
}
.l_update br.none {
    display: block;
}
.lhdr01 {
    font-size: 16px;
    height: auto;
    line-height: 1.35;
    padding: 8px;
}
.ltbl01 td.price span {
    font-size: 18px;
}
#land-link02 a img {
    height: 15px;
}
#land-link02 a {
    width: 254px;
}
#land-link02 {
    padding: 8px 0;
    width: 280px;
}
.form-subject-row .form-table-data {
    display: block;
}
.form-subject-row .form-table-data > span {
    padding: 0 10px;
}
.form-subject-row .form-table-data > span:nth-child(1) {
    order: 1;
    width: auto;
}
.form-subject-row .form-table-data > span:nth-child(2) {
    order: 2;
    width: auto;
}
.form-subject-row .form-table-data > span:nth-child(3) {
    order: 3;
    width: auto;
}
.form-subject-row .form-table-data > span:nth-child(4) {
    order: 4;
    width: auto;
}
.form-subject-row .form-table-data > span:nth-child(5) {
    order: 5;
    width: auto;
}
.form-subject-row .form-table-data > span:nth-child(6) {
    width: auto;
}
.form-subject-row .form-table-data > span:nth-child(7) {
    width: auto;
}
.form-staff-row .form-table-data > span {
    padding: 0 10px;
}
}

@media only screen and (max-width: 420px) {
#contact-information li.btn-mail {
    background-color: #f0ffea;
    margin: 0 auto 2px;
}
#contact-information li.btn-call {
    background-color: #f0ffea;
}
.page-contact #contact-information li.btn-mail {
    display: none;
}
.page-contact #contact-information li.btn-call {
    background-color: #fff;
}
#contact-information > p {
    font-size: 13px;
    letter-spacing: 0;
    margin: 0 0 8px;
}
.page-contact #contact-information > p {
    font-size: 13px;
}
#contact-information li:before, #contact-information li:after {
    width: 100%;
}
#contact-information li {
    width: auto;
}
.page-contact #contact-information ul {
    width: auto;
}
#contact-information li a, #contact-information li p {
    text-decoration: none;
    width: auto;
}
#contact-information li.btn-mail a i {
    background-image: none;
    color: #555;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    line-height: 68px;
    text-indent: 0;
    width: auto;
}
#contact-information li.btn-mail a:hover i {
    background-image: none;
    color: #63B035;
}
#contact-information li.btn-call p i {
    background-image: none;
    color: #555;
    font-size: 21px;
    font-style: normal;
    font-weight: bold;
    line-height: 54px;
    text-indent: 0;
    width: auto;
}
#contact-information li.btn-call p i a {
    border: none;
    color: #666;
}
#contact-information li.btn-call p:hover i {
    background-image: none;
    color: #63B035;
}
#contact-information li.btn-call p i a:hover {
    background-image: none;
    color: #63B035;
}
#contact-information li.btn-call p span {
    width: 100%;
}
#header-inner h1 {
    padding: 20px 13px;
}
header.fixed #header-inner h1.aniv {
    padding: 6px 13px;
}
#page-title {
    height: 50px;
}
#page-title:after {
    height: 50px;
}
#page-title h1,
#page-title h2 {
    background-size: auto 75px;
    height: 50px;
}
.page-service .content-section-inner > h2 {
    margin: 0 auto 26px;
}
.page-service .content-lead {
    font-size: 23px;
    margin: 0 0 14px;
}
#content-renovation .content-lead {
    margin: 0 auto 14px;
    text-align: center;
    width: 270px;
}
#content-reduction .content-lead {
    margin: 0 auto 14px;
    text-align: center;
    width: 183px;
}
#content-newlybuilt .content-section-inner > p {
    font-size: 14px;
    line-height: 25px;
    margin: 0 auto 16px;
}
#content-renovation .content-section-inner > p {
    font-size: 14px;
    line-height: 25px;
    margin: 0 auto 16px;
}
#content-reduction .content-section-inner > p {
    font-size: 14px;
    line-height: 25px;
}
#content-newlybuilt {
    padding: 0 0 215px;
}
#content-renovation {
    padding: 0 0 240px;
}
#content-reduction {
    padding: 0 0 210px;
}
a.btn-service-detail {
    width: auto;
}
#content-renovation .content-section-inner {
    padding: 30px 16px 25px;
}
#home-content-works-list li p {
    display: none;
}
#home-content-works-list li i {
    top: 20%;
}
#works-description .left figure {
    width: 300px;
}
#works-description .left figure img {
    height: auto;
    width: 300px;
}
.form-name-row input {
    margin: 1px;
    width: calc(100% - 60px);
}
.form-phone-row input {
    width: 91px;
}
.form-table-data {
    padding: 6px 0;
}
#contact-form hr {
    margin: 6px 0;
}

.page-modelhouse #modelhouse-bnr-wrap {
    padding: 1px;
}
.page-modelhouse .modelhouse-bnr {
    margin: 1px;
    width: calc(50% - 2px);
}
.page-modelhouse .content-lead {
    font-size: 22px;
}
#plan-highlight li {
    margin-bottom: 0px;
}
#plan-highlight h4,
#plan-highlight.show h4 {
    font-size: 15px;
}
#plan-highlight p,
#plan-highlight.show p {
    color: #4d4d4d;
    font-size: 13px;
}
#wood-info {
    margin-top: 15px;
}
#wood-info {
    padding: 15px;
}
#wood-info > .right {
    font-size: 12px;
    line-height: 19px;
}
#wood-info > .left > .left,
#wood-info > .left > .right {
    width: 80px;
}
#wood-info > .left > .left > figure > img,
#wood-info > .left > .right > figure > img {
    height: 80px;
    width: 80px;
}
#wood-info > .left figcaption {
    line-height: 1;
}
#wood-info > .left > .left figcaption > img,
#wood-info > .left > .right figcaption > img {
    height: 10px;
}
#wood-info > .left {
    width: 80px;
}
#wood-info > .right {
    width: calc(100% - 94px);
}
#content-modelhouse-access .content-section-inner > #access-attention {
    font-size: 14px;
}
#content-modelhouse-access .content-section-inner > p {
    font-size: 13px;
    line-height: 20px;
    margin: 0 auto 30px;
}
#content-modelhouse-access .content-section-inner > dl dt {
    font-size: 13px;
}
#content-modelhouse-access .content-section-inner > dl dd {
    font-size: 13px;
}
#content-modelhouse-access .content-section-inner > ul > li#modelhouse-call {
    font-size: 12px;
}
.page-modelhouse .gmap {
    height: 268px;
}
#home-content-method .home-content-lead br.none {
    display: block;
}
.page-wbkouhou .content-section-inner > h2 {
    margin: 0 auto 26px;
}
#content-wbkouhou .content-lead {
    font-size: 22px;
    margin: 0 0 14px;
}
#content-wbkouhou .content-section-inner > p {
    font-size: 14px;
    line-height: 25px;
}
#content-wbkouhou03 .content-lead {
    font-size: 20px;
    margin: 0 0 14px;
}
#content-wbkouhou03 .content-section-inner > p {
    font-size: 14px;
    line-height: 25px;
}
#content-wbkouhou03 .content-section-inner #wb-note-box {
    font-size: 14px;
    line-height: 25px;
    padding: 15px;
}
#content-wbkouhou03 .content-section-inner #wb-note-box h4 {
    text-align: center;
}
#content-wbkouhou03 .content-section-inner #wb-note-box h4 img {
    max-width: 100%;
}
#content-wbkouhou02 .content-section-inner #wb-point {
    font-size: 13px;
    left: 0;
    margin-left: 0;
    padding: 0 10px;
    top: 30px;
    width: auto;
}
#content-wbkouhou02 .content-section-inner #wb-point li:nth-child(1),
#content-wbkouhou02 .content-section-inner #wb-point li:nth-child(2) {
    font-weight: bold;
    line-height: 1.25;
    margin-bottom: 5px;
    padding-left: 1.2em;
    text-indent: -1.2em;
}
.std-bnr {
    width: calc((100% - 8px) / 2);
}
#header-inner h1 img {
    height: 42px;
    width: 129px;
}
#header-inner h1 {
    padding: 12px 12px;
}
header {
    height: 66px;
}
.btn-sp-menu2 {
    height: 60px;
    top: 3px;
    width: 60px;
}
.nav-n ul {
    margin: 0 auto;
}
.page-reasons #page-title h1,
.page-insulation #page-title h1 {
    background-size: auto 35px;
}
.page-zeh #page-title h1 {
    background-size: auto 40px;
}
.single-modelplan #page-title h1,
.post-type-archive-modelplan #page-title h1 {
    background-size: auto 36px;
}
.page-flow #page-title h1 {
    background-size: auto 36px;
}
.page-event-news #page-title h1 {
    background-size: auto 34px;
}
}


@media only screen and (max-width: 413px) {
#lead-modelhouse {
    height: 56px;
    margin-left: -103px;
    top: 40px;
    width: 206px;
}
#lead-modelhouse img {
    height: 56px;
    width: 206px;
}
#modelhouse-open {
    height: 20px;
    margin-left: -65px;
    top: 106px;
    width: 131px;
}
#modelhouse-open img {
    height: 20px;
    width: 131px;
}
.page-modelhouse .content-lead {
    font-size: 20px;
}
#content-modelhouse-plan .content-section-inner {
    padding: 40px 15px 20px;
}
#plan-highlight li {
    margin: 0 -5px 0 -10px;
}
/* #content-modelhouse-photo ul {
    width: 375px;
}
#content-modelhouse-photo li.hz {
    height: 75px;
    padding: 0;
    width: 75px;
}
#content-modelhouse-photo li.vt {
    height: 75px;
    padding: 0;
    width: 75px;
}
#content-modelhouse-photo li a {
    height: 75px;
    width: 75px;
}
#content-modelhouse-photo li.hz img {
    height: 75px;
    margin-left: -19px;
    width: auto;
}
#content-modelhouse-photo li.vt img {
    height: auto;
    margin-top: -19px;
    width: 75px;
} */
#content-modelhouse-photo .content-section-inner {
    padding: 40px 0;
}
#content-modelhouse-access .content-section-inner {
    padding: 30px 15px 20px;
}
#content-modelhouse-access .content-section-inner > ul {
    padding: 25px 0;
}
#content-modelhouse-reserve .content-section-inner {
    padding: 30px 5px;
}
.page-modelhouse #content-modelhouse-reserve .content-section-inner > h2 {
    margin: 0 auto 15px;
}
.page-modelhouse #content-modelhouse-reserve .content-section-inner > h2 img {
    height: 33px;
    width: auto;
}
#res-form thead th {
    font-size: 15px;
}
.form-table-row th {
    font-size: 13px;
}
.form-plan-row .form-table-data > span {
    font-size: 13px;
}
.modal-content-in {
    padding: 15px;
}
#modal-taika-kouzou .left h3 img {
    height: 72px;
    width: 264px;
}
#modal-taika-kouzou .left h3 {
    padding: 0 0 15px;
}
#modal-taika-kouzou .left p {
    font-size: 13px;
    line-height: 21px;
}
#modal-taika-kouzou .right {
    width: auto;
}
#modal-taika-kouzou .right img {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 260px;
}
#modal-taika-kouzou .right .attention {
    font-size: 11px;
}
#modal-zeh h3 img {
    height: 28px;
    width: auto;
}
#modal-zeh h3 {
    padding: 0 0 14px;
    text-align: center;
}
#modal-zeh .left img {
    height: 80px;
}
#modal-zeh .right h4 {
    font-size: 13px;
}
#modal-zeh .attention {
    font-size: 11px;
    width: 345px;
}
#modal-zeh li:nth-child(n+2):before {
    height: 15px;
    left: -14px;
    top: 9px;
    width: 3px;
}
#modal-zeh li:nth-child(n+2):after {
    height: 3px;
    left: -20px;
    top: 15px;
    width: 15px;
}
#modal-zeh ul {
    padding: 20px 0 8px;
    width: 300px;
}
#modal-zeh li:nth-child(n+2) {
    margin-left: 25px;
}
#modal-zeh .attention {
    width: 300px;
}
.land-info-box .ttl {
    padding: 0 5px;
    text-align: left;
}
.land-info-box .ttl .new-label {
    margin-left: 2px;
}
.hdr02 {
    font-size: 16px;
}
.land-info-box .ttl {
    font-size: 17px;
}
.hdr01 {
    font-size: 16px;
}
#content-yuryo01 .content-section-inner {
    margin: 0;
    padding: 60px 10px 30px;
    width: auto;
}
.page-yuryo th, .page-yuryo td {
    font-size: 12px;
}
#tbl06 li {
    font-size: 12px;
}
.page-yuryo h4 {
    font-size: 14px;
}
#lead-technology {
    margin: -20px 20px 0;
    width: calc(100% - 40px);
}
.bnr-reserve-modelhouse {
    padding: 20px 5px;
}
#content-earthquake01 .content-section-inner,
#content-earthquake02 .content-section-inner,
#content-earthquake03 .content-section-inner {
    padding: 60px 10px 30px;
}

#content-energy01 .content-section-inner {
    padding: 60px 10px 20px;
}
#content-energy02 .content-section-inner {
    padding: 30px 10px 30px;
}

#content-support01 .content-section-inner {
    padding: 60px 10px 20px;
}
#content-support02 .content-section-inner {
    padding: 30px 10px 30px;
}
#header-inner h1.aniv img {
    height: auto;
    width: 190px;
}
#contact-form form .form-date-row input[type="text"] {
    display: block;
    margin-bottom: 10px;
    width: 100%;
}
.home-event-list li .pic {
    height: 0;
    padding-bottom: 13.47%;
    padding-top: 13.47%;
    width: 36%;
}
.home-event-list li .headline {
    width: calc(64% - 10px);
}
.home-event-list .post-title {
    font-size: 13px;
}
.home-event-list .post-date {
    font-size: 11px;
}
.home-news-list li {
    font-size: 13px;
}
.home-news-list .post-date {
    font-size: 11px;
}
.seismic-intensity-cols {
    padding: 16px;
}
#earthquake-insurance01 .lead .content-section-inner {
    padding: 32px 10px;
}
#earthquake-insurance01 .content-section-inner {
    padding: 32px 10px 40px;
}
.seismic-intensity-cols {
    padding: 12px;
}
#earthquake-insurance01 .frequency-note {
    font-size: 10px;
}
#earthquake-insurance01 .intro-data {
    width: 104px;
    top: -110px;
}
#earthquake-insurance02 .content-section-inner {
    padding: 10px 10px 32px;
}
.insurance-head-copy {
    max-width: 220px;
    margin-bottom: 0;
}
.insurance-head-cols {
    margin-bottom: 20px;
}
.insurance-head-txt {
    line-height: 1.67;
}
.insurance02-box {
    padding: 10px;
}
.insurance02-box-cols02-sub {
    padding: 10px;
}
.insurance02-box-txt {
    margin-bottom: 16px;
}
#earthquake-insurance03 .content-section-inner {
    padding: 30px 10px;
}
.insurance03-tbl {
    font-size: 14px;
}
#earthquake-insurance01 .intro-txt {
    font-size: 14px;
}
.insurance02-box-cols01-txt {
    font-size: 14px;
}
.insurance02-box-txt {
    font-size: 14px;
}
.hdr-insurance02-box {
    font-size: 21px;
}
.insurance02-box-cols02-sub-txt {
    font-size: 13px;
}
.insurance03-tbl th {
    letter-spacing: 0;
    text-indent: 0;
    padding: 12px 0;
}
.insurance03-tbl tbody td {
    padding: 12px 8px 12px 12px;
}
#earthquake-insurance04 .content-section-inner {
    padding: 30px 10px 50px;
}
#content-foot-inner {
    padding: 0 10px;
}
.insurance04-dl dt {
    font-size: 14px;
}
.insurance04-dl dd {
    font-size: 14px;
}
.insurance04-dl p {
    padding: 6px;
}
.insurance04-dl + .insurance04-dl {
    margin-top: 20px;
}
#earthquake-insurance04 .hdr01 {
    margin-bottom: 12px;
}
#earthquake-insurance04 .hdr01 img {
    height: 36px;
}
}

@media only screen and (max-width: 375px) {
#energy01_1 p img {
    height: auto;
    width: 100%;
}
#energy01_2 p img {
    height: auto;
    width: 90%;
}
#energy01_2 .left {
    width: 90%;
}
#energy01_2 .left img {
    height: auto;
    width: 100%;
}
}

@media only screen and (max-width: 374px) {
.page-modelhouse .content-lead {
    font-size: 19px;
}
/* #content-modelhouse-photo ul {
    width: 320px;
}
#content-modelhouse-photo li.hz {
    height: 64px;
    padding: 0;
    width: 64px;
}
#content-modelhouse-photo li.vt {
    height: 64px;
    padding: 0;
    width: 64px;
}
#content-modelhouse-photo li a {
    height: 64px;
    width: 64px;
}
#content-modelhouse-photo li.hz img {
    height: 64px;
    margin-left: -16px;
    width: auto;
}
#content-modelhouse-photo li.vt img {
    height: auto;
    margin-top: -16px;
    width: 64px;
} */
.highlight-en {
    margin-top: -10px;
    transform: scale(0.7);
}
#plan-highlight h4, #plan-highlight.show h4 {
    font-size: 14px;
    line-height: 16px;
}
#plan-highlight p, #plan-highlight.show p {
    font-size: 12px;
}
#plan-highlight li {
    padding-left: 92px;
}
#plan-highlight li {
    margin: 0 -10px 0 -20px;
}
#modal-taika-kouzou .left h3 img {
    height: 66px;
    width: 242px;
}
#modal-taika-kouzou .right h4 {
    font-size: 14px;
}
#modal-taika-kouzou .left p {
    line-height: 19px;
}
#modal-taika-kouzou .right img {
    width: 240px;
}
#modal-zeh h3 img {
    height: 26px;
}
#modal-zeh .left img {
    height: 74px;
}
#modal-zeh ul {
    padding: 15px 0 8px;
    width: 207px;
}
#modal-zeh li:nth-child(n+3) {
    margin-top: 6px;
}
#modal-zeh .attention {
    width: 207px;
}
.land-info-box .btn01,
.land-info-box .btn02 {
    width: 100%;
}
#modal-damping2 .modal-content-in .right h3 img {
    height: auto;
    width: 100%;
}
.page-yuryo .content-lead-wrap .lead02 strong {
    font-size: 18px;
}
.trc-box .right h3 img {
    height: auto;
    width: 100%;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap {
    max-width: 300px;
}
.reasons-compare .compare-col.seiyu-std .hdr {
    font-size: 20px;
    line-height: 20px;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link {
    height: 75px;
    width: 75px;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link02 {
    top: 67px;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link03 {
    bottom: 46px;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link05 {
    bottom: 46px;
}
.reasons-compare .compare-col.seiyu-std .graph-wrap .svg-link06 {
    top: 67px;
}
.reform-msg {
    padding: 0 10px;
}
.reform-bnr-wrap {
    padding: 0 10px;
}
#content-reform .content-section-inner:nth-child(3) {
    padding: 0 10px;
}
}

@media only screen and (max-width: 359px) {
#btn-mobile-menu2 {
    height: 58px;
    line-height: 58px;
    right: 12px;
    top: 16px;
    width: 90px;
}
header.fixed #btn-mobile-menu2 {
    height: 48px;
    line-height: 48px;
    top: 6px;
}
header:hover #btn-mobile-menu2,
.open header.fixed #btn-mobile-menu2 {
    height: 58px;
    line-height: 58px;
    top: 16px;
}
}




@media screen and (max-width: 768px) {
    .works-search-tabs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: calc(100% - 36px);
        margin: 0 auto;
        border: 1px solid #9fbd91;
        background: #fff;
        gap: 0;
    }
    .works-search-tab {
        position: relative;
        width: 100%;
        min-height: 52px;
        padding: 10px 6px;
        border: none;
        background: #fff;
        color: #7fa96b;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.05em;
        line-height: 1.4;
        transition:
            background-color .25s ease,
            color .25s ease;
    }
    .works-search-tab:hover {
        transform: translateY(0);
    }
    .works-search-tab + .works-search-tab {
        border-left: 1px solid #9fbd91;
    }
    .works-search-tab.is-active {
        background: #7fa96b;
        color: #fff;
    }
    .works-search-tab.is-active::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -9px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 9px solid #7fa96b;
        transform: translateX(-50%);
    }
}