@charset "UTF-8";

/* ######################################################################################

　pageWaterjet.index　トップページ

###################################################################################### */
/* ====================================================
	メインイメージ
==================================================== */
/*** スライダー ***/
.pageSolarKadai.index .mainImage {position: relative;}
.pageSolarKadai.index .mainImage .solarSlickSlider .slick-prev,
.pageSolarKadai.index .mainImage .solarSlickSlider .slick-next {background-size: cover;}
.pageSolarKadai.index .mainImage .solarSlickSlider .slick-prev:before,
.pageSolarKadai.index .mainImage .solarSlickSlider .slick-next:before {display: none;}
.pageSolarKadai.index .mainImage .solarSlickSlider .slick-prev {background-image: url(../img/contents/solarkadai/index/arrow_left.svg);}
.pageSolarKadai.index .mainImage .solarSlickSlider .slick-next {background-image: url(../img/contents/solarkadai/index/arrow_right.svg);}

@media print, screen and (min-width: 768px) {
    .pageSolarKadai.index .mainImage {margin-top: 20px;}
    .pageSolarKadai.index .mainImage .solarSlickSlider {
        position: absolute;
        right: 0;
        top: 0;
    }
    .pageSolarKadai.index .mainImage .solarSlickSlider .slick-prev,
    .pageSolarKadai.index .mainImage .solarSlickSlider .slick-next {
        top: unset;
        left: unset;
        right: 0;
        bottom: 0;
        z-index: 2;
        width: 46px;
        height: 46px;
        transform: translateY(calc(100% + 20px));
    }
    .pageSolarKadai.index .mainImage .solarSlickSlider .slick-prev {transform: translate(calc(-100% - 10px), calc(100% + 20px));}
    .pageSolarKadai.index .mainImage .solarSlickSlider .slick-prev:hover,
    .pageSolarKadai.index .mainImage .solarSlickSlider .slick-next:hover {opacity: 0.6;}
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.index .mainImage {padding-top: 1em;}
    .pageSolarKadai.index .mainImage .solarSlickSlider .slick-slide {
        width: 76.9231vw;
        padding-left: 7px;
        padding-right: 7px;
    }
    .pageSolarKadai.index .mainImage .solarSlickSlider .slick-prev,
    .pageSolarKadai.index .mainImage .solarSlickSlider .slick-next {
        top: unset;
        left: unset;
        right: 0;
        bottom: -184px;
        z-index: 2;
        width: 42px;
        height: 42px;
        transform: translate(0);
    }
    .pageSolarKadai.index .mainImage .solarSlickSlider .slick-prev {
        transform: translateX(calc(-100% + -26px));
    }
    .pageSolarKadai.index .mainImage .solarSlickSlider .slick-next {
        transform: translateX(-20px);
    }

}

@media print, screen and (min-width: 1700px) {
    .pageSolarKadai.index .mainImage .solarSlickSlider {width: 61.9792%;}
}
@media print, screen and (min-width: 1501px) and (max-width: 1700px) {
    .pageSolarKadai.index .mainImage .solarSlickSlider {width: calc(100% - 640px);}
}
@media print, screen and (min-width: 768px) and (max-width: 1500px) {
    .pageSolarKadai.index .mainImage .solarSlickSlider {width: 57.3333%;}
}
@media print, screen and (min-width: 1400px) {
}
@media print, screen and (min-width: 1500px) {
    .pageSolarKadai.index .mainImage .solarSlickSlider {right: 20px;}
    .pageSolarKadai.index .mainImage .solarSlickSlider .slick-slide {padding-left: 20px;}
}

/*** 太陽光発電工事から 太陽光発電用製品まで。 ***/
.pageSolarKadai.index .mainImage .imageText .title p {font-weight: bold;}
.pageSolarKadai.index .mainImage .imageText .title p span {color: #005AA4;}

@media print, screen and (min-width: 768px) {
    .pageSolarKadai.index .mainImage .imageText .title {
        max-width: 1730px;
        margin: 0 auto;
        padding: 1.5em 0.75em 3em;
        font-size: clamp(17px, 1.3334vw, 1.9rem);
    }
    .pageSolarKadai.index .mainImage .imageText .title h2 {
        margin-bottom: 16px;
        font-size: clamp(42px, 3.3334vw, 5rem);
        line-height: 1.4;
    }
    .pageSolarKadai.index .mainImage .imageText .title p {font-size: clamp(17px, 1.3334vw, 1.9rem);}
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.index .mainImage .imageText .title {padding: 1.4286em 20px 1.6429em;}
    .pageSolarKadai.index .mainImage .imageText .title h2 {
        margin-bottom: 0.4667em;
        font-size: 3rem;
        line-height: 1.5333;
    }
    .pageSolarKadai.index .mainImage .imageText .title p {
        font-size: 1.6rem;
        line-height: 1.625;
    }
}

/*** featureList ***/
.pageSolarKadai.index .mainImage .imageText .featureList {background: #064B8E;}
.pageSolarKadai.index .mainImage .imageText .featureList ul {display: flex;}
.pageSolarKadai.index .mainImage .imageText .featureList li {
    background: #fff;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
}
.pageSolarKadai.index .mainImage .imageText .featureList li span {display: block;}
.pageSolarKadai.index .mainImage .imageText .featureList li .blue,
.pageSolarKadai.index .mainImage .imageText .featureList li .cation {color: #064B8E;}
@media print, screen and (min-width: 768px) {
    .pageSolarKadai.index .mainImage .imageText .featureList {
        padding: 2.7273em 0 5.9091em;
        font-size: clamp(19px, 1.4667vw, 2.2rem);
    }
    .pageSolarKadai.index .mainImage .imageText .featureList ul {
        max-width: 1730px;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .pageSolarKadai.index .mainImage .imageText .featureList li {
        position: relative;
        width: 10.5883%;
        padding: 0.9091em 0.5em 0.6818em;
        font-size: clamp(19px, 1.4667vw, 2.2rem);
    }
    .pageSolarKadai.index .mainImage .imageText .featureList li:before {
        content: "";
        display: block;
        position: absolute;
        right: 6px;
        top: 5px;
        width: 11px;
        height: 11px;
        background-image: url(../img/contents/solarkadai/rightToparrow.svg);
        background-size: cover;
    }
    .pageSolarKadai.index .mainImage .imageText .featureList li + li {margin-left: 16px;}
    .pageSolarKadai.index .mainImage .imageText .featureList li .blue {line-height: 1.5; font-size: 0.9091em;}
    .pageSolarKadai.index .mainImage .imageText .featureList li .small {margin-bottom: 12px; font-size: 0.6818em;}
    .pageSolarKadai.index .mainImage .imageText .featureList li .cation {font-size: 0.5909em;}
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.index .mainImage .imageText .featureList {padding-top: 25px; padding-bottom: 72px;}
    .pageSolarKadai.index .mainImage .imageText .featureList ul {justify-content: center;}
    .pageSolarKadai.index .mainImage .imageText .featureList li {
        width: 29.2308%;
        margin: 0 4px;
        padding: 9px 0 11px;
        font-size: 1.6rem;
    }
    .pageSolarKadai.index .mainImage .imageText .featureList li.widetop {padding-top: 16px;}
    .pageSolarKadai.index .mainImage .imageText .featureList li .blue {margin-top: 9px; font-size: 1.5rem;}
    .pageSolarKadai.index .mainImage .imageText .featureList li .small {font-size: 1.4rem; line-height: 1.2143;}
    .pageSolarKadai.index .mainImage .imageText .featureList li .small + .blue {margin-top: 3px;}
    .pageSolarKadai.index .mainImage .imageText .featureList li .cation {margin-top: 3px; font-size: 1.1rem;}
}

@media print, screen and (min-width: 768px) and (max-width: 1500px) {
    .pageSolarKadai.index .mainImage .imageText .featureList {padding-top: 3.2em;}
}

/* ====================================================
    topBannerList
==================================================== */
.pageSolarKadai.index .topBannerList {
    position: relative;
    z-index: 2;
}
.pageSolarKadai.index .topBannerList li a {display: block;}

@media print, screen and (min-width: 768px) {
    .pageSolarKadai.index .topBannerList {
        margin-top: -50px;
        padding-bottom: 58px;
    }
    .pageSolarKadai.index .topBannerList ul {
        display: flex;
        justify-content: center;
    }
    .pageSolarKadai.index .topBannerList li {margin: 0 20px;}
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.index .topBannerList {
        margin-top: -48px;
        padding: 0 20px 110px;
    }
    .pageSolarKadai.index .topBannerList li + li {margin-top: 25px;}
}

/* ====================================================
    construction
==================================================== */
/*** タイトル ***/
.pageSolarKadai.index .lineUp p {text-align: center;}

@media print, screen and (min-width: 768px) {
    .pageSolarKadai.index .lineUp .contents {max-width: 1230px;}
    .pageSolarKadai.index .lineUp p {font-size: 1.6rem;}
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.index .lineUp p {
            margin-bottom: 2em;
            font-size: 1.5rem;
            line-height: 1.73333;
        }
}

/*** lineUpList ***/
.pageSolarKadai.index .lineUp {background: #F5F5F5;}
.pageSolarKadai.index .lineUp .lineUpList .list dt {font-weight: bold;}
.pageSolarKadai.index .lineUp .lineUpList .list .category {color: #747474;}

.pageSolarKadai.index .lineUp .lineUpList .list dd {line-height:1.1;}
.pageSolarKadai.index .lineUp .lineUpList .list dd+dd {margin-top:0.5em;}
.pageSolarKadai.index .lineUp .lineUpList .list .productName a {
    text-decoration: none;
    color: #000;
}

@media print, screen and (min-width: 768px) {
    .pageSolarKadai.index .lineUp {
        padding-top: 100px;
        padding-bottom: 225px;
    }
    .pageSolarKadai.index .lineUp .lineUpList {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -12px;
    }
    .pageSolarKadai.index .lineUp .lineUpList .item {
        margin-bottom: 50px;
        padding: 0 12px;
    }
    .pageSolarKadai.index .lineUp .lineUpList .item.full {width: 100%;}
    .pageSolarKadai.index .lineUp .lineUpList .item h4 {
        margin-bottom: 23px;
        font-size: 2.4rem;
    }
    .pageSolarKadai.index .lineUp .lineUpList .list {
        display: flex;
        margin: 0 -12px;
    }
    .pageSolarKadai.index .lineUp .lineUpList .list dl {
        width: 244px;
        padding: 0 12px;
    }
    .pageSolarKadai.index .lineUp .lineUpList .list dt {margin-bottom: 11px;}
    .pageSolarKadai.index .lineUp .lineUpList .list dt a:hover {opacity: 0.6;}
    .pageSolarKadai.index .lineUp .lineUpList .list .category {
        margin-bottom: 9px;
        font-size: 1.4rem;
    }
    .pageSolarKadai.index .lineUp .lineUpList .list .productName {font-size: 1.6rem;}
    .pageSolarKadai.index .lineUp .lineUpList .list .productName a:hover {opacity: 0.6;}
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.index .lineUp {
        padding-top: 80px;
        padding-bottom: 160px;
    }
    .pageSolarKadai.index .lineUp .lineUpList .item + .item {margin-top: 2em;}
    .pageSolarKadai.index .lineUp .lineUpList .item h4 {font-size: 1.8rem;}
    .pageSolarKadai.index .lineUp .lineUpList .list dl + dl {margin-top: 2em;}
    .pageSolarKadai.index .lineUp .lineUpList .list dt {margin-bottom: 0.5em;}
    .pageSolarKadai.index .lineUp .lineUpList .list .category {
        margin-bottom: 0.5em;
        font-size: 1.4rem;
    }
    .pageSolarKadai.index .lineUp .lineUpList .list .productName {font-size: 1.6rem;}
}

/* ====================================================
    lineUpSlider
==================================================== */
.pageSolarKadai.index .lineUpSlider {max-width: 100vw; margin: 0 auto;}
@media print, screen and (min-width: 768px) {
    .pageSolarKadai.index .lineUpSlider {margin-top: -160px;}
    .pageSolarKadai.index .lineUpSlider .slick-slide {padding: 0 10px;}
    .pageSolarKadai.index .lineUpSlider .slick-slide img {width: 300px; height: auto;}
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.index .lineUpSlider {margin-top: -70px;}
    .pageSolarKadai.index .lineUpSlider .slick-slide {padding: 0 12px;}
    .pageSolarKadai.index .lineUpSlider .slick-slide img {border-radius: 6px;}
}


/* ====================================================
    construction
==================================================== */
.pageSolarKadai.index .construction h3 {
    text-align: center;
}
.pageSolarKadai.index .construction h3 .en {
    display: block;
    color: #064B8E;
}
.pageSolarKadai.index .construction p {text-align: center;}

@media print, screen and (min-width: 768px) {
    .pageSolarKadai.index .construction {
        padding-top: 96px;
        padding-bottom: 90px;
    }
    .pageSolarKadai.index .construction h3 {
        margin-bottom: 30px;
        font-size: 4rem;
    }
    .pageSolarKadai.index .construction h3 .en {
        margin-bottom: 17px;
        font-size: 1.6rem;
    }
    .pageSolarKadai.index .construction p {
        margin-bottom: 22px;
        font-size: 2rem;
    }
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.index .construction {padding-top: 80px;}
    .pageSolarKadai.index .construction h3 {
        margin-bottom: 12px;
        font-size: 3rem;
        line-height: 1.3333;
    }
    .pageSolarKadai.index .construction h3 .en {
        margin-bottom: 8px;
        font-size: 1.2rem;
    }
    .pageSolarKadai.index .construction p {
        margin-bottom: 28px;
        font-size: 1.5rem;
        line-height: 1.73333;
    }
}

/*** stepList ***/
.pageSolarKadai.index .stepList {}

@media print, screen and (min-width: 768px) {
    .pageSolarKadai.index .stepList {
        display: flex;
        justify-content: center;
    }
    .pageSolarKadai.index .stepList dt {
        background: #fff;
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.index .stepList {
        width: 80%;
        margin: 0 auto;
    }
}

/*** buttonBox ***/
.pageSolarKadai.index .buttonBox a {
    display: block;
    color: #fff;
    font-weight: bold;
}
@media print, screen and (min-width: 768px) {
    .pageSolarKadai.index .buttonBox {margin-top: 60px;}
    .pageSolarKadai.index .buttonBox a {
        max-width: 460px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 34px;
        padding-bottom: 35px;
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.index .buttonBox {
        padding-left: 0;
        padding-right: 0;
    }
    .pageSolarKadai.index .buttonBox .button.ico.before:before {right: 0;}
}

/* ====================================================
    news
==================================================== */
.pageSolarKadai.index .news {background: #F5F5F5;}
.pageSolarKadai.index .news .newsBox h4 {
    font-family: "Overpass", sans-serif;
    color: #064B8E;
}
.pageSolarKadai.index .news .newsBox h4 span {
    display: block;
    color: #A8A9AA;
    font-weight: normal;
}
.pageSolarKadai.index .news .newsBox .newsList dl {border-bottom: 1px solid #C8C8C8;}
.pageSolarKadai.index .news .newsBox .newsList dt {color: #064B8E;}
.pageSolarKadai.index .news .newsBox .newsList dt span {display: inline-block;}
.pageSolarKadai.index .news .newsBox .newsList dt .date {
    font-family: "Overpass", sans-serif;
    font-weight: bold;
    font-size: 1.5rem;
}
.pageSolarKadai.index .news .newsBox .newsList dt .category {
    min-width: 90px;
    margin-left: 14px;
    padding: 2px 5px;
    border: 1px solid #064B8E;
    border-radius: 45px;
    font-size: 1.2rem;
    text-align: center;
    font-weight: bold;
}
.pageSolarKadai.index .news .newsBox .newsList dd {font-size: 1.5rem;}
.pageSolarKadai.index .news .newsBox .newsList dd a {
    text-decoration: none;
    color: #333333;
    font-weight: bold;
}

@media print, screen and (min-width: 768px) {
    .pageSolarKadai.index .news {
        padding-top: 100px;
        padding-bottom: 120px;
    }
    .pageSolarKadai.index .news .contents {max-width: 1330px;}
    .pageSolarKadai.index .news .newsBox {display: flex;}
    .pageSolarKadai.index .news .newsBox h4 {
        width: 220px;
        font-size: 4.8rem;
    }
    .pageSolarKadai.index .news .newsBox h4 span {font-size: 1.4rem;}
    .pageSolarKadai.index .news .newsBox .newsList {flex: 1;}
    .pageSolarKadai.index .news .newsBox .newsList dl {
        margin-bottom: 30px;
        padding-bottom: 18px;
    }
    .pageSolarKadai.index .news .newsBox .newsList dt {margin-bottom: 7px;}
    .pageSolarKadai.index .news .newsBox .newsList dd {line-height: 1.5;}
    .pageSolarKadai.index .news .newsBox .newsList dd a:hover {opacity: 0.6;}
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.index .news {
        padding-top: 75px;
        padding-bottom: 150px;
    }
    .pageSolarKadai.index .news .newsBox h4 {font-size: 3.6rem;}
    .pageSolarKadai.index .news .newsBox h4 span {font-size: 1.2rem;}
    .pageSolarKadai.index .news .newsBox .newsList dl {
        margin-bottom: 24px;
        padding-bottom: 30px;
    }
    .pageSolarKadai.index .news .newsBox .newsList dt {margin-bottom: 13px;}
    .pageSolarKadai.index .news .newsBox .newsList dd {line-height: 1.8666;}
}

/* ######################################################################################

　pageWaterjet.reason　高品質・低価格な産業用製品をご提供

###################################################################################### */
/*** 太陽光発電工事 ***/
.pageSolarKadai.reason .description .buttonBox a {
    display: block;
    width: 100%;
    max-width: 350px;
}

@media print, screen and (min-width: 768px) {
    .pageSolarKadai.reason .mainContainer {padding-bottom: 140px;}
    .pageSolarKadai.reason .description .contents {
        display: flex;
        justify-content: space-between;
    }
    .pageSolarKadai.reason .description .leftBox {width: 46.3636%;}
    .pageSolarKadai.reason .description .leftBox p {
        font-size: 1.6rem;
        line-height: 2;
    }
    .pageSolarKadai.reason .description .imageBox {width: 50%;}
    .pageSolarKadai.reason .description .buttonBox {
        margin-top: 40px;
        text-align: left;
    }
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.reason .description .leftBox p {
        font-size: 1.5rem;
        line-height: 1.75;
    }
    .pageSolarKadai.reason .description .buttonBox {
        margin: 1em 0;
        padding: 0;
    }
    .pageSolarKadai.reason .description .buttonBox a {margin: 0 auto;}
}

/*** 選ばれる理由 ***/
.pageSolarKadai.reason .reason dl {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
}
.pageSolarKadai.reason .reason .title {
    position: relative;
    font-weight: 800;
    text-align: center;
}
.pageSolarKadai.reason .reason .title:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 16px;
    display: block;
    width: 11px;
    height: 11px;
    background-image: url(../img/contents/solarkadai/rightToparrow.svg);
}
.pageSolarKadai.reason .reason .title span {
    display: block;
    color: #064B8E;
}
@media print, screen and (min-width: 768px) {
    .pageSolarKadai.reason .reason {padding-top: 60px;}
    .pageSolarKadai.reason .reason .sunflex {margin: 0 -19px;}
    .pageSolarKadai.reason .reason .item {padding: 0 19px;}
    .pageSolarKadai.reason .reason dl {padding-bottom: 25px;}
    .pageSolarKadai.reason .reason .title {
        margin-bottom: 20px;
        padding-top: 33px;
        font-size: 2.2rem;
    }
    .pageSolarKadai.reason .reason .title span {
        margin-top: 7px;
        font-size: 2.6rem;
    }
    .pageSolarKadai.reason .reason .title span.cation {
        position: absolute;
        right: 9.9707%;
        bottom: 0;
        font-size: 1.3rem;
        font-weight: bold;
    }
    .pageSolarKadai.reason .reason dd p {
        padding: 0 25px;
        font-size: 1.5rem;
        line-height: 1.86667;
    }
    .pageSolarKadai.reason .reason .reasonImage {margin-top: 90px;}
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.reason .reason {padding-top: 60px;}
    .pageSolarKadai.reason .reason .item + .item {margin-top: 2em;}
    .pageSolarKadai.reason .reason dl {padding-bottom: 25px;}
    .pageSolarKadai.reason .reason .title {
        margin-bottom: 0;
        padding-top: 1em;
        padding-bottom: 1em;
        font-size: 1.8rem;
    }
    .pageSolarKadai.reason .reason .title span {
        margin-top: 0.25em;
        font-size: 2rem;
    }
    .pageSolarKadai.reason .reason .title span.cation {
        font-size: 1.3rem;
        font-weight: bold;
    }
    .pageSolarKadai.reason .reason dd p {
        padding: 0 15px;
        font-size: 1.5rem;
        line-height: 1.86667;
    }
    .pageSolarKadai.reason .reason .reasonImage {margin-top: 30px;}
}

/*** doubleBox ***/
@media print, screen and (min-width: 768px) {
    .pageSolarKadai.reason .doubleBox {
        margin: 0 -30px;
        padding-top: 65px;
    }
    .pageSolarKadai.reason .doubleBox > div {padding: 0 30px;}
    .pageSolarKadai.reason .doubleBox .doubleBorderTitle {margin-bottom: 23px;}
    .pageSolarKadai.reason .doubleBox .doubleBorderTitle + p {
        margin-bottom: 46px;
        font-size: 1.5rem;
    }
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.reason .doubleBox {
        padding: 60px 30px 0;
    }
    .pageSolarKadai.reason .doubleBox > div + div {margin-top: 3em;}
    .pageSolarKadai.reason .doubleBox .doubleBorderTitle {margin-bottom: 1em;}
    .pageSolarKadai.reason .doubleBox .doubleBorderTitle + p {
        margin-bottom: 2em;
        line-height: 1.75;
    }
}

/*** 厳しい品質管理 ***/
.pageSolarKadai.reason .quality .qualityList dt {border-radius: 2px;}
.pageSolarKadai.reason .quality .qualityList .title span {
    position: relative;
    color: #064B8E;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
}

@media print, screen and (min-width: 768px) {
    .pageSolarKadai.reason .quality .qualityList dl {
        display: flex;
        justify-content: space-between;
    }
    .pageSolarKadai.reason .quality .qualityList dl + dl {margin-top: 36px;}
    .pageSolarKadai.reason .quality .qualityList dt {width: 42.3077%;}
    .pageSolarKadai.reason .quality .qualityList dd {
        width: 53.8462%;
        margin-top: -14px;
    }
    .pageSolarKadai.reason .quality .qualityList .title {font-size: 1.8rem;}
    .pageSolarKadai.reason .quality .qualityList .title span {
        top: 7px;
        margin-right: 14px;
        font-size: 4rem;
    }
    .pageSolarKadai.reason .quality .qualityList li {
        font-size: 1.4rem;
        line-height: 2;
    }
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.reason .quality .qualityList dl + dl {margin-top: 2em;}
    .pageSolarKadai.reason .quality .qualityList .title {font-size: 1.6rem;}
    .pageSolarKadai.reason .quality .qualityList .title span {
        top: 4px;
        margin-right: 14px;
        font-size: 3rem;
    }
    .pageSolarKadai.reason .quality .qualityList li {
        font-size: 1.4rem;
        line-height: 2;
    }
}

/* ######################################################################################

　pageWaterjet.product　製品ラインナップ

###################################################################################### */
/*** 太陽光発電用の設置製品一覧 ***/
@media print, screen and (min-width: 768px) {
    .pageSolarKadai.product.list .mainContainer {padding-bottom: 170px;}
    .pageSolarKadai.product.list .mainImage {margin-bottom: 34px;}
    .pageSolarKadai.product.list .bgTitle + p {
        margin-bottom: 43px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.product.list .mainContainer {padding-top: 0;}
    .pageSolarKadai.product.list .mainImage {margin-bottom: 1.5em;}
    .pageSolarKadai.product.list .bgTitle,
    .pageSolarKadai.product.list .bgTitle + p {
        margin-bottom: 2em;
        padding-left: 30px;
        padding-right: 30px;
    }
    .pageSolarKadai.product.list .bgTitle + p {font-size: 1.5rem;}
}

/*** categoryItem ***/
.pageSolarKadai.product.list .categoryItem .categoryTitle {border-bottom: 1px dotted #000;}
.pageSolarKadai.product.list .categoryItem .productItem .image img {width: 100%;}
.pageSolarKadai.product.list .categoryItem .productItem li + li{margin-top: 0.25em;}
.pageSolarKadai.product.list .categoryItem .productItem li a {color: #006FD9;}

@media print, screen and (min-width: 768px) {
    .pageSolarKadai.product.list .categoryItem  + .categoryItem {margin-top: 30px;}
    .pageSolarKadai.product.list .categoryItem .categoryTitle {
        margin-bottom: 13px;
        padding-bottom: 14px;
        font-size: 2.2rem;
    }
    .pageSolarKadai.product.list .categoryItem .categoryTitle + p {
        margin-bottom: 28px;
        font-size: 1.5rem;
    }
    .pageSolarKadai.product.list .categoryItem .productList {
        display: flex;
        flex-wrap: wrap;
    }
    .pageSolarKadai.product.list .categoryItem .productItem {
        display: flex;
        justify-content: space-between;
        width: 43.6364%;
        margin-bottom: 33px;
    }
    .pageSolarKadai.product.list .categoryItem .productItem:nth-of-type(even) {margin-left: 3.6364%;}
    .pageSolarKadai.product.list .categoryItem .productItem .image,
    .pageSolarKadai.product.list .categoryItem .productItem dl {
        display: flex;
        flex-direction: column;
        width: 45.8333%;
    }
    .pageSolarKadai.product.list .categoryItem .productItem .image {padding-bottom: 15px;}
    .pageSolarKadai.product.list .categoryItem .productItem dt {
        margin-bottom: 12px;
        font-size: 1.6rem;
    }
    .pageSolarKadai.product.list .categoryItem .productItem li {
        font-size: 1.4rem;
        line-height: 1.5;
    }
    .pageSolarKadai.product.list .categoryItem .productItem .moreBox {
        margin-top: auto;
        text-align: right;
    }
    .pageSolarKadai.product.list .categoryItem .productItem .moreBox .button {
        width: 120px;
        padding: 11px 0.5em 10px;
        border-radius: 3px;
        font-size: 1.3rem;
    }
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.product.list .categoryItem {
        padding-left: 30px;
        padding-right: 30px;
    }
    .pageSolarKadai.product.list .categoryItem .categoryTitle {
        margin-bottom: 1em;
        padding-bottom: 0.5em;
        font-size: 1.8rem;
    }
    .pageSolarKadai.product.list .categoryItem .categoryTitle + p {
        margin-bottom: 1.5em;
        font-size: 1.5rem;
    }
    .pageSolarKadai.product.list .categoryItem + .categoryItem {margin-top: 4em;}
    .pageSolarKadai.product.list .categoryItem .productItem + .productItem {margin-top: 3em;}
    .pageSolarKadai.product.list .categoryItem .productItem .image {margin-bottom: 1em;}
    .pageSolarKadai.product.list .categoryItem .productItem dt {
        margin-bottom: 0.5em;
        font-size: 1.6rem;
    }
    .pageSolarKadai.product.list .categoryItem .productItem li {
        font-size: 1.4rem;
        line-height: 1.5;
    }
    .pageSolarKadai.product.list .categoryItem .productItem .moreBox {margin-top: 1em;}
    .pageSolarKadai.product.list .categoryItem .productItem .moreBox .button {width: 100%;}

}

/* ######################################################################################

　pageWaterjet.product　製品ラインナップ

###################################################################################### */
/*** タイトル・説明文 ***/
.pageSolarKadai.product.detail .mainContainer {position: relative;}
.pageSolarKadai.product.detail .bgTitle {font-weight: 800;}
.pageSolarKadai.product.detail .bgTitle span {font-weight: normal;}
.pageSolarKadai.product.detail .category {
    background: #064B8E;
    color: #fff;
    font-family: "Overpass", sans-serif;
       display:flex;
    justify-content:center;
    align-items:center;
    width:8em;
    min-height:8em;
    padding:1em;
    text-align:center;
    overflow-wrap: anywhere;
    word-break: normal;
    line-break: strict;
}
@media print, screen and (min-width: 768px) {
    .pageSolarKadai.product.detail .bgTitle {
        margin-bottom: 22px;
        padding: 18px 130px 20px 22px;
        font-size: 3.4rem;
        letter-spacing: 0.025em;
    }
    .pageSolarKadai.product.detail .category {
        position: absolute;
        top: 20px;
        right: 20px;
        line-height: 1.4286;
    }
    .pageSolarKadai.product.detail .bgTitle span {margin-left: 40px;}
    .pageSolarKadai.product.detail .underbarTitle {margin-bottom: 33px;}
    .pageSolarKadai.product.detail .underbarTitle + p {
        margin-bottom: 60px;
        font-size: 1.6rem;
        line-height: 2;
    }
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.product.detail .bgTitle {padding: 1em 0.5em;}
    .pageSolarKadai.product.detail .bgTitle span {margin-left: 1em;}
    .pageSolarKadai.product.detail .category {display: none;}
    .pageSolarKadai.product.detail .underbarTitle {
        margin-bottom: 1em;
        line-height: 1.5;
    }
    .pageSolarKadai.product.detail .underbarTitle + p {
        font-size: 1.5rem;
        line-height: 1.75;
    }
}

/*** 画像スライド・説明文 ***/
.pageSolarKadai.product.detail .detailBox .imageBox .productNav > div .inner {border: 1px solid #DDDDDD;}
.pageSolarKadai.product.detail .detailBox .imageBox .iconList ul {display: flex;}
.pageSolarKadai.product.detail .detailBox .imageBox .iconList li {width: 60px;}
.pageSolarKadai.product.detail .detailBox .imageBox .iconList li + li {margin-left: 8px;}
.pageSolarKadai.product.detail .detailBox .buttonBox {background: #DCE6F2;}

.pageSolarKadai.product.detail .detailBox .infomationBox dt {color: #444444;}
.pageSolarKadai.product.detail .detailBox .infomationBox dt:after {
    width: 72px;
    background: #0062D2;
}
.pageSolarKadai.product.detail .detailBox .imageBox .productNav {
    display: flex;
    flex-wrap: wrap;
    margin: 5px -5px 0;
}
.pageSolarKadai.product.detail .detailBox .imageBox .productNav .slick-track,
.pageSolarKadai.product.detail .detailBox .imageBox .productNav .slick-list {
    width: 100% !important;
    transform: none !important;
}
.pageSolarKadai.product.detail .detailBox .imageBox .productNav .slick-slide {
    width: 20% !important;
    margin-bottom: 5px;
    padding: 0 5px;
}

.pageSolarKadai.product.detail .detailBox .imageBox  .slick-slide {position: relative;}
.pageSolarKadai.product.detail .detailBox .imageBox  .slick-slide span {
    position: absolute;
    left: 5px;
    top: 0;
}

@media print, screen and (min-width: 768px) {
    .pageSolarKadai.product.detail .detailBox {
        display: flex;
        justify-content: space-between;
    }
    .pageSolarKadai.product.detail .detailBox .imageBox {width: 45.4545%;}
    .pageSolarKadai.product.detail .detailBox .infomationBox {width: 50%;}

    .pageSolarKadai.product.detail .detailBox .imageBox .productNav .slick-slide {cursor: pointer;}
    .pageSolarKadai.product.detail .detailBox .imageBox .productNav .slick-slide:hover {opacity: 0.6;}
    .pageSolarKadai.product.detail .detailBox .imageBox .iconList {margin-top: 60px;}
    .pageSolarKadai.product.detail .detailBox .buttonBox {
        margin-top: 27px;
        padding-top: 16px;
        padding-bottom: 18px;
    }
    .pageSolarKadai.product.detail .detailBox .buttonBox a {width: 300px;}

    .pageSolarKadai.product.detail .detailBox .infomationBox dl + dl {margin-top: 70px;}
    .pageSolarKadai.product.detail .detailBox .infomationBox dt {
        margin-bottom: 21px;
        padding-bottom: 12px;
        font-size: 1.8rem;
    }
    .pageSolarKadai.product.detail .detailBox .infomationBox dd {
        font-size: 1.5rem;
        line-height: 2;
    }
    .pageSolarKadai.product.detail .detailBox .infomationBox th {
        width: 100px;
        font-size: 1.3rem;
        vertical-align: middle;
    }
    .pageSolarKadai.product.detail .detailBox .infomationBox td {font-size: 1.5rem;}
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.product.detail .detailBox .imageBox .productNav {margin: 5px -5px 0;}
    .pageSolarKadai.product.detail .detailBox .imageBox .productNav > div {
        width: 20%;
        padding: 0 5px;
    }
    .pageSolarKadai.product.detail .detailBox .imageBox .iconList {margin-top: 2em;}
    .pageSolarKadai.product.detail .detailBox .buttonBox {
        margin-top: 2em;
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .pageSolarKadai.product.detail .detailBox .infomationBox dl + dl {margin-top: 2em;}
    .pageSolarKadai.product.detail .detailBox .infomationBox dt {
        margin-bottom: 1em;
        padding-bottom: 0.5em;
        font-size: 1.8rem;
    }
    .pageSolarKadai.product.detail .detailBox .infomationBox dd {
        font-size: 1.5rem;
        line-height: 1.75;
    }

    .pageSolarKadai.product.detail .detailBox .infomationBox th {
        width: 100px;
        font-size: 1.3rem;
        vertical-align: middle;
    }
}

/* ######################################################################################

　pageWaterjet.product　施工実績

###################################################################################### */
/*** 豊富な国内採用実績 ***/
@media print, screen and (min-width: 768px) {
    .pageSolarKadai.casestudy .mainContainer {padding-bottom: 170px;}
    .pageSolarKadai.casestudy .doubleBorderTitle {
        margin-bottom: 23px;
        font-size: 3.4rem;
    }
    .pageSolarKadai.casestudy .doubleBorderTitle + p {font-size: 1.5rem;}
    .pageSolarKadai.casestudy .mapImage {
        max-width: 560px;
        margin: 0 auto 50px;
    }
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.casestudy .doubleBorderTitle {
        margin-bottom: 1em;
        font-size: 2rem;
    }
    .pageSolarKadai.casestudy .doubleBorderTitle + p {font-size: 1.5rem;}
    .pageSolarKadai.casestudy .mapImage {
        max-width: 560px;
        margin-top: 2em;
        margin-bottom: 3em;
    }
}

/*** 豊富な国内採用実績 ***/
.pageSolarKadai.casestudy .caseList .name {font-weight: bold;}
.pageSolarKadai.casestudy .caseList .date {color: #006FD9;}

@media print, screen and (min-width: 768px) {
    .pageSolarKadai.casestudy .bgTitle {margin-bottom: 32px;}
    .pageSolarKadai.casestudy .caseList {margin: 0 -17px 20px;}
    .pageSolarKadai.casestudy .caseList > div {
        margin-bottom: 40px;
        padding: 0 17px;
    }
    .pageSolarKadai.casestudy .caseList dl {
        display: flex;
        flex-direction: column;
    }
    .pageSolarKadai.casestudy .caseList .image {margin-bottom: 13px;}
    .pageSolarKadai.casestudy .caseList .name {
        margin-bottom: 7px;
        font-size: 1.6rem;
        line-height: 1.625;
    }
    .pageSolarKadai.casestudy .caseList .date {
        margin-top: auto;
        font-size: 1.4rem;
    }
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.casestudy .bgTitle {
        padding: 0.75em 1em;
    }
    .pageSolarKadai.casestudy .caseList {margin-bottom: 3em;}
    .pageSolarKadai.casestudy .caseList > div + div {margin-top: 2em;}
    .pageSolarKadai.casestudy .caseList .name {
        margin-bottom: 7px;
        font-size: 1.6rem;
        line-height: 1.625;
    }
    .pageSolarKadai.casestudy .caseList .date {
        font-size: 1.4rem;
    }

}
/*** テーブル ***/
.pageSolarKadai.casestudy .whiteTable th {
    background: #F5F5F5;
    color: #000;
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.casestudy .scrollTable {
        overflow-x: scroll;
    }
    .pageSolarKadai.casestudy .scrollTable .whiteTable {
        width: 100%;
        min-width: 900px;
    }

    .pageSolarKadai.casestudy .scrollTable .whiteTable th,
    .pageSolarKadai.casestudy .scrollTable .whiteTable td {
        padding: 0.5em 0.75em;
        font-size: 1.4rem;
    }
}

/* ######################################################################################

　.pageSolarKadai.contact　お問い合わせ

###################################################################################### */


.pageSolarKadai.contact .contactArea .tel{display: flex;}
.pageSolarKadai.contact .contactArea .tel + .tel{margin-top: 0.5em;}
.pageSolarKadai.contact .lead .leadBox {
    border: 2px solid #0062D2;
    border-radius: 10px;
}
.pageSolarKadai.contact.thanks .lead .leadBox {margin-top:4em;}

@media print, screen and (min-width: 768px) {
    .pageSolarKadai.contact .lead .leadBox {
        margin: 0 auto;
        padding: 45px 30px 40px;
    }
    .pageSolarKadai.contact .lead .copy{
        margin-bottom: 40px;
        font-weight: bold;
        font-size: 2rem;
        line-height: 1.8;
    }
    .pageSolarKadai.contact .contactArea .title{font-size: 1.8rem; text-align: center; margin-bottom: 0.5em;}
    .pageSolarKadai.contact .contactArea .tel{justify-content: center; align-items: center;}
    .pageSolarKadai.contact .contactArea .area{font-size: 1.7rem; font-weight: bold;}
    .pageSolarKadai.contact .contactArea .num{font-size: 3.6rem; font-weight: bold; margin-left: 1em;}
    .pageSolarKadai.contact .contactArea .num a{ color: #0062D2;}
    .pageSolarKadai.contact .contactArea .time{text-align: center; margin-top: 1em;}

}
@media screen and (max-width: 767px) {
    .pageSolarKadai.contact .lead .leadBox {
        margin: 0 auto;
        padding: 1em 1em 1em;
    }
    .pageSolarKadai.contact .lead .copy{
        margin-bottom: 1em;
        font-size: 1.6rem;
        line-height: 1.75;
        text-align: left;
    }
    .pageSolarKadai.contact .lead .contactArea {margin-top: 0;}
    .pageSolarKadai.contact .contactArea .title{font-size: 1.6rem; text-align: center; margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #D4D6D6;}
    .pageSolarKadai.contact .contactArea .tel{flex-direction: column;}
    .pageSolarKadai.contact .contactArea .area{font-size: 1.5rem; font-weight: bold;}
    .pageSolarKadai.contact .contactArea .num{font-size: 3.6rem; font-weight: bold;}
    .pageSolarKadai.contact .contactArea .num a{ color: #0062D2; text-decoration: none;}
    .pageSolarKadai.contact .contactArea .time {
        text-align: left;
        font-size: 1.2rem;
        border-top: 1px solid #D4D6D6;
        padding-top: 1em;
        margin-top: 1.5em;
        padding-left: 20px;
        font-feature-settings: "palt";
    }
    .pageSolarKadai.contact .contactArea dl {padding-left: 20px;}
}

.pageSolarKadai.contact .cationBox p {text-align: center;}
@media print, screen and (min-width: 768px) {
    .pageSolarKadai.contact .cationBox {padding-top: 80px;}
    .pageSolarKadai.contact .cationBox p {
        font-size: 2rem;
        line-height: 1.8;
    }
}
@media screen and (max-width: 767px) {
    .pageSolarKadai.contact .cationBox {padding-top: 30px;}
    .pageSolarKadai.contact .cationBox p {letter-spacing: -1px;}
}



/* ######################################################################################

　.pageSolarKadai.contact　完了

###################################################################################### */

.pageSolarKadai.contact .contactArea{margin-top: 3em;}


/* ######################################################################################

　.pageSolarKadai.error　エラーべージ

###################################################################################### */

.pageSolarKadai.error{}
@media print, screen and (min-width: 768px) {
    .pageSolarKadai.error .buttonBox .button{}
}





@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}