@charset "utf-8";

body {
    background: #fcf7e3;
}

/* .box-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.box-flexc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    justify-content: center;
}

.box-flexs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.box-flexb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
} */

#wrapper {
    min-width: 375px;
    max-width: 100%;
    overflow: hidden;
}

.common-h1 {
    margin-left: 4%;
    padding: 5px 50px 5px 5px;
    font-size: 10px;
}

.h1 a {
    display: block;
}

@media (max-width: 1024px) {
    .overlay #header,
    .overlay #main,
    .overlay .foot1,
    .overlay .foot2 {
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }
    .common-h1 {
        margin-left: 2%;
    }
}

.mobile-nav-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    padding: 15px;
}

.mobile-nav-header .h1 {
    width: 80%;
    max-width: 250px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.mobile-nav-header .h1 .t {
    font-size: 1px;
}

.mobile-nav-header .address {
    font-size: 12px;
}

#gnav.action {
    -webkit-box-shadow: -2px 0px 15px -5px #000;
    box-shadow: -2px 0px 15px -5px #000;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

#gnav {
    width: 65%;
    height: 100%;
    display: none;
    padding-bottom: 90px;
    background: #fff;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    z-index: 151;
}

#gnav .tl {
    height: 10%;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
#gnav .tl>li:after {
    display: none;
}
#gnav .tl>li a {
    display: block;
}
#gnav p {
    width: 44px;
    height: 44px;
    display: block;
    border: 1px solid #fff;
    background: #fff;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: -44px;
}
#gnav .tl>li:nth-last-of-type(2):before {
    display: none;
}
#gnav .tl>li:last-child {
    display: block;
}
#gnav.action p span.n {
    -webkit-transition: ease 0.10s;
    transition: ease 0.10s;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#gnav p .n {
    width: 26px;
    height: 2px;
    display: block;
    margin-top: -1px;
    padding: 0;
    text-indent: -9999px;
    background: #1c1d22;
    position: absolute;
    top: 50%;
    left: 8px;
}
#gnav p .n:before {
    content: "";
    width: 26px;
    height: 2px;
    display: block;
    background: #1c1d22;
    position: absolute;
    top: -8px;
    left: 0;
}
#gnav p .n:after {
    content: "";
    width: 26px;
    height: 2px;
    display: block;
    background: #1c1d22;
    position: absolute;
    top: 8px;
    left: 0;
}
#gnav.action p span.n:before,
#gnav.action p span.n:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 0;
    left: 0;
}

#gnav ul ul {
    height: auto;
    overflow: auto;
    border-top: 1px solid #eee;
}
#gnav ul ul li:last-child {
    border: none;
}
#gnav ul ul li a {
    background: #eee;
}
#gnav .a {
    display: block !important;
    padding: 10px 15px;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
    position: relative;
}
#gnav li ul {
    width: auto;
    visibility: visible;
    padding-top: 0;
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    position: relative;
    top: auto;
    left: auto;
}
#gnav .a:before {
    content: "";
    width: 20px;
    height: 3px;
    background: #999;
    position: absolute;
    top: 23px;
    right: 14px;
}
#gnav .a:after {
    content: "";
    width: 20px;
    height: 3px;
    background: #999;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: 23px;
    right: 14px;
}
#gnav .a.is-parent:after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
#gnav .a+ul {
    display: none;
}
#gnav .toggle {
    width: 42px;
    height: 42px;
    display: block !important;
    background: #170302;
    opacity: 0.8;
    cursor: pointer;
    position: fixed !important;
    top: 0px;
    right: 0px;
    z-index: 251;
}

#gnav .toggle .bar {
    width: 28px;
    height: 2px;
    display: block;
    margin-top: -1px;
    padding: 0;
    text-indent: 9999px;
    background: #fff;
    -webkit-transition: ease 0.40s;
    transition: ease 0.40s;
    position: absolute;
    top: 50%;
    left: 7px;
}

#gnav .toggle .bar:before {
    content: "";
    width: 28px;
    height: 2px;
    display: block;
    background: #fff;
    position: absolute;
    top: -10px;
    left: 0;
}

#gnav .toggle .bar:after {
    content: "";
    width: 28px;
    height: 2px;
    display: block;
    background: #fff;
    position: absolute;
    top: 10px;
    left: 0;
}

#gnav.action .toggle .bar {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#gnav.action .toggle .bar:after,
#gnav.action .toggle .bar:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 0;
    left: 0;
}

#gnav .accordion-body {
    width: 100%;
    height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0;
    -webkit-transition: height ease 0.1s, opacity ease 0.4s;
    transition: height ease 0.1s, opacity ease 0.4s;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: -10;
}

#gnav.action .accordion-body {
    height: 100vh;
    opacity: 1;
    z-index: 250;
}

#gnav .accordion-inner {
    width: 100%;
    padding: 60px 10px 100px 10px;
}

#gnav li {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid #ddd;
}

#gnav ul li a {
    display: block;
    padding: 10px 15px;
    text-align: left;
    border: none;
}

@media (max-width: 1024px) {
    #header {
        position: relative;
        z-index: 149;
    }
    #gnav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .overlay:after {
        content: "";
        width: 100%;
        height: 100vh;
        background: #000;
        opacity: 0.3;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 150;
    }
}

@media (max-width: 599px) {
    #gnav {
        width: 80%;
    }
}
#header .h1 .img:after {
    padding-top: 11.5%;
}
#header .h1 .t {
    display: block;
    font-size: 10px;
}
#header .h1 {
    text-align: center;
}
#header .inner {
    max-width: none;
}
#header .left {
    width: 27%;
    max-width: 270px;
}
#hnav .box-flex>li.nav-contact a {
    display: inline-block;
    padding: 2px 1.5em;
    color: #fff;
    border: 2px solid #c8161d;
    border-radius: 15px / 50%;
    background: #c8161d;
}

#hnav .box-flex>li.nav-contact .type-b a {
    color: #c8161d;
    background-color: white;
}

#hnav .box-flex>li {
    padding: 0 0 0 1.5em;
    position: relative;
}
#hnav .box-flex>li a,
#hnav .box-flex>li .a {
    display: inline-block;
    padding: 2px 0;
}
#hnav li ul {
    width: 230px;
    visibility: hidden;
    padding-top: 0;
    background: rgba(255,255,255,0.8) content-box;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 50;
}
#hnav .box-flex>li li a {
    display: block;
    padding: 5px;
}
#hnav li:hover ul {
    visibility: visible;
    opacity: 1;
}
#header {
    padding: 5px 0;
}

.foot1 .right {
    width: 48%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0 12px 0;
}

.foot1 .right .map {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.foot1 .right .footer-bnr {
    padding-right: calc(50vw - 500px);
}
.foot1 .left {
    width: 48%;
    padding-left: calc(50vw - 500px);
}
.foot1 .h3 .i:after {
    padding-top: 11.21%;
}
.foot1 .h3 {
    max-width: 330px;
    margin: 0 auto 30px auto;
}
.foot1 .left p:first-child {
    padding: 0 0 30px 0;
    text-align: center;
}
.foot1 .h3+dl dt {
    padding: 5px 0;
    font-size: 22px;
    text-align: center;
    border-top: #222 4px solid ;
    border-bottom: #222 4px solid ;
}
.foot1 dd.tel {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 52px;
    line-height: 120%;
    letter-spacing: -0.05em;
    text-align: center;
}
.foot1 dd.tel .i {
    width: 47px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin: -14px 5px 0 0;
}
.foot1 dd.tel+dd {
    margin-top: -10px;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 22px;
    line-height: 120%;
    text-align: center;
}
.foot1 .h3+dl {
    padding-bottom: 25px;
}
.foot1 dl+p {
    padding-bottom: 25px;
    text-align: center;
}
.foot1 dl+p a {
    display: block;
    padding: 8px 0;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    border-radius: 15px / 50%;
    background: #c8161d;
}
.foot1 .right li a:after {
    padding-top: 16.8% ;
}
.foot1 .right li {
    padding: 0 0 25px 0;
}
.foot1 .table dl {
    margin-bottom: 6px;
    padding: 10px 0;
    background: #fff;
}
.foot1 .table dd {
    width: 65%;
    padding: 0 2% 0 0;
}
.foot1 .table dt {
    width: 35%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    padding: 0 0 0 9%;
}
.foot1 .table dl+dl dd {
    font-size: 20px;
}

.footer-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-link,
.footer-btn {
    margin: 1%;
}

.footer-link {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1%;
    -moz-column-gap: 1%;
    column-gap: 1%;
}
.footer-link li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}
.footer-link li+li {
    margin-top: 10px;
}
.footer-link li a {
    display: inline-block;
    padding: 0 0 4px 1.5em;
    color: #fff;
    background: url(/import/tenant_1/160.16.82.100/html/images/footnav-mk.png) 4px 8px no-repeat;
}
.footer-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.footer-btn li a {
    display: block;
    padding: 3px 1.5em;
    color: white;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 15px / 50%;
    background: none;
}
.footer-btn li {
    padding: 0 0 10px 0;
}

.bkr {
    background: #c8161d;
}
.foot2 .inner {
    max-width: 950px;
}
.foot2 .copy {
    padding-top: 30px;
    font-size: 8px;
    color: #fff;
    text-align: center;
}
#header.fixed {
    background: rgba(255,255,255,0.8);
    -webkit-box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.fixed-contents {
    width: calc(100% - 20px);
    max-width: 500px;
    position: fixed;
    bottom: 15px;
    right: 10px;
    z-index: 10;
}

.list-fixed {
    display: none;
}

.list-fixed li {
    width: 48%;
    margin: 1%;
}

.list-fixed li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    padding-left: 2em;
    font-size: 16px;
    color: white;
    line-height: 1.2;
    border-radius: 5px;
    background-color: #808080;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    position: relative;
}

.list-fixed li a::before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
    position: absolute;
    top: 12px;
    left: 0.5em;
}

.list-fixed li.contact-btn a {
    border: 2px solid #fabf00;
    background-color: #fabf00;
}

.list-fixed li.estimate-btn a {
    border: 2px solid #c8161d;
    background-color: #c8161d;
}

.list-fixed li.contact-btn a::before {
    content: "\f0e0";
}

.list-fixed li.estimate-btn a::before {
    content: "\f5aa";
}

@media (max-width: 1024px) {
    .footer-link {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .foot1 .left {
        width: 100%;
        max-width: 408px;
        margin-left: auto;
        margin-right: auto;
    }
    .foot1 .right {
        width: 100%;
        max-width: 370px;
        margin-top: 25px;
        margin-left: auto;
        margin-right: auto;
    }
    .foot1 .right .map::after {
        padding-top: 80%;
    }
    .foot1 div.box-flexb {
        display: block;
    }
    .foot2 .copy {
        padding-bottom: 60px;
    }
    #hnav {
        display: none;
    }
    #header .left {
        width: 90%;
    }

    .list-fixed {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .list-fixed li a {
        font-size: 14px;
    }
}
@media (max-width: 599px) {
    .foot1 .left,
    .foot1 .right {
        padding: 15px;
    }
    .foot1 dd.tel {
        font-size: 40px;
    }.footer-link,
    .footer-btn {
        width: 100%;
    }
    .footer-btn {
        width: 50%;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    .footer-link li a {
        font-size: 14px;
    }
}
/*下層共通*/
.sub-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.sub-tit:after {
    content: "";
    display: block;
    padding-top: 23%;
}
.sub-tit .img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.sub-tit .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    position: relative;
    z-index: 1;
}
.sub-tit h2 {
    width: 100%;
    margin: 30px 0;
    padding: 5px 0;
    font-size: 50px;
    color: #fff;
    text-align: center;
    border-radius: 30px / 50%;
    background: #c8161d;
}
@media (max-width: 1024px) {
    .sub-tit h2 {
        font-size: 36px;
    }
}

@media (max-width: 599px) {
    .sub-tit h2 {
        font-size: 26px;
    }
}

/*業務内容*/

.business1 .tbox {
    width: 46% ;
}
.business1 .tbox p {
    padding: 0 0 20px 0;
}
.business1 .img {
    width: 50%;
    margin-bottom: 20px;
}
.business1 .img div {
    overflow: hidden;
    border-radius: 20px;
}
.business1 .tbox .ill {
    max-width: 158px;
    margin-bottom: 5px;
}
.business1 .tbox .ill div:after {
    padding-top: 72.7%;
}
.h3s .e {
    display: block;
    padding: 0 0 8px 0;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #c8161d;
    line-height: 120%;
}
.h3s {
    padding: 0 0 30px 0;
    font-size: 36px;
    line-height: 120%;
}
.more2 a {
    width: 90%;
    max-width: 360px;
    display: inline-block;
    padding: 10px 2.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 24px;
    color: #fff;
    text-align: center;
    border-radius: 30px / 50%;
    background: #c8161d url(/import/tenant_1/160.16.82.100/html/images/mores-mk.png) 95% 50% no-repeat;
    -webkit-box-shadow: 5px 5px 0 #d6d0b8;
    box-shadow: 5px 5px 0 #d6d0b8;
}

.business1 .wrap:nth-of-type(2n) .box-flexb {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.business1 .wrap:nth-of-type(2n) {
    background: url(/import/tenant_1/160.16.82.100/html/images/nami2.png) 0 bottom repeat-x #f8eec9;
}
.business1 .wrap:nth-of-type(2n) .inner {
    padding-bottom: 70px;
}
@media (max-width: 1024px) {
    .h3s {
        font-size: 30px;
    }
    .more2 a {
        font-size: 16px;
    }
    .more2 a {
        border-radius: 20px / 50%;
    }
}
@media (max-width: 599px) {
    .business1 .img {
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .business1 .tbox {
        width: 100%;
    }
    .h3s {
        font-size: 28px;
    }
}
/*home*/
.home-main {
    position: relative;
}
.home-main-slide .uk-slideshow {
    padding-bottom: 90vh;
}

.home-main-slide .uk-slideshow li {
    -webkit-animation-duration: 5s !important;
    animation-duration: 5s !important;
}

.home-main-content {
    width: 100%;
    height: 100%;
    margin: auto;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
}

.home-main-content .inner {
    height: 100%;
}

.home-main-content .box-flexb {
    width: 100%;
    position: relative;
    z-index: 1;
}

.home-main-content-inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0;
}

.home-main-content .left {
    width: 350px;
}
.home-main-content .left dl {
    padding: 20px 3%;
    border-radius: 10px;
    background: #c8161d;
}
.home-main-content .left dt {
    width: 100%;
    max-width: 274px;
    margin: 0 auto;
    padding: 2px 0;
    color: #fff;
    text-align: center;
    border-top: 3px solid #fff ;
    border-bottom: 3px solid #fff;
}
.home-main-content .left dd {
    width: 100%;
    max-width: 274px;
    margin: 0 auto;
    color: #fff;
}
.home-main-content .left dd.tel {
    font-family: "Roboto", sans-serif;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: -0.02em;
}
.home-main-content .left dd.tel .i {
    width: 31px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    margin: -8px 5px 0 0;
}
.home-main-content .left dd+dd {
    font-family: "Roboto", sans-serif;
    line-height: 120%;
    text-align: center;
}
.home-main-content .txt .box {
    padding: 42px 0 0 0;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
.home-main-content .txt .box p {
    font-size: 24px;
    color: #fff;
    line-height: 220%;
}
.home-main-content .txt .box .r {
    background: #c8161d;
    -webkit-box-shadow: 0 8px 0 #c8161d,0 -8px 0 #c8161d;
    box-shadow: 0 8px 0 #c8161d,0 -8px 0 #c8161d;
}
@media (max-width: 1024px) {
    .home-main-slide .uk-slideshow {
        padding-bottom: 90vw !important;
    }
    .home-main-content .left {
        width: 250px;
        display: none;
    }
    .home-main-content .left dd.tel {
        font-size: 30px;
    }
    .home-main-content .left dl {
        padding: 12px 3%;
    }
    .home-main-content .txt .box p {
        font-size: 20px;
    }
    .home-main-content .txt .box {
        padding: 0;
    }
}
@media (max-width: 599px) {
    .home-main-content .txt .box {
        -ms-writing-mode: lr-tb;
        -webkit-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
    }
    .home-main-content .txt .box .r {
        -webkit-box-shadow: 8px 0 0 #c8161d,-8px 0 0 #c8161d;
        box-shadow: 8px 0 0 #c8161d,-8px 0 0 #c8161d;
    }
    .home-main-content .txt {
        width: 100%;
    }
    .home-main-content .txt .box p {
        padding: 0 0 20px 0;
        line-height: 180%;
    }
}
.home-pnews {
    width: 500px;
    max-width: 640px;
    position: relative;
    z-index: 3;
}
.home-pnews .h2 {
    margin-bottom: -12px;
    padding: 0 0 0 30px;
    font-family: "Roboto", sans-serif;
    color: #c8161d;
}
.home-pnews div a {
    display: block;
    padding: 15px 30px;
    border-radius: 30px / 50%;
    background: #fff url(/import/tenant_1/160.16.82.100/html/images/home/pnews.png) calc(100% - 10px) 50% no-repeat;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}
.home-pnews div a .day {
    display: block;
    float: left;
    color: #c8161d;
}
.home-pnews div a .t {
    display: block;
    overflow: hidden;
    padding: 0 30px 0 105px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 1024px) {
    .home-pnews {
        max-width: 90%;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@media (max-width: 599px) {
    .home-pnews {
        margin-top: 20px;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    .home-pnews div a .day {
        float: none;
    }
    .home-pnews div a .t {
        padding-left: 0;
    }
}
.home-works-slider .box {
    margin: 0 12px;
    background: #c8161d;
    position: relative;

    -webkit-clip-path: polygon(50% 0%, 100% 16%, 100% 100%, 0 100%, 0 16%);
    clip-path: polygon(50% 0%, 100% 16%, 100% 100%, 0 100%, 0 16%);
}
.home-works-slider .box .in {
    margin: 3px ;
    padding: 0 0 20px 0;
    background: #fff;

    -webkit-clip-path: polygon(50% 0%, 100% 16%, 100% 100%, 0 100%, 0 16%);
    clip-path: polygon(50% 0%, 100% 16%, 100% 100%, 0 100%, 0 16%);
}
.home-works .h3s {
    text-align: center;
}

.home-works-slider .box p {
    padding: 15px 16px;
    font-size: 24px;
}
.home-works-slider .box p a {
    display: block;
}
.home-works-slider .box p .s {
    display: block;
    font-size: 12px;
    line-height: 120%;
}
.home-works {
    background: url(/import/tenant_1/160.16.82.100/html/images/home/home-works-bk.png) center 0 no-repeat;
}
.mores a {
    width: 90%;
    max-width: 470px;
    display: inline-block;
    padding: 14px 2.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    border-radius: 30px / 50%;
    background: #c8161d url(/import/tenant_1/160.16.82.100/html/images/mores-mk.png) 95% 50% no-repeat;
    -webkit-box-shadow: 5px 5px 0 #d6d0b8;
    box-shadow: 5px 5px 0 #d6d0b8;
}

.mores {
    text-align: center;
}
.home-works .slidewrap {
    margin-bottom: 45px;
    position: relative;
}
.home-works .slidewrap:before {
    content: "";
    width: 109px;
    height: 143px;
    background: url(/import/tenant_1/160.16.82.100/html/images/home/tree1.png) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -60px;
    left: calc(50% - 536px);
    z-index: 1;
}
.home-works .slidewrap:after {
    content: "";
    width: 236px;
    height: 93px;
    background: url(/import/tenant_1/160.16.82.100/html/images/home/tree2.png) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -70px;
    right: calc(50% - 578px);
    z-index: 1;
}

@media (max-width: 1024px) {
    .home-works-slider .box {
        margin: 0 5px;
    }.home-works-slider .box p {
        padding: 10px;
        font-size: 18px;
    }
}

.item .element {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 2px;
}

.item .element.category {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.category span {
    display: inline-block;
    margin: 2px;
    padding: 0 1.5em;
    font-size: 12px;
    color: white;
    line-height: 150%;
    border: 1px solid #c8161d;
    border-radius: 10px / 50% ;
    background-color: #c8161d;
}

.bkw {
    background: #fff;
}
.home-wrap .inner {
    max-width: 960px;
}
.home-news {
    width: 45%;
    padding-bottom: 40px;
}
.home-wrap {
    padding: 60px 0 30px 0;
}
.home-news dl {
    padding: 20px 0 ;
    border-bottom: #222 1px solid;
}
.home-news dt {
    padding: 0 0 5px 0;
    color: #c8161d;
}

.home-wrap .mores {
    padding: 25px 0;
    text-align: left;
}
.home-wrap .mores a {
    max-width: 300px;
}
.home-blog {
    width: 45%;
    padding-bottom: 40px;
}
.home-blog .img {
    width: 38%;
}
.home-blog dl {
    width: 58%;
}

.home-blog dl dd a {
    display: inline;
}

.home-blog .box+.box {
    margin-top: 30px;
}
.home-blog dt {
    padding: 0 0 5px 0;
    color: #c8161d;
}
@media (max-width: 599px) {
    .home-blog {
        width: 100%;
    }
    .home-news {
        width: 100%;
    }
}
.home-service .h3s {
    text-align: center;
}
.home-service .inner {
    max-width: 1300px;
}
.home-service .f1 .box {
    width: calc(88% / 3);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0.5% 2%;
}
.home-service .f2 .box {
    width: 49%;
}
.home-service .box .img a {
    overflow: hidden;
    border-radius: 10px;
}

.home-service .box p {
    padding: 15px 0 20px 0;
    font-size: 20px;
    text-align: center;
}
.home-service .box {
    padding-bottom: 20px;
}
.home-service .box p a {
    display: inline-block;
    padding: 0 30px 0 0;
    background: url(/import/tenant_1/160.16.82.100/html/images/home/more-service.png) 100% 50% no-repeat;
}

@media (max-width: 1024px) {
    .home-service .f1 .box {
        width: calc(94% / 3);
        margin: 0.5% 1%;
    }
}

@media (max-width: 599px) {
    .home-service .box p {
        font-size: 16px;
    }

    .grid {
        display: -ms-grid;
        display: grid;

        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: 1fr 10px 1fr 10px 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        gap: 10px 10px;
        grid-auto-flow: row;
        grid-template-areas: "grid-01 grid-02"
        "grid-01 grid-03"
        "grid-04 grid-05";
    }

    .grid-01 {
        grid-area: grid-01;
    }

    .grid-02 {
        grid-area: grid-02;
    }

    .grid-03 {
        grid-area: grid-03;
    }

    .grid-04 {
        grid-area: grid-04;
    }

    .grid-05 {
        grid-area: grid-05;
    }

    .home-service .f1 .box {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        padding: 0;
    }

    .home-service .f1 .box .img {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .home-service .box .img a {
        width: 100%;
        height: 100%;
    }

    .home-service .box p {
        padding: 5px;
    }

    .home-service .box p a {
        display: block;
        padding: 0 2em 0 0;
        font-size: 12px;
        background-size: contain;
    }
}

@media (max-width: 599px) {
    .grid-01 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
    }

    .grid-02 {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .grid-03 {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }

    .grid-04 {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .grid-05 {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }
}

@media (max-width: 599px) {
    .grid-01 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
    }

    .grid-02 {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .grid-03 {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }

    .grid-04 {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .grid-05 {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }
}

@media (max-width: 599px) {
    .grid-01 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
    }

    .grid-02 {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .grid-03 {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }

    .grid-04 {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .grid-05 {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }
}

@media (max-width: 599px) {
    .grid-01 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
    }

    .grid-02 {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .grid-03 {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }

    .grid-04 {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .grid-05 {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }
}

@media (max-width: 599px) {
    .grid-01 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
    }

    .grid-02 {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .grid-03 {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }

    .grid-04 {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .grid-05 {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }
}

@media (max-width: 599px) {
    .grid-01 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
    }

    .grid-02 {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .grid-03 {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }

    .grid-04 {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .grid-05 {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }
}

@media (max-width: 599px) {
    .grid-01 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
    }

    .grid-02 {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .grid-03 {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }

    .grid-04 {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .grid-05 {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }
}
.home-nayami .red {
    margin-bottom: 56px;
    padding: 45px 4% 0 4%;
    border-radius: 20px;
    background: #c8161d;
    position: relative;
}
.home-nayami .inner {
    max-width: 980px;
}
.home-nayami .h3 {
    max-width: 845px;
    margin: 0 auto 20px auto;
    font-weight: 500;
    font-size: 43px;
    color: #fff;
}
.home-nayami .h3 .l {
    border-bottom: 4px solid #edd87e;
}
.home-nayami .red .box-flexb {
    max-width: 845px;
    margin: 0 auto;
}
.home-nayami .red ul {
    width: 53%;
    padding: 25px 0 0 0;
}
.home-nayami .red .img {
    width: 44%;
    position: relative;
}
.home-nayami .red ul li {
    padding: 0 0 20px 28px;
    font-size: 20px;
    color: #fff;
    position: relative;
}
.home-nayami .red ul li:before {
    content: "●";
    color: #edd87e;
    position: absolute;
    top: 0;
    left: 0;
}
.home-nayami .red .img .imgr {
    width: 38%;
    max-width: 139px;
    position: absolute;
    top: 0;
    right: -34%;
}
.home-nayami .red:before {
    content: "";
    border: 22px solid transparent;
    border-top: 23px solid #c8161d;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 100%;
    left: 50%;
}
.home-nayami .an {
    max-width: 668px;
    margin: 0 auto;
}
.home-nayami .an .img {
    width: 63%;
    margin: 0 auto;
}
.home-nayami .an .img div:after {
    padding-top: 59.5%;
}
.home-nayami .an .h2 {
    margin-bottom: 20px;
    padding: 5px 0;
    font-size: 36px;
    text-align: center;
    border-top: #222 solid 6px;
    border-bottom: #222 solid 6px;
}
.home-nayami .an p {
    padding: 0 0 20px 0;
}
.home-nayami:after {
    content: "";
    width: 100%;
    height: 100px;
    display: block;
    background: #fff;

    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 50% 100%, 100% 0, 100% 100%, 0 100%);
}
.home-nayami {
    padding-top: 40px;
}
@media (max-width: 1024px) {
    .home-nayami .h3 {
        font-size: 30px;
    }
    .home-nayami .red ul li {
        font-size: 16px;
    }
    .home-nayami .an .h2 {
        font-size: 30px;
    }
}
@media (max-width: 599px) {
    .home-nayami .red ul {
        width: 100%;
    }
    .home-nayami .red .img {
        width: 100%;
        max-width: 60%;
    }
    .home-nayami .h3 {
        font-size: 24px;
    }
    .home-nayami:after {
        height: 50px;
    }
}
.home2 {
    width: 98%;
    max-width: 1180px;
    margin: 0 auto;
    margin-top: 40px;
    padding: 65px 0 0 0;
    border-radius: 0 30px 0 0 ;
    background: #c8161d;
    position: relative;
}
.home2:before {
    content: "";
    width: 50vw;
    background: #c8161d;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
}
.home2 .tbox {
    width: 53%;
    padding-bottom: 80px;
}
.home2 .imgs {
    width: 41%;
    position: relative;
}
.home2 .imgs .img1 {
    width: 153px ;
    height: 90px;
    position: absolute;
    top: -89px;
    left: -112px;
}
.home2 .imgs .img {
    overflow: hidden;
    border-radius: 20px;
}
.home2 .tbox p {
    padding: 0 0 40px 0;
    color: #fff;
    text-align: center;
}
.home2 .tbox p.tp {
    width: 100%;
    font-size: 23px;
}
.home2 .tbox p.tp:before {
    content: "";
    width: 1px;
    height: 60px;
    display: inline-block;
    vertical-align: bottom;
    background: #fff;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.home2 .tbox p.tp:after {
    content: "";
    width: 1px;
    height: 60px;
    display: inline-block;
    vertical-align: bottom;
    background: #fff;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
.home2 .tbox p.tp .w {
    display: inline-block;
    padding: 0 28px;
}
.home2 .tbox p.tp {
    padding-bottom: 20px;
}
.home2 .tbox .h2 {
    padding: 0 0 30px 0;
    font-size: 48px;
    color: #fff;
    text-align: center;
}
.home2 .tbox li {
    width: 49%;
    padding: 0 0 20px 0;
}
.home2 .tbox li:first-child a {
    background-image: url(/import/tenant_1/160.16.82.100/html/images/home/more-b.png);
    background-color: #000;
    -webkit-box-shadow: 5px 5px 0 #b6462d;
    box-shadow: 5px 5px 0 #b6462d;
}
.home2 .tbox li:last-child a {
    color: #c8161d;
    background-color: #fff;
    -webkit-box-shadow: 5px 5px 0 #b6462d;
    box-shadow: 5px 5px 0 #b6462d;
}
.home2 .img2 {
    width: 59%;
    float: right;
    margin-top: -77px;
    margin-right: -14px;
    position: relative;
}
@media (max-width: 1024px) {
    .home2 .tbox .h2 {
        font-size: 30px;
    }
    .home2 .tbox p.tp {
        font-size: 20px;
    }
    .home2 .tbox p.tp:before {
        height: 45px;
    }
    .home2 .tbox p.tp:after {
        height: 45px;
    }
    .home2 .tbox li {
        width: 100%;
    }
    .home2 .imgs .img1 {
        left: -10%;
    }
}
@media (max-width: 599px) {
    .home2 .imgs {
        width: 90%;
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
    }
    .home2 .tbox {
        width: 100%;
        padding-top: 30px;
    }
}
.home3 {
    padding: 90px 0 150px 0;
    background: url(/import/tenant_1/160.16.82.100/html/images/nami2.png) 0 bottom repeat-x #f8eec9;
    position: relative;
}
.home3:before {
    content: "";
    width: 100%;
    height: 64px;
    background: url(/import/tenant_1/160.16.82.100/html/images/nami3.png) center bottom repeat-x;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    z-index: 2;
}
.home3 .tit p {
    text-align: center;
}
.home3 .inner {
    max-width: 980px;
}
.home3 .il1 {
    width: 145px;
    height: 133px;
    margin: 0 auto;
}
.home3 .h3s {
    font-size: 53px;
    text-align: center;
}
.home3 .h3s .r {
    color: #c8161d;
}
.home3 .tit {
    padding: 0 0 40px 0;
}
.home3 .box-flexb {
    padding-bottom: 50px;
}
.home3 .box-flexb .img {
    width: 57%;
    padding: 0 0 20px 0;
    position: relative;
}
.home3 .box-flexb .img .no {
    padding: 0 20px 10px 0;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 60px;
    color: #c8161d;
    line-height: 1;
    text-align: center;
    border-radius: 0 0 20px 0;
    background: #f8eec9 ;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.home3 .box-flexb .img .no.-ver2 {
    background: #fcf7e3;
}
.home3 .box-flexb .in {
    display: inline-block;
    padding: 30px 0;
    text-align: left;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
}
.home3 .r {
    color: #c8161d;
}
.home3 .box-flexb .in p.w {
    padding: 10px 14px;
    font-size: 14px;
    background: #fff;
}
.home3 .box-flexb .in p.rd {
    padding-top: 10px;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 12px;
    text-align: right;
}
.home3 .box-flexb .img .no .s {
    display: block;
    font-size: 11px;
    line-height: 1;
}
.home3 .box-flexb:nth-of-type(2n) .img .no {
    padding: 0 0 10px 20px;
    border-radius: 0 0 0 20px;
    left: auto;
    right: 0;
}
.home3 .box-flexb .img div {
    overflow: hidden;
    border-radius: 20px;
}
.home3 .box-flexb .tbox {
    width: 43%;
    position: relative;
}
.home3 .h3 .w {
    display: inline-block;
    padding: 10px 14px;
    font-size: 20px;
    background: #fff;
}
.home3 .h3 {
    padding-bottom: 5px;
}

.home3 .box-flexb:nth-of-type(2n) .tbox {
    text-align: right;
}
.home3 .box-flexb:nth-of-type(2n) .in p.rd {
    text-align: left;
}
.home3 .box-flexb:nth-of-type(2n) .in {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
}
.home3 .box-flexb:nth-of-type(1) .il01 {
    width: 236px;
    height: 116px;
    float: right;
}
.home3 .box-flexb:nth-of-type(2) .il01 {
    width: 233px;
    height: 180px;
}
.home3 .box-flexb:nth-of-type(3) .il01 {
    width: 208px;
    height: 123px;
    float: right;
}
.home3 .box-flexb:nth-of-type(4) .il01 {
    width: 236px;
    height: 115px;
}
@media (max-width: 1024px) {
    .home3 .h3s {
        font-size: 36px;
    }
    .home3 .box-flexb .img .no {
        font-size: 40px;
    }
}
@media (max-width: 599px) {
    .home3 .box-flexb .img {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0;
    }
    .home3 .box-flexb .tbox {
        width: 100%;
    }
    .home3 .box-flexb .tbox .in {
        padding-top: 0;
        padding-bottom: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

/*会社概要*/

.read1 {
    max-width: 866px;
    margin: 0 auto 10px auto;
    padding: 40px 0 60px 0 ;
    border-radius: 30px;
    background: #c8161d;
    -webkit-box-shadow: 0 10px 0 #a49b71;
    box-shadow: 0 10px 0 #a49b71;
}
.read1.pr {
    position: relative;
}
.read1 .ilmg {
    width: 167px ;
    height: 187px;
    position: absolute;
    bottom: -85px;
    right: -70px;
}
.read1 p {
    padding: 0 0 20px 0;
    color: #fff;
}
.bk1 {
    background: #f5edc8 ;
}
.comp1 .h3s {
    text-align: center;
}
.comp1 .titim {
    width: 146px;
    height: 106px;
    margin: 0 auto 10px auto;
}
.read1 .c {
    width: 92%;
    max-width: 725px;
    margin: 0 auto;
}
.read1 .c .h4 {
    padding: 0 0 20px 0;
    font-weight: bold;
    font-size: 30px;
    color: #fff;
    text-align: center;
}
.read1 .c p {
    text-align: center;
}
@media (max-width: 1024px) {
    .read1 {
        padding-bottom: 100px;
    }
    .read1 .ilmg {
        right: 0;
    }
    .read1 .c .h4 {
        font-size: 26px;
    }
}
.h3s.c {
    text-align: center;
}
.comp2 .table {
    background: #fff;
}
.comp2 dl {
    padding: 18px 3%;
    border-bottom: 1px solid #bfbfbf;
}
.comp2 .table dt {
    width: 27%;
    font-size: 18px;
}
.comp2 .table dd {
    width: 67%;
    font-size: 18px;
}
@media (max-width: 599px) {
    .comp2 .table dt {
        width: 100%;
        margin-bottom: 5px;
    }
    .comp2 .table dd {
        width: 100%;
        font-size: 16px;
    }
    .read1 .c p {
        text-align: left;
    }
}
.tocont1 .inner {
    padding: 50px 0 0 0;
    position: relative;
}
.tocont1 dt {
    padding: 0 0 30px 0;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}
.tocont1 dd {
    text-align: center;
}
.tocont1 dd.tel {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: 62px ;
    line-height: 120%;
}
.tocont1 dd.tel .i {
    width: 62px;
    height: 53px;
    display: inline-block;
    vertical-align: middle;
    margin: -10px 16px 0 0;
}
.tocont1 dd+dd .i {
    width: 56px;
    height: 42px;
    display: block;
    margin: 0 auto;
}
.tocont1 dd+dd .il {
    width: 25%;
    max-width: 245px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.tocont1 dd+dd a {
    width: 100%;
    max-width: 620px ;
    display: inline-block;
    padding: 16px 0 25px 0;
    font-weight: bold;
    font-size: 30px ;
    color: #fff;
    border-radius: 60px / 50%;
    background: #c8161d;
}

.tocont1 .il2 {
    width: 22%;
    max-width: 216px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.tocont1 .il2 div:after {
    padding-top: 77%;
}
.tocont1 dl {
    padding: 0 0 25px 0;
}
.tocont1 p.c {
    padding: 0 0 55px 0;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}
@media (max-width: 1024px) {
    .tocont1 p.c {
        font-size: 20px;
    }
}
@media (max-width: 599px) {
    .tocont1 dd.tel {
        font-size: 40px;
    }
    .tocont1 dd+dd a {
        padding-bottom: 15px;
        font-size: 20px;
    }
    .tocont1 dd+dd .i {
        width: 40px;
        height: 30px;
    }
    .tocont1 dd.tel .i {
        width: 40px;
        height: 34px;
    }
    .tocont1 dd.tel {
        padding-bottom: 15px;
    }
    .tocont1 dt {
        font-size: 18px;
    }
    .tocont1 p.c {
        font-size: 16px;
    }
}

/*お問い合わせ*/

.cont1 .h3s {
    text-align: center;
}
.cont1 .tit p {
    padding: 0 0 20px 0;
    text-align: center;
}
.cont1 .tit {
    padding: 0 0 20px 0;
}
.cont1 .il1 {
    width: 70px;
    height: 100px;
    margin: 0 auto 10px auto;
}
.cont1 .tel {
    font-weight: bold;
    font-size: 36px;
}
.cont1 .tel .i {
    width: 48px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin: -5px 16px 0 0;
}
.cont1 .inner {
    position: relative;
}
.cont1 .il2 {
    width: 35%;
    min-width: 180px;
    max-width: 290px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.cont1 .il2 div:after {
    padding-top: 76% ;
}

.cont2 .tit p {
    padding: 0 0 20px 0;
    text-align: center;
}
.cont2 .tit {
    padding-bottom: 30px;
}
.cont2 .table {
    max-width: 800px ;
    margin: 0 auto;
}
.cont2 dt {
    width: 180px;
    padding: 5px 0 0 0;
    font-size: 18px;
}
.cont2 dd {
    width: calc(100% - 180px);
    padding: 0 0 30px 0;
    font-size: 18px;
}
.cont2 dt .h {
    display: block;
    color: #c8161d;
}
.cont2 dd input,
.cont2 dd textarea {
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: 20px;
}

.cont2 dd input,
.cont2 dd textarea {
    border: none;
}
.cont2 dd ul {
    padding: 5px 0;
}
.cont2 dd li {
    padding-right: 1.5em;
}
.formbtn li {
    text-align: center;
}
.formbtn li button {
    width: 230px;
    height: 50px;
    font-size: 18px;
    color: #fff;
    border: none;
    border-radius: 25px;
    background: #c8161d;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}
.formbtn li button:hover {
    opacity: 0.5;
}
.formbtn {
    padding: 20px 0;
}

.contact-item dd.radiobtn label {
    display: inline-block;
    padding: 0 10px 0 30px;
    position: relative;
}

.contact-item dd.radiobtn label::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    border: 2px solid #dcdcdc;
    border-radius: 3px;
    background-color: white;
    position: absolute;
    top: 5px;
    left: 0;
}

.contact-item dd.radiobtn label:hover {
    text-decoration: underline;
    cursor: pointer;
}

.contact-item dd.radiobtn input {
    display: none;
}

.contact-item dd.radiobtn input:checked+label {
    text-decoration: underline;
}

.contact-item dd.radiobtn input:checked+label::after {
    content: "\f00c";
    width: 0;
    height: 0;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: #c8161d;
    line-height: 1;
    background-color: transparent;
    position: absolute;
    top: 4px;
    left: 2px;
}

.contact-item dd.radiobtn input+label {
    margin-left: 15px;
}

@media (max-width: 599px) {
    .cont2 dt {
        width: 100%;
        padding-bottom: 10PX;
    }
    .cont2 dt .h {
        display: inline-block;
        margin-left: 1em;
    }
    .cont2 dd {
        width: 100%;
    }
}


/*faq*/

.faq1 .box {
    margin: 70px 0 30px 0;
    border-radius: 10px;
    background: #fff;
}

.faq1 .box .h3 {
    padding: 14px 60px 14px 90px;
    font-weight: bold;
    font-size: 24px;
    border-bottom: 1px solid #bfbfbf;
    border-radius: 10px 10px 0 0;
    background: #fff;
    cursor: pointer;
    position: relative;
}
.faq1 .box .h3 .q {
    width: 70px;
    font-size: 36px;
    color: #fff;
    line-height: 70px;
    text-align: center;
    border-radius: 10px;
    background: #c8161d;
    position: absolute;
    top: -30px;
    left: 4px;
}
.faq1 .box .h3 .q:before {
    content: "";
    border: transparent 10px solid;
    border-top: 10px solid #c8161d;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 100%;
    left: 50%;
}
.faq1 .box .txt {
    display: none;
    padding: 30px 4% 40px 90px;
}
.faq1 .box .h3:before {
    content: "";
    border: 12px solid transparent;
    border-top: 20px solid #c8161d;
    position: absolute;
    top: 25px;
    right: 18px ;
}
.faq1 .box .h3.is-parent:before {
    border: 12px solid transparent;
    border-bottom: 20px solid #c8161d;
    top: 5px;
}
/* .bk2 {
    background: url(/import/tenant_1/160.16.82.100/html/images/nami2.png) 0 bottom repeat-x #f8eec9; */
}
.faq1 {
    margin-bottom: 100px;
    padding-bottom: 60px;
}
@media (max-width: 1024px) {
    .faq1 .box .h3 {
        font-size: 20px;
    }
    .faq1 .box .h3:before {
        margin-top: -5px;
    }
}
@media (max-width: 599px) {
    .faq1 .box .h3 {
        padding-left: 70px;
        font-size: 18px;
    }
    .faq1 .box .h3:before {
        margin-top: -5px;
    }
    .faq1 .box .h3 .q {
        width: 50px;
        font-size: 26px;
        line-height: 50px;
    }
    .faq1 .box .txt {
        padding-left: 70px;
    }
}

/*施工事例*/

.frame1 #left {
    width: 65% ;
}
.frame1 #side {
    width: 30%;
}
.frame1 #side dt {
    margin-bottom: 10px;
    padding: 10px 0;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-radius: 25px / 50%;
    background: #c8161d;
}

.frame1 #side dd a {
    display: block;
    margin-bottom: 10px;
    padding: 10px 0;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    border-radius: 25px / 50%;
    background: #fff;
}
.frame1 #side dl {
    padding: 0 0 30px 0;
}

.worklist .box {
    width: 41%;
    max-width: 275px;
    margin-bottom: 45px;
    background: #c8161d;
    position: relative;

    -webkit-clip-path: polygon(50% 0%, 100% 16%, 100% 100%, 0 100%, 0 16%);
    clip-path: polygon(50% 0%, 100% 16%, 100% 100%, 0 100%, 0 16%);
}
.worklist .box .in {
    height: calc(100% - 6px);
    margin: 3px;
    padding: 0 0 20px 0;
    background: #fff;

    -webkit-clip-path: polygon(50% 0%, 100% 16%, 100% 100%, 0 100%, 0 16%);
    clip-path: polygon(50% 0%, 100% 16%, 100% 100%, 0 100%, 0 16%);
}
.worklist .box .img+p {
    padding: 15px 16px;
    font-size: 24px;
}
.worklist .box .img+p .s {
    display: block;
    font-size: 12px;
    line-height: 120%;
}
.worklist .box .mores a {
    padding: 5px 0;
    font-size: 12px;
    border-radius: 15px / 50%;
}

.pagenav li {
    display: inline-block;
    padding: 0 20px 20px 0;
    letter-spacing: 0;
}
.pagenav li a {
    min-width: 50px;
    display: block;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    border-radius: 10px;
    background-color: #bfbfbf ;
}
.pagenav li.st a,
.pagenav li a:hover {
    background-color: #c8161d;
    opacity: 1;
}
.pagenav ul {
    letter-spacing: -5px;
}
.pagenav {
    padding: 20px 0 50px 0;
}
@media (max-width: 1024px) {
    .frame1 #left {
        width: 100%;
        max-width: 650px;
        margin-left: auto;
        margin-right: auto;
    }
    .frame1 #side {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .frame1 dl {
        width: 48%;
    }
}
@media (max-width: 599px) {
    .pagenav li a {
        min-width: 40px;
        line-height: 40px;
    }
    .pagenav li {
        padding-bottom: 10px;
        padding-right: 10px;
    }
    .frame1 dl {
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
    }
    .worklist .box {
        width: 48%;
    }
    .worklist .box .img+p {
        font-size: 20px;
    }
}
.work1 {
    margin-bottom: 45px;
    padding: 50px 2.5%;
    border-radius: 10px;
    background: #fff;
}
.work1 .tit {
    max-width: 594px ;
    margin-bottom: 35px ;
    border-bottom: 1px solid #bfbfbf;
}
.work1 .txt {
    width: 100%;
}
.work1 .tit .day {
    padding: 0 0 5px 0;
}
.work1 .tit .h3 {
    padding: 0 0 10px 0;
}
.work1 .bf dl {
    width: 100%;
    margin-bottom: 30px;
}
/* .work1 .bf dl.before-item {
    width: 80%;
    margin-left: auto;
} */
.work1 .bf dd .w {
    overflow: hidden;
    border-radius: 10px;
}
.work1 .bf dt {
    padding: 0 0 5px 0;
    font-weight: bold;
    font-size: 18px;
    color: #666;
}
.work1 .bf dl:last-child dt {
    color: #c8161d;
}
.work1 .txt .img {
    margin-bottom: 30px;
}
.work1 .txt p {
    padding: 0 0 20px 0;
}

/* @media (max-width: 599px) {
  .work1 .bf dl.before-item {
    width: 90%;
    margin-left: auto;
    margin-right: 0;
  }
} */

.pagenav2 li {
    display: inline-block;
    letter-spacing: 0;
}
.pagenav2 ul {
    letter-spacing: -5px;
}
.pagenav2 li a {
    display: block;
    padding: 0 1em;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    line-height: 50px;
    white-space: nowrap;
    border-radius: 10px;
    background: #c8161d;
}
.pagenav2 li {
    padding: 0 10px 10px 0;
}
.pagenav2 {
    padding-bottom: 60px;
}
.mores.l {
    max-width: 268px;
}
.mores.l a {
    padding: 5px 0;
    border-radius: 20px / 50%;
}
.bloglist .box {
    width: 100%;
    margin-bottom: 70px;
    padding: 20px 15px;
    border-radius: 10px;
    background: #fff;
}
.bloglist .box .h3 {
    font-weight: bold;
}
.bloglist .box .img,
.blog-d .box .img {
    width: 24%;
}
.bloglist .box .img a,
.blog-d .box .img .a {
    overflow: hidden;
    border-radius: 10px;
}
.bloglist .box .tbox,
.blog-d .box .tbox {
    width: 73%;
    padding: 20px 0 ;
    position: relative;
}
.bloglist .box .mores {
    width: 100%;
    position: absolute;
    bottom: -34px ;
    right: 0;
}
.bloglist .tbox .day,
.blog-d .box .tbox .day {
    padding-bottom: 5px;
}

.blog-d {
    margin-bottom: 70px;
    padding: 0 2.5% 50px 2.5%;
    border-radius: 10px;
    background: #fff;
}
.blog-d .h3 {
    font-weight: bold;
}
.blog-d .box {
    max-width: 600px;
    margin-bottom: 25px;
    padding: 20px 0;
    border-bottom: 1px solid #bfbfbf;
}

.blog-d .txt {
    max-width: 600px;
}
.blog-d .txt p {
    padding: 0 0 20px 0;
}

.content-main-section a[href*="wp-content/"] {
  pointer-events: none;
}

@media (max-width: 599px) {
    .bloglist .box .img,
    .blog-d .box .img {
        width: 100%;
        max-width: 140px;
        margin-left: auto;
        margin-right: auto;
    }
    .bloglist .box .tbox,
    .blog-d .box .tbox {
        width: 100%;
    }
    .blog-d .box {
        padding-bottom: 0;
    }
}
.newslist .box .tbox {
    width: 100%;
}
.news-d .box .tbox {
    width: 100%;
}

/*雨漏り診断*/

.h4w {
    width: 90%;
    max-width: 537px;
    margin: 0 auto;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    text-align: center;
    position: relative;
}
.h4w:before {
    content: "";
    width: 1px;
    height: 60px;
    vertical-align: bottom;
    background: #fff;
    -webkit-transform: translateY(-50%) rotate(-30deg);
    transform: translateY(-50%) rotate(-30deg);
    position: absolute;
    top: 50%;
    left: 0;
}
.h4w:after {
    content: "";
    width: 1px;
    height: 60px;
    vertical-align: bottom;
    background: #fff;
    -webkit-transform: translateY(-50%)  rotate(30deg);
    transform: translateY(-50%)  rotate(30deg);
    position: absolute;
    top: 50%;
    right: 0;
}
@media (max-width: 599px) {
    .h4w {
        font-size: 20px;
    }
}

.ame1 .read1 {
    margin-bottom: 120px;
}
.rep1 .img {
    width: 35%;
    margin-bottom: 20px;
}
.rep1 .img div {
    overflow: hidden;
    border-radius: 20px;
}
.rep1 .tbox {
    width: 60% ;
}
.rep1 .tbox p {
    padding: 0 0 20px 0;
}
.h4r {
    padding: 0 0 20px 0;
    font-weight: bold;
    font-size: 28px;
}
.rep1 .box-flexb+.box-flexb {
    padding-top: 70px;
}
@media (max-width: 1024px) {
    .h4r {
        font-size: 24px;
    }
}
@media (max-width: 599px) {
    .h4r {
        font-size: 22px;
    }
    .rep1 .tbox {
        width: 100%;
    }
    .rep1 .img {
        width: 100%;
        max-width: 350px ;
        margin-left: auto;
        margin-right: auto;
    }
}
.nayami-tit {
    width: 65%;
    margin: 0 auto;
    text-align: center;
}
.nayami-tit .in {
    display: inline-block;
    position: relative;
}
.nayami-tit .imgl {
    width: 23%;
    max-width: 100px;
    position: absolute;
    bottom: 0;
    right: calc(100% + 30px);
}
.nayami-tit .imgr {
    width: 20%;
    max-width: 86px;
    position: absolute;
    bottom: 0;
    left: calc(100% + 30px);
}
.nayami-tit .h3s {
    padding-top: 20px;
    padding-bottom: 60px;
}
.ame2 {
    padding: 30px 1.5% 0 1.5%;
    border: 2px solid #c8161d;
    background: #fff;
}
.ame2 .img {
    width: 22%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-align: end;
}
.ame2 .tbox {
    width: 73%;
}
.ame2 .tbox p {
    padding: 0 0 20px 0;
}

@media (max-width: 599px) {
    .ame2 .img {
        width: 100%;
        max-width: 140px;
        margin-bottom: 20px;
    }
    .ame2 .tbox {
        width: 100%;
    }
    .nayami-tit .imgl {
        right: calc(100% + 10px);
    }
    .nayami-tit .imgr {
        left: calc(100% + 10px);
    }
}
.ame3 .box {
    width: 18%;
    margin: 0 2.5% 0 0;
}
.ame3 .box:nth-of-type(5n) {
    margin-right: 0;
}
.ame3 .box dl {
    margin-bottom: 5px;
    padding: 14px 8% 0 8%;
    border-radius: 20px;
    background: #c8161d;
}
.ame3 .box dt .w {
    width: 60px;
    display: inline-block;
    font-weight: bold;
    font-size: 30px;
    color: #c8161d;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
}
.ame3 .box dt {
    padding: 0 0 10px 0;
    text-align: center;
}
.ame3 .box dd {
    padding: 0 0 20px 0;
    color: #fff;
    text-align: center;
}
.ame3 .box p {
    font-size: 14px;
}
.ame3 .h4 {
    padding: 0 0 20px 0;
    font-size: 30px;
}
.ame3 .h4 .s {
    display: block;
    font-size: 16px;
}
.ame3 .tit .img {
    width: 19%;
    margin-bottom: 20px;
}
.ame3 .tit .h4 {
    width: 70%;
}
@media (max-width: 599px) {
    .ame3 .tit .h4 {
        width: 100%;
    }
    .ame3 .tit .img {
        width: 100%;
        max-width: 190px;
    }
    .ame3 .box {
        width: 32%;
        margin-right: 2% ;
        padding-bottom: 20px;
    }
    .ame3 .box:nth-of-type(3n) {
        margin-right: 0 ;
    }
}

/*マンション・店舗・工場*/

.mans1 .tbox {
    width: 48%;
}
.mans1 .img {
    width: 48%;
    margin-bottom: 20px;
}
.mans1 .img div {
    overflow: hidden;
    border-radius: 20px;
}
.mans1 .tbox p {
    padding: 0 0 20px 0;
}

.h4m .t {
    width: calc(100% - 120px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    font-weight: bold;
    font-size: 24px;
    line-height: 140%;
}
.h4m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 20px 0;
}
.h4m .m {
    width: 100px;
    display: block;
}
.h4m .w {
    display: block;
    padding: 8px 0;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    background: #c8161d;
}
.h4m .w .n {
    display: block;
    font-size: 60px;
    line-height: 1;
}
.mans1 .box-flexb {
    padding-top: 50px;
}
.mans2 .read1 .c .h3 {
    font-size: 36px;
    color: #fff;
    text-align: center;
}
.mans2 .read1 {
    border-radius: 50px;
}
@media (max-width: 1024px) {
    .h4m .m {
        width: 70px;
    }
    .h4m .w .n {
        font-size: 40px;
    }
    .h4m .t {
        width: calc(100% - 85px);
        font-size: 22px;
    }
    .h4m .w {
        padding: 5px 0;
    }
    .mans2 .read1 .c .h3 {
        font-size: 30px;
    }
}
@media (max-width: 599px) {
    .mans1 .img {
        width: 100%;
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
    }
    .mans1 .tbox {
        width: 100%;
    }
    .mans2 .read1 .c .h3 {
        font-size: 24px;
    }
}

/*内装塗装*/

.nai1 {
    margin-bottom: 50px;
    padding: 50px 4%;
    text-align: center;
    border: 2px solid #c8161d;
    background: #fff;
}
.nai1 ul {
    display: inline-block;
    text-align: left;
}
.nai1 li {
    padding: 0 0 20px 30px;
    font-weight: bold;
    font-size: 24px;
    position: relative;
}
.nai1 li:before {
    content: "●";
    font-size: 16px;
    color: #c8161d;
    position: absolute;
    top: 0;
    left: 0;
}
.nai2 p {
    padding: 0 0 20px 0;
    text-align: center;
}
@media (max-width: 1024px) {
    .nai1 li {
        font-size: 22px;
    }
}
@media (max-width: 599px) {
    .nai1 li {
        font-size: 18px;
    }
}
.h3w {
    font-size: 36px;
    text-align: center;
}
.h3w:before {
    content: "";
    width: 1px;
    height: 60px;
    display: inline-block;
    vertical-align: bottom;
    background: #c8161d;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.h3w:after {
    content: "";
    width: 1px;
    height: 60px;
    display: inline-block;
    vertical-align: bottom;
    background: #c8161d;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
.h3w .w {
    display: inline-block;
    padding: 0 28px;
}
@media (max-width: 1024px) {
    .h3w {
        font-size: 30px;
    }
}
@media (max-width: 599px) {
    .h3w {
        font-size: 24px;
    }
    .h3w:after,
    .h3w:before {
        height: 45px;
    }
}

/*求人情報*/

.comp1.comp2 .h3s .r {
    display: block;
    font-size: 70%;
    color: #c8161d;
}
.comp1.comp2 .h3s {
    padding-bottom: 50px;
}
.comp1.comp2 .titim {
    width: 158px;
    height: 114px;
}
.comp1.comp2 {
    padding-bottom: 100px;
}

.rec1 .img {
    overflow: hidden;
    border-radius: 20px;
}
.rec1 .box {
    width: 48%;
    margin-bottom: 50px;
}
.rec1 .h4m .w {
    font-size: 24px;
}
.rec1 .h3s {
    padding-bottom: 50px;
}
.rec1 .box:nth-of-type(2n) {
    -webkit-transform: translateY(105px);
    transform: translateY(105px);
}
.rec1 .box-flexb {
    padding-bottom: 50px;
}

/*屋根塗装*/

.yane .read1 .c p {
    text-align: left;
}
.yane .read1 .c .h4w {
    margin-bottom: 40px;
}
.ame2 .tbox {
    padding-bottom: 20px;
}
.yane .read2 .c p {
    color: #222;
    text-align: center;
}
.yane .read2 {
    border-radius: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.yane1 .h3w {
    margin-bottom: 30px;
}
.yane1 .h3w .r {
    display: block;
    font-size: 70%;
    color: #c8161d;
    line-height: 110%;
}
.yane1 .tit {
    margin-bottom: 100px;
    border: 2px solid #c8161d;
    background: #fff;
}
.yane1 .box {
    width: 30%;
    margin: 0 5% 30px 0;
}
.yane1 .box:nth-of-type(3n) {
    margin-right: 0;
}
.yane1 .box .img {
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 20px;
}
.yane1 .box .h4r {
    padding-bottom: 10px;
    text-align: center;
}
.yane1 .box p {
    text-align: center;
}
.yane1 .imgs {
    width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.yane1 .imgs .in div:after {
    padding-top: 74%;
}
.yane1 .imgs .in {
    width: 75%;
}
@media (max-width: 599px) {
    .yane1 .box {
        width: 46%;
        margin-left: 2%;
        margin-right: 2% !important;
    }
    .yane1 .imgs {
        width: 100%;
    }
    .yane .read2 .c p {
        text-align: left;
    }
    .yane1 .box p {
        text-align: left;
    }
}
.read1 .c.l p {
    text-align: left;
}
/*外壁塗装*/
.gaiheki .h4w {
    margin-bottom: 40px;
}
.read1 .ilmg.c {
    max-width: 210px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    right: auto;
}
.gaiheki .tit .read1 .c {
    padding-bottom: 40px;
}

/*ドローン点検・診断*/

.doron1 .box {
    width: 48%;
    padding-bottom: 40px;
}
.doron1 {
    padding-top: 90px;
}
.doron1 .box .img {
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 20px;
}
.doron1 .box p {
    padding: 0 0 20px 0;
}
.doron1 .box .imgs {
    width: 77%;
}
.doron1 .box:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.doron1 .box .imgs div:after {
    padding-top: 77.5%;
}
@media (max-width: 599px) {
    .doron1 .box {
        width: 100%;
    }
}

/*価格表＆シミュレーション*/
.price-form-unit {
    display: none;
}
.price1 .h4r.tit {
    margin-bottom: 35px ;
    padding-bottom: 5px;
    border-bottom: 3px solid #c8161d ;
}
.price1 #price1 {
    max-width: 148px;
    vertical-align: middle;
    margin: 0 16px;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 28px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #bfbfbf;
}
.price-form dt {
    width: 50%;
    padding: 0 0 20px 0;
}
.price-form  dd {
    width: 30%;
    padding: 0 0 20px 0;
}
.price1 #check1 {
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    border: none;
    border-radius: 25px / 50%;
    background: #c8161d;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.price1 #check1:hover {
    opacity: 0.5;
    cursor: pointer;
}

.price1 .img {
    margin-top: -40px;
    margin-bottom: -5px;
    text-align: right;
}
.price1 .img .l {
    width: 16%;
    display: inline-block;
}
.price2 {
    padding: 30px 4% 0 4%;
    border: 2px solid #c8161d;
    background: #fff;
}
.price2 .in {
    max-width: 740px;
    margin: 0 auto;
}
.price2 .h4r {
    margin-bottom: 20px;
    text-align: center;
}
.price2 .box-flexb dl {
    width: 48%;
    padding-bottom: 30px;
}
.price2 .box-flexb dt {
    width: 100%;
    display: block;
    color: #1522c9;
    text-align: center;
}
.price2 .box-flexb dl:first-child dt {
    color: #c8161d;
}
.price2 .box-flexb dd input {
    max-width: 150px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 16px;
    padding: 6px 5px;
    font-size: 28px;
    text-align: right;
    border: 1px solid #bfbfbf;
    border-radius: 25px;
}
.price2 .box-flexb dd {
    width: 100%;
    padding-bottom: 20px;
}
.price2 .info dt {
    width: 84%;
    float: right;
    padding: 30px 5px ;
    color: #fff;
    text-align: center;
    border-radius: 40px / 50%;
    background: #c8161d;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    position: relative;
}
.price2 .info dd {
    margin-top: -20px;
    padding-bottom: 0;
}
.price2 .info dt:before {
    content: "";
    border: 12px solid transparent;
    border-top: 20px solid #c8161d;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    position: absolute;
    top: calc(100% - 8px);
    left: 12px;
}

.result-price {
    font-size: 30px;
}
@media (max-width: 599px) {
    .price-form dt {
        width: 100%;
    }
    .price-form dd {
        width: 80%;
    }
    .price2 .box-flexb dl {
        width: 100%;
    }
    .price2 .box-flexb dd {
        text-align: center;
    }
}
.price3 .table {
    background: #fff;
}
.price3 .table dl {
    padding: 18px 3%;
    border-bottom: 1px solid #bfbfbf;
}
.price3 .table dd {
    font-size: 18px;
    text-align: right;
}
.price3 .table dt {
    font-size: 18px;
}
.price3 .table dd strong {
    font-size: 36px;
    color: #c8161d;
}
@media (max-width: 599px) {
    .price3 .table dt {
        width: 100%;
    }
    .price3 .table dd {
        width: 100%;
    }
}
.price4 .wrap {
    padding: 35px 3% 0 3%;
    border: 2px solid #c8161d;
    background: #fff;
}
.price4 .tit {
    padding: 0 0 30px 0;
    text-align: center;
}
.price4 .tit .h4r {
    padding-bottom: 10px;
    font-weight: normal;
}
.price4 p {
    padding: 0 0 20px 0;
}
.price4 dl {
    padding-bottom: 30px;
}
.price4 ul {
    padding: 0 0 30px 0;
}
.price4 .tbox {
    width: 64%;
}
.price4 .imgs {
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.price4 dl.r dt {
    color: #c8161d;
}
.price4 dl.b dt {
    color: #1522c9;
}
.price4 dl dd strong {
    font-size: 36px;
}
.price4 dl.r dd strong {
    color: #c8161d;
}
.price4 dl.b dd strong {
    color: #1522c9;
}
.price4 .imgs p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}
.price4 .imgs p:before {
    content: "";
    width: 1px;
    height: 60px;
    display: inline-block;
    vertical-align: bottom;
    background: #c8161d;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.price4 .imgs p:after {
    content: "";
    width: 1px;
    height: 60px;
    display: inline-block;
    vertical-align: bottom;
    background: #c8161d;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
.price4 .imgs .w {
    display: inline-block;
    padding: 0 1.5em;
}
.price4 .imgs p .b {
    font-weight: bold;
    font-size: 24px;
}
.price4 .imgs p .r {
    color: #c8161d;
}
@media (max-width: 599px) {
    .price4 .tbox {
        width: 100%;
    }
    .price4 .imgs {
        width: 100%;
    }
}

/*初めての方へ*/

.first1 .tbox {
    width: 73%;
    position: relative;
    z-index: 1;
}
.first1 .img {
    width: 25%;
}
.first1 .img .kaku {
    width: 200%;
}
.first1 .img .kaku div {
    overflow: hidden;
    border-radius: 20px;
}
.first1 .tbox .il {
    margin-bottom: 20px;
    text-align: right;
}
.first1 .tbox .il .i {
    display: inline-block;
}
.first1 .tbox .il .i div {
    width: 244px;
    height: 178px;
}
.first1 .tbox p {
    padding: 0 0 20px 0;
    line-height: 210%;
    text-shadow: 0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}
.first1 {
    padding-bottom: 100px;
    position: relative;
}
.first1:before {
    content: "";
    height: 324px;
    background: #fcf7e3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.first1:after {
    content: "";
    width: 100%;
    height: 64px;
    background: url(/import/tenant_1/160.16.82.100/html/images/nami3.png) center bottom repeat-x;
    position: absolute;
    top: 260px;
    left: 0;
    right: 0;
    z-index: 2;
}
.first1 .inner {
    position: relative;
    z-index: 3;
}
.first2 {
    background: none;
}
.first2:before {
    display: none;
}
@media (max-width: 599px) {
    .first1 .img {
        width: 100%;
        margin-bottom: 30px;
    }
    .first1 .img .kaku {
        width: auto;
    }
    .first1 .tbox {
        width: 100%;
    }
}
.first3 {
    position: relative;
}
.first3:before {
    content: "";
    width: 100%;
    height: 64px;
    background: url(/import/tenant_1/160.16.82.100/html/images/nami3.png) center bottom repeat-x;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    z-index: 2;
}
.first3 .ame3 .box dt+dd {
    font-weight: bold;
    font-size: 18px;
}
.first3 .ame3 .box {
    width: 23%;
    margin-bottom: 70px;
    margin-right: 2.6%;
}
.first3 .ame3 .box:nth-of-type(4n) {
    margin-right: 0;
}
.first3 .ame3 .box dd+dd {
    padding-bottom: 30px;
    text-align: left;
}
.first3 .ame3 .box:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.first3 .ame3 .box:last-child .img {
    width: 100%;
    max-width: 198px;
}
@media (max-width: 599px) {
    .first3 .ame3 .box {
        width: 46%;
        margin-left: 2%;
        margin-right: 2% !important;
    }
}
.first3 .box2 {
    margin-bottom: 70px;
    position: relative;
}
.first3 .box2 .img {
    width: 35% ;
    position: relative;
    z-index: 2;
}
.first3 .box2 .img div {
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 20px;
}
.first3 .box2 .tbox {
    width: 60%;
    position: relative;
    z-index: 2;
}
.first3 .box2 .tbox p {
    padding: 0 0 25px 0;
    line-height: 210%;
}
.first3 .box2 .tbox li:before,
.first3 .box2 .tbox dd:before {
    content: "■";
    color: #c8161d;
    position: absolute;
    top: 0;
    left: 0;
}
.first3 .box2 .tbox dd {
    display: inline-block;
    padding: 0 1em;
    position: relative;
}
.first3 .box2 .tbox dt {
    font-weight: bold;
}
.first3 .box2 .tbox li {
    padding-left: 1em;
    line-height: 210%;
    position: relative;
}
.first3 .box2 .ilrt {
    position: absolute;
    top: 0;
    right: 0;
}
.first3 .box2 .illb {
    position: absolute;
    bottom: 0;
    left: 0;
}
.first3 .box2 ul,
.first3 .box2 dl {
    padding-bottom: 20px;
}
.first3 .re .box2:nth-of-type(1) .ilrt {
    width: 214px ;
    height: 129px;
}
.first3 .re .box2:nth-of-type(1) .illb {
    width: 178px ;
    height: 142px;
}
.first3 .h4m {
    padding-bottom: 30px;
}
.first3 .h3s {
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}
.first3 .re .box2:nth-of-type(3) .ilrt {
    width: 214px ;
    height: 129px;
}
.first3 .re .box2:nth-of-type(3) .illb {
    width: 214px ;
    height: 129px;
}
.first3 .re .box2:nth-of-type(5) .ilrt {
    width: 143px ;
    height: 146px;
}
@media (max-width: 599px) {
    .first3 .box2 .img {
        width: 100%;
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }
    .first3 .box2 .tbox {
        width: 100%;
    }
    .first3 .box2 .ilrt {
        top: -100px;
    }
    .first3 .box2 .illb {
        bottom: -100px;
    }
}

.recommend {
    margin: 80px 0;
}

@media (max-width: 1024px) {
    .recommend {
        margin: 50px 0;
    }
}

[data-element-id] #gnav {
    max-width: 500px;
    display: block;
    margin-left: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    position: static;
}

[data-element-id] .home-main-content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 50%;
    margin-left: auto;
    margin-right: auto;
}

[data-element-id] #hnav .box-flex>li {
    margin: 2px;
    position: static;
}

[data-element-id] #hnav li ul {
    visibility: visible;
    padding-top: 1.5em;
    border: 2px solid green;
    opacity: 1;
    top: 70px;
    left: auto;
    right: 30px;
}

[data-element-id] #hnav li ul::before {
    content: "サービス内容の中身です";
    width: 100%;
    display: block;
    padding: 5px;
    font-weight: bold;
    font-size: 10px;
    color: white;
    line-height: 1.2;
    text-align: center;
    background-color: green;
    position: absolute;
    top: 0;
    left: 0;
}

[data-element-id] .mobile-only,
[data-element-id].sp-only {
    min-width: 70px;
    display: block;
    padding-top: 1.5em !important;
    border: 2px solid green;
    position: relative !important;
}

[data-element-id] .mobile-only::before,
[data-element-id].sp-only::before {
    content: "スマホナビ";
    width: 100%;
    display: block;
    padding: 5px;
    font-weight: bold;
    font-size: 10px;
    color: white;
    line-height: 1.2;
    text-align: center;
    background-color: green;
    position: absolute;
    top: 0;
    left: 0;
}

[data-element-id] .slidewrap .home-works-slider div[data-collection-list-content] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

[data-element-id] .home-works-slider .box {
    width: 18%;
    margin: 1%;
}


[data-element-id] .home-works-slider .box:nth-last-of-type(n+6) {
    display: none;
}

[data-element-id] .list-fixed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px;
    padding-top: 1.5em;
    border: 2px solid green;
    position: relative;
}

[data-element-id] .fixed-contents {
    position: static;
}

[data-element-id] .list-fixed::before {
    content: "スマホ固定ボタン";
    width: 100%;
    display: block;
    padding: 5px;
    font-weight: bold;
    font-size: 10px;
    color: white;
    line-height: 1.2;
    text-align: center;
    background-color: green;
    position: absolute;
    top: 0;
    left: 0;
}

[data-element-id] .list-fixed li a .tel2-num {
    display: inline-block;
    padding-top: 1.5em;
    border: 1px solid green;
    position: relative;
}

[data-element-id] .list-fixed li a .tel2-num::before {
    content: "電話番号";
    width: 100%;
    display: block;
    padding: 5px;
    font-weight: bold;
    font-size: 10px;
    color: white;
    line-height: 1.2;
    text-align: center;
    background-color: green;
    position: absolute;
    top: 0;
    left: 0;
}

[data-element-id] .price-form-unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 50px 0;
    padding: 70px 50px 50px;
    border: 2px solid green;
    position: relative;
}

[data-element-id] .price-form-unit::before {
    content: "シミュレーションの計算を行うときの単価はこちらで設定してください";
    width: 100%;
    display: block;
    padding: 5px;
    font-weight: bold;
    font-size: 12px;
    color: white;
    line-height: 1.2;
    text-align: center;
    background-color: green;
    position: absolute;
    top: 0;
    left: 0;
}

[data-element-id] .unit1,
[data-element-id] .unit2,
[data-element-id] .unit3,
[data-element-id] .unit4 {
    min-width: 120px;
    display: inline-block;
    margin: 0 5px;
    padding-top: 1.5em;
    text-align: center;
    border: 2px solid #c8161d;
    position: relative;
}

[data-element-id] .unit3,
[data-element-id] .unit4 {
    border: 2px solid darkblue;
}

[data-element-id] .unit1::before,
[data-element-id] .unit2::before,
[data-element-id] .unit3::before,
[data-element-id] .unit4::before {
    width: 100%;
    display: block;
    padding: 5px;
    font-weight: bold;
    font-size: 10px;
    color: white;
    line-height: 1.2;
    text-align: center;
    background-color: #c8161d;
    position: absolute;
    top: 0;
    left: 0;
}

[data-element-id] .unit3::before,
[data-element-id] .unit4::before {
    background-color: darkblue;
}

[data-element-id] .unit1::before {
    content: "大和塗装の足場単価";
}
[data-element-id] .unit2::before {
    content: "大和塗装の塗装単価";
}
[data-element-id] .unit3::before {
    content: "一般的な足場単価";
}
[data-element-id] .unit4::before {
    content: "一般的な塗装単価";
}

/* 2022.08.29 */
.news001{
  margin:auto;
}


/* 2025.03.17 */

.header-center{
  display: flex;
    justify-content: center;
    width: 44%;
}

.header-contact a{
  color: #c8161d;
    background-color: white;
    display: inline-block;
    padding: 2px 1.5em;
    border: 2px solid #c8161d;
    border-radius: 15px / 50%;
}

.header-tel a{
  font-size: 26px;
}

.right-li a{
  font-size: 14px;
}

.right-li{
padding: 0 0 0 1em !important;
}

#header .left {
 width: 22%;
  margin-right: 15px;
}

.header-inner{
width: 96%;
}

.free-p p{
  font-size: 12px;
  margin-top: -15px;
    margin-bottom: 5px;
}

.free-p p span{
  font-size: 15px;
    color: #da0c0c;
}

.header-tel p{
  font-size: 12px;
    text-align: center;
}

.header-tel span{
  width: 35px;
    display: inline-block;
}

.header-tel{
  margin-right: 15px;
}

@media (max-width: 1024px) {
.header-center {
    width: 75%;
}
}


@media (max-width: 599px) {
#header .left {
    width: 75%;
    margin-right: 15px;
}

.sp-navi{
  display: block;
}

.header-center {
        width: 100%;
    }
    
    .header-tel span {
    width: 20px;
    }

.header-tel a {
    font-size: 16px;
}

.header-tel {
    margin-right: 12px;
}

.free-p p {
    margin-top: 0px;
    text-align: right;
}

.header-contact{
  font-size: 14px;
    margin-left: 30px;
}
}