@charset "UTF-8";
/* =====================================
    共通レイアウト ここから
===================================== */
@media screen and (max-width: 768px) {
br.pc-br{
    display: none;
}
br.sp-br{
    display: inline;
}
}


/* =====================================
    共通レイアウト ここまで
===================================== */

/* =====================================
    安全・安心な水道水 ここから
===================================== */
@media screen and (max-width: 768px) {
.pageTitle[data-astro-cid-guvttfii] {
        font-size:clamp(.875rem,1.25vw,1rem)
}
.pageInnerLayout__feature[data-astro-cid-ytjz6byo]{
        padding:20px 0 40px
}
}
/* =====================================
    安全・安心な水道水 ここまで
===================================== */

/* =====================================
    インタビュー ここから
===================================== */
@media screen and (max-width: 768px) {
.profile{
    width:80%;
    margin: 0 auto
}
.profile__inner{
    justify-content:center
}
.top__profile {
    margin:60px auto 20px
}
.top__profile--pc{
    display:none
}
.top__profile--tab{
    display:block
}
.top__content{
    display:block;
    margin: 20px auto 0
}
.top__contentLeft {
    display:flex;
    justify-content: center;
    margin: 0 auto
}
.top__contentRight {
    width:70%;
    margin: 30px auto;
    text-align: center
}
.career-list{
    margin: 0.8em 1.2em;
}
.interview__menuinner ul{
    display:block
}
.interview__menuinner ul li{
    width:100%;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid
}

.interview__menuinner ul li:first-of-type {
    border-left:none
}
.interview__menuinner ul li:last-of-type {
    border-bottom:none
}
.interview__sectionInner {
    padding:0 25px
}
span.interview__sectionTitleLine{
    display: none;
}

.care h3 {
    width:400px
}
.care__top {
    display:block
}
.care__topLeft {
    width:100%
}
.care__topRight {
    margin-left:0;
    width: 100%
}
.care__detail {
    display:block;
    padding: 12px
}
.care__detailLeft,.care__detailRight {
    padding:0;
    width: 410px;
    margin: 0 auto
}

.care__point ul li{
    display: block;
}
}

@media screen and (max-width: 480px){
    .profile h2:first-of-type{
    font-size:clamp(2.25rem,3.125vw,2.5rem)
}
.profile h2:last-of-type {
    font-size:clamp(1.875rem,2.65vw,2.125rem)
}
.top{
    padding-left:15px;
    padding-right: 15px;
    max-width:870px
}
.top__contentRight{
    width:90%
}

    .top__contentRight h3 span {
        display:block
    }
    .top__contentRight strong {
        padding-left:0
    }
    .top__contentRight p {
        text-align:justify;
        margin: 30px 0
    }
    .nav__inner {
        padding-left:15px;
        padding-right: 15px
    }
    .nav__inner {
        max-width:870px
    }
    .interview {
        padding-left:15px;
        padding-right: 15px
    }
    .interview {
        max-width:870px
    }

    .interview__section {
        margin:60px auto
    }
    .interview__section span {
        display:inline
    }
    span.interview__sectionTitleLine{
    display: none;
}
    .care {
        padding-left:15px;
        padding-right: 15px;
        max-width:870px
    }
    .care h3 {
        width:100%
    }

    .care__point{
        padding-left: 0;
    }
    .care__point ul{
        padding:12px 0
    }
}
/* =====================================
    インタビュー ここまで
===================================== */

/* =====================================
    水道局からのお知らせ ここから
===================================== */




/* =====================================
    水道局からのお知らせ ここまで
===================================== */

/* =====================================
    お問い合せ ここから
===================================== */




/* =====================================
    お問い合せ ここまで
===================================== */