@charset "utf-8";

body {
    overflow: hidden;
}
/*コンテンツ幅変更*/
@media (min-width: 1200px) {
    .lay-container, .lay-container-sm, .lay-container-md, .lay-container-lg, .lay-container-xl {
        max-width: 1700px !important;
    }
}

/*グローバルメニュー調整*/
.sitedesign-headernav-group li.menu-level-0:last-of-type > a {
    border-radius: 10px;
}
@media (min-width: 1346px) and (max-width:1445px) {
li.menu-level-0 {
    padding: 0 3px !important;
}
}
@media (min-width: 992px) and (max-width:1345px) {
li.menu-level-0 {
    padding: 0px !important;
    font-size: 0.8rem;
}
li.menu-level-0 a span {
    font-size: 0.6rem !important;
}
.siteblock-header > div {
    padding-right: 20px !important;
    padding-left: 20px !important;
}
.siteblock-header > div > *.sitedesign-headerparts__nofull {
    width: 20%;
}
.siteblock-header > div > *.sitedesign-headerparts__nofull + .sitedesign-headernav, .siteblock-header > div > *.sitedesign-headerparts__nofull + [id*="EDIT-navigation"] {
    width: calc(80% - 30px);
}
}
@media (min-width: 768px) and (max-width:931px) {
.sitedesign-headernav-group li.menu-level-0 {
    padding: 0px;
    font-size: 0.85rem;
}
}
@media (min-width:768px) and (max-width:991px) {
.cparts-header-block__logo img {
    width: 170px;
}
.siteblock-header {
    padding-top: 15px;
    padding-bottom: 15px;
}
.sitedesign-headernav-group li.menu-level-0 > a {
    font-size: min(3vh,14px);
}
.sitedesign-headernav-group li.menu-level-0 > a span {
    font-size: min(2vh,10px);
}
.sitedesign-headernav-group li.menu-level-0:last-of-type a {
    padding: 10px 15px;
}
}
@media (max-width:767px) {
.cparts-header-block__logo img {
    width: 230px;
}
}


/*ハンバーガーメニュー調整（スマホ）*/
@media (max-width: 767px) {
    .sitedesign-headernav .sitedesign-headernav-list li.menu-level-1 {
        padding: 10px 0 !important;
    }
    .sitedesign-headernav-group li.menu-level-0 > a span, .sitedesign-headernav-group li.menu-level-0 > div span {
        text-align: left;
    }
    #sitedesign-headernav-input ~ .sitedesign-headernav-group li.menu-level-0:last-of-type a span {
        text-align: center;
    }
}


/*======================================================*/

/*フローティングボタン*/
@media (min-width:768px) {
.cparts-id582 .cparts-link-block {
    box-shadow: 0 0 10px #00000080;
}
.cparts-id582.contact_btn {
    bottom: 15vh;
}
.cparts-id582.contact_btn p {
    font-size: min(2.3vh,16px);
}
}
@media (max-width:767px) {
.cparts-id582 .cparts-body-block {
    box-shadow: 0 0 10px #00000080;
}
}

/*メインビジュアル 背景*/
.siteblock-upper {
    color: #333;
    background-image: linear-gradient(146deg, #ebffff, #d4f4ff 48%, #c6d9ff 95%);
}
/*見出し調整*/
@media (min-width: 992px) and (max-width:1384px) {
.main-visual h1 {
    font-size: 4.5vw;
    margin-bottom: 2.5rem;
}
}
@media (max-width: 991px) {
.main-visual h1,h1 {
    margin-bottom: 2rem;
    font-size: 3rem;
}
}
@media (max-width: 767px) {
.main-visual h1 {
    font-size: 7vw !important;
}
}
@media (min-width: 768px) {
.siteblock-upper {
    padding-top: 60px;
    padding-bottom: 20px;
}
.main-visual p {
    font-size: larger;
}
.top_about p,.top_blue-bg_content p {
    font-size: large;
}
}
/*メインビジュアル 角丸*/
.main-visual .slick.box img {
    border-radius: 20px !important;
}
/*メインビジュアル 吹き出し*/
@media (min-width: 992px) and (max-width:1099px) {
.hukidashi {
    margin-top: -80px !important;
}
.hukidashi.cparts-id486--01 .cparts-txt-block li {
    width: 20vw;
}
}
@media (min-width: 768px) and (max-width:991px) {
.hukidashi.cparts-id486--01 .cparts-txt-block li {
    width: 35vw;
}
}
/*トップページ 流れる英字*/
.design-text {
    color: #e3e3e3;
}
/*グレー背景削除*/
.siteblock-opt1::before {
content:none;
}
/*背景色変更*/
.sitedesign-optblock {
    background: #e6f3ff;
}
/*ボタン*/
.dec-btn--size-sm {
    padding: 0.625rem 2.7rem 0.625rem 1.875rem;
}
.siteblock-main .formConfirm .returnBu a::before {
    display: none;
}

/*水道工事のプロを探す カテゴリースライダー*/
.category-slider .cparts-img-block {
    margin-bottom: 0px;
}
.category-slider .cparts-body-block {
    padding: 32px 32px 0px;
}
@media (min-width:768px) and (max-width:991px) {
.category-slider.lay-col12-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}


/*表*/
.scroll_table {
    overflow-x: scroll;
}
.scroll_table table {
    white-space: nowrap;
    border: 1px solid #ccc;
}
.scroll_table th, td {
    padding: 8px 13px;
}


/*=============================

組合について

==============================*/
@media (max-width:767px) {
.greeting_box .lay-padding--2 {
    padding: 1.8rem;
}
}
/*沿革　表*/
.history_table table th {
    background-color: #fff;
}



/*=============================

活動報告

==============================*/
@media (max-width:767px) {
div#entryRayout01 .blogEntryIcon-act {
    flex: 0 0 30%;
    max-width: 30%;
}
}