@charset "UTF-8";

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

　pageWaterjet.index　トップページ

###################################################################################### */
/* ====================================================
	メインイメージ
==================================================== */



.pageWaterjet.index .mainImg .pageTitle .buttonBox{width: 100%;}
.pageWaterjet.index .mainImg .pageTitle .title{color: #ffffff;}
.pageWaterjet.index .mainImg .checkList__item span{padding-left: 1.5em; position: relative;}
.pageWaterjet.index .mainImg .checkList__item{font-size: 2.0rem; font-weight: bold; color: #FFFFFF; line-height: 1.8;}
.pageWaterjet.index .mainImg .checkList__item span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0.1em;
    display: inline-block;
    margin-right: 0.5em;
    width: 1.2em;
    height: 1.2em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("../img/contents/waterjet/sub/check.svg")
}
@media print, screen and (min-width: 768px) {
    .pageWaterjet.index .mainImg .pageTitle{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 50%;
        top: 55%;
        transform: translate(-55%, -50%);
        padding-top: 12%;
    }
    .pageWaterjet.index .header{
        background: url("../img/contents/waterjet/index/mainImage_bg.jpg") no-repeat top;
        background-size: cover;
        max-height: 900px;
        min-height: 700px;
        height: 46.875vw;
    }
    .pageWaterjet.index .mainImg .pageTitle .title{font-size: 2.0rem;}
    .pageWaterjet.index .mainImg .pageTitle .title .big{display: block; font-size: 4.1rem; margin-top: 0.1em;}
    .pageWaterjet.index .mainImg .pageTitle .oswald{font-size: 11.2rem; letter-spacing: -0.001em; font-weight: 400;} 
    
    
    .pageWaterjet.index .mainImg .pageTitle .button{
        font-size: 1.8rem;
        line-height: 1.5;
        padding: 0.6em 0;
        width: 100%;
        background: rgba(0,91,172,0.85);
        border:1px solid #00427D;
        font-weight: bold;
    }
    
    .pageWaterjet.index .mainImg .pageTitle .button.blue:hover{
        color: #FFFFFF;
        opacity: 0.8;
    }
    
    .pageWaterjet.index .mainImg .checkListBox{
        position: relative;
        right: -450px;
        bottom: 70px;
    }
    .pageWaterjet.index .mainImg .checkList__item{font-size: 2.0rem;}
}
@media screen and (max-width: 767px) {
    .pageWaterjet.index .header{
        background: url("../img/contents/waterjet/index/mainImage_bg_sp.jpg") no-repeat top;
        background-size: cover;
        height: 150vw;
    }
    
    .pageWaterjet.index .mainImg .pageTitle {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        margin: 0 auto;
        padding-top: 15%;
    }
    .pageWaterjet.index .mainImg .pageTitle .title{font-size: 1.3rem;}
    .pageWaterjet.index .mainImg .pageTitle .title .big{display: block; font-size: 2.5rem; margin-top: 0.1em;}
    .pageWaterjet.index .mainImg .pageTitle .oswald{font-size: 6.6rem; letter-spacing: -0.001em; font-weight: 400; margin-bottom: 0.8em;}
    .pageWaterjet.index .mainImg .pageTitle .button{
        font-size: 1.3rem;
        line-height: 1.5;
        padding: 0.6em 0;
        width: 100%;
        background: rgba(0,91,172,0.85);
        border:1px solid #00427D;
        font-weight: bold;
    }
    .pageWaterjet.index .mainImg .pageTitle .buttonBox{width: 100%; padding: 0 0; margin-top: 0; margin-bottom: 2em;}
    .pageWaterjet.index .mainImg .pageTitle .button.blue:hover{
        color: #FFFFFF;
        opacity: 0.8;
    }
    
    .pageWaterjet.index .mainImg .checkListBox{
        margin-bottom: 1em;
    }
    .pageWaterjet.index .mainImg .checkList__item{font-size: 1.4rem;}
}



/* ====================================================
	メインコンテンツ
==================================================== */

.pageWaterjet.index .main{
    border-bottom: 1px solid #E1E1E1;
}

.pageWaterjet.index .buttonBox.gradation{
    background: #005bac;
    background: -moz-linear-gradient(left,  #1381d6 0%, #1381d6 50%, #005bac 100%);
    background: -webkit-linear-gradient(left,  #1381d6 0%, #1381d6 50%, #005bac 100%);
    background: linear-gradient(to right,  #1381d6 0%, #1381d6 50%, #005bac 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1381d6', endColorstr='#005bac',GradientType=1 );
}

.pageWaterjet.index .buttonBox.gradation .button{
    background: none;
    border:1px solid #fff;
    color: #fff;
}


.pageWaterjet.index .buttonBox.gradation .button:hover{opacity: 0.7;}
.pageWaterjet.index .buttonBox.gradation .button.arrow2:after{
    background-image: url("../img/contents/waterjet/sub/arrow2.svg");
    width: 22px;
    height: 22px;
}




@media print, screen and (min-width: 768px) {
    .pageWaterjet.index .wallBelt + .wallBelt{margin-top: 120px;}
    .pageWaterjet.index .main{
        background: linear-gradient(90deg, #F9F9F9 0%, #F9F9F9 50%, #ffffff 50%, #ffffff 100%);
    }
    .pageWaterjet.index .buttonBox.gradation{
        width: 50%;
        padding: 2em 2em 2em 6em;
        margin-top: 0;
        margin-left: auto;
    }

    .pageWaterjet.index .buttonBox.gradation .button{
        padding: 1.5em 6em 1.5em 2em;
    }
    
    .pageWaterjet.index .buttonBox.gradation .button.arrow2:after{
        right: 0.7em;
        top: 1.2em;
    }

    
}
@media screen and (max-width: 767px) {
    .pageWaterjet.index .wallBelt + .wallBelt{margin-top: 60px;}
    .pageWaterjet.index .main{
        background: #F9F9F9;
    }
    
    .pageWaterjet.index .buttonBox.gradation{
        padding: 1em 2em;
        margin-top: 0;
        margin-bottom: 0;
    }

    .pageWaterjet.index .buttonBox.gradation .button{
        padding: 2em 4em 2em 2em;
        font-size: 1.2rem;
        max-width: 280px;
        margin: 0 auto;
    }
    
    .pageWaterjet.index .buttonBox.gradation .button.arrow2:after{
        right: 0.6em;
        top: 1.5em;
    }

}


/*******************
ウォータージェット工事とは
********************/

@media print, screen and (min-width: 768px) {
    .pageWaterjet.index .wallBelt.about .between{flex-wrap: wrap;}
    .pageWaterjet.index .wallBelt.about .contentstext{width: 30%;}
    .pageWaterjet.index .wallBelt.about .youtubeBox{width: 62%; margin: 0 0;}
    .pageWaterjet.index .wallBelt.about .oswald{font-size: 3.6rem; margin-bottom: 0;}
    .pageWaterjet.index .wallBelt.about .titleBold{font-size: 2.8rem; margin-top: 0; margin-bottom: 1em;}
    .pageWaterjet.index .wallBelt.about .button{width: 100%; font-size: 1.5rem; padding: 1.5em 0;}
}
@media screen and (max-width: 767px) {
    .pageWaterjet.index .wallBelt.about .between{flex-wrap: wrap; flex-direction: column;}
    .pageWaterjet.index .wallBelt.about .contentstext{width: 100%;}
    .pageWaterjet.index .wallBelt.about .youtubeBox{width: 100%; margin: 0 0;}
    .pageWaterjet.index .wallBelt.about .oswald{font-size: 3.0rem; margin-bottom: 0; color: #005BAC; text-align: center;}
    .pageWaterjet.index .wallBelt.about .titleBold{font-size: 1.6rem; margin-top: 0; margin-bottom: 2em; text-align: center;}
    .pageWaterjet.index .wallBelt.about .buttonBox{padding: 0 0;}
    .pageWaterjet.index .wallBelt.about .button{width: 100%; font-size: 1.5rem; padding: 1.5em 0;}
}

/*******************
5つの特長
********************/

.pageWaterjet.index .wallBelt.feature .titleBold .oswald{font-weight: 400;}
@media print, screen and (min-width: 768px) {
    .pageWaterjet.index .wallBelt.feature {background: linear-gradient(90deg, #F9F9F9 0%, #F9F9F9 50%, #000000 50%, #000000 100%); padding: 0 0;}
    .pageWaterjet.index .wallBelt.feature .contents{
        background: linear-gradient(90deg, #F9F9F9 0%, #F9F9F9 20%, #000000 20%, #000000 100%);
    }
    .pageWaterjet.index .wallBelt.feature .contents{padding-bottom: 40px;}
    .pageWaterjet.index .wallBelt.feature .titleBold .oswald{ font-size: 4.8rem; display: block; line-height: 1; margin-bottom: 0.2em;}
    .pageWaterjet.index .wallBelt.feature .titleBold{ font-size: 2.8rem;}
    
    .pageWaterjet.index .wallBelt.feature .sunflex{margin-bottom: -200px;}
    .featureText{ width: 30%;}
    .featureList__item{}
    .featureList__item + .featureList__item{margin-top: 3.5em;}
    .featureList__item:nth-child(4){
        position: relative;
        left: -570px;
        width: 130%;
        letter-spacing: -0.05em;
    }
    .featureList__item:nth-child(5){
        position: relative;
        top: -210px;
    }
    
    
    .featureList__item .num {
        border-bottom: 2px solid #005BAC;
        color: #ffffff;
        font-size: 2.4rem;
        margin-bottom: 1em;
        padding-bottom: 0.5em;
        display: flex;
        align-items: center;
    }
    .featureList__item .num .oswald{font-size: 5.0rem; margin-right: 0.5em;}
    .featureList__text{color: #ffffff; font-size: 1.6rem;}
    
    .pageWaterjet.index .wallBelt.feature .buttonBox{margin-bottom: 0;}
    .pageWaterjet.index .wallBelt.feature .button{max-width: 416px; width: 100%; font-size: 1.5rem; padding: 1.5em 0;}
    
}
@media screen and (max-width: 767px) {
    .pageWaterjet.index .wallBelt.feature{margin-top: 0;}
    .pageWaterjet.index .wallBelt.feature .contents{
        background: linear-gradient(0deg, #000000 0%, #000000 92%, #F9F9F9 92%, #F9F9F9 100%);
    }
    
    .pageWaterjet.index .wallBelt.feature .contents{padding-bottom: 40px;}
    .pageWaterjet.index .wallBelt.feature .titleBold .oswald{ font-size: 3.0rem; display: block; line-height: 1; margin-bottom: 0.2em; text-align: center;}
    .pageWaterjet.index .wallBelt.feature .titleBold{ font-size: 1.6rem; margin-bottom: 1em; text-align: center;}
    
    .pageWaterjet.index .wallBelt.feature .sunflex{margin-bottom: 2em;}
    .featureText{ width: 100%;}
    .featureList{margin-top: 2em;}
    .featureList__item{}
    .featureList__item + .featureList__item{margin-top: 2em;}

    
    .featureList__item .num {
        border-bottom: 2px solid #005BAC;
        color: #ffffff;
        font-size: 2.2rem;
        margin-bottom: 0.5em;
        padding-bottom: 0.3em;
        display: flex;
        align-items: center;
    }
    .featureList__item .num .oswald{font-size: 4.0rem; margin-right: 0.5em;}
    .featureList__text{color: #ffffff; font-size: 1.5rem; letter-spacing: -0.1em;}
    
    .pageWaterjet.index .wallBelt.feature .buttonBox{margin-bottom: 0; padding: 0 0;}
    .pageWaterjet.index .wallBelt.feature .button{width: 100%; font-size: 1.5rem; padding: 1.3em 0;}
    
    
}

/*******************
ウォータージェット工事の強み
********************/
.pageWaterjet.index .wallBelt.strengths{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    overflow: inherit;
}
.pageWaterjet.index .wallBelt.strengths .contents{position: relative;}
.pageWaterjet.index .wallBelt.strengths .titleBox{position: absolute; }

.pageWaterjet.index .wallBelt.strengths .copy .titleBold{background: #1381D6; padding: 1.5em 2em; color: #FFFFFF;}

@media print, screen and (min-width: 768px) {
    .pageWaterjet.index .wallBelt.strengths{background-image: url("../img/contents/waterjet/index/strengths_bg.jpg"); padding-top: 180px; margin-top: 220px; padding-bottom: 100px;}
    .pageWaterjet.index .wallBelt.strengths .titleBox{top: -320px; height: 270px; width: 100%;}
    .pageWaterjet.index .wallBelt.strengths .titleBox .titleBold{
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        color: #FFFFFF;
        margin-bottom: 0;
        z-index: 10;
        font-size: 3.6rem;
    }
    .pageWaterjet.index .wallBelt.strengths .bg{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
    .pageWaterjet.index .wallBelt.strengths .copy{width: 46%;}
    .pageWaterjet.index .wallBelt.strengths .copy .titleBold{font-size: 2.6rem; line-height: 2; letter-spacing: 0.05em; display: inline-block;}
    .pageWaterjet.index .wallBelt.strengths .text{color: #FFFFFF; width: 50%; margin-top: 50px;}
    .pageWaterjet.index .wallBelt.strengths .text p{line-height: 2; font-size: 1.5rem;}
    .pageWaterjet.index .wallBelt.strengths .text p + p{margin-top: 2em;}
}
@media screen and (max-width: 767px) {
    .pageWaterjet.index .wallBelt.strengths {
        background-image: url("../img/contents/waterjet/index/strengths_bg_sp.jpg");
        padding-top: 90px;
        padding-bottom: 150px;
        background-position: bottom;
        background-size: contain;
        background-color: #000000;
    }
    .pageWaterjet.index .wallBelt.strengths .titleBox{top: -40px; width: calc(100% - 50px);}
    .pageWaterjet.index .wallBelt.strengths .titleBox .titleBold{
        position: absolute;
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%);
        color: #FFFFFF;
        margin-bottom: 0;
        z-index: 10;
        font-size: 1.8rem;
        width: 100%;
    }
    .pageWaterjet.index .wallBelt.strengths .bg{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 270px;}
    .pageWaterjet.index .wallBelt.strengths .sunflex{flex-direction: column;}
    .pageWaterjet.index .wallBelt.strengths .copy{width: 100%;}
    .pageWaterjet.index .wallBelt.strengths .copy .titleBold{font-size: 2.0rem; line-height: 1.8; letter-spacing: -0.05em; display: inline-block; text-align:center; padding: 1.5em 0; width: 100%}
    .pageWaterjet.index .wallBelt.strengths .text{color: #FFFFFF; width: 100%;}
    .pageWaterjet.index .wallBelt.strengths .text p{line-height: 2; font-size: 1.3rem; margin-bottom: 0;}
    .pageWaterjet.index .wallBelt.strengths .text p + p{margin-top: 0;}
}

/*******************
説明
********************/
.wallBelt .explain{}

.pageWaterjet.index .wallBelt.explain .oswald{color: #000000; display: block;}


@media print, screen and (min-width: 768px) {
    .pageWaterjet.index .wallBelt.explain .explain__item {background: linear-gradient(90deg, #F9F9F9 0%, #F9F9F9 19%, #005BAC 19%, #005BAC 100%); padding-bottom: 30px;}
    .pageWaterjet.index .wallBelt.explain .oswald{font-size: 3.6rem;}
    .pageWaterjet.index .wallBelt.explain{padding-bottom: 100px;}
    .pageWaterjet.index .wallBelt.explain .explain__item + .explain__item{margin-top: 80px;}
    .pageWaterjet.index .wallBelt.explain .titleBold{font-size: 2.6rem; margin-bottom: 0.5em;}
    .pageWaterjet.index .wallBelt.explain .image img{border: 1px solid #000000;}
}
@media screen and (max-width: 767px) {
    .pageWaterjet.index .wallBelt.explain .contents{padding: 0 0;}
    .pageWaterjet.index .wallBelt.explain .explain__item {background: linear-gradient(90deg, #F9F9F9 0%, #F9F9F9 13.5em, #005BAC 13.5em, #005BAC 100%);}
    .pageWaterjet.index .wallBelt.explain .oswald{font-size: 2.8rem; font-weight: normal; margin-bottom: 0.2em;}
    .pageWaterjet.index .wallBelt.explain{padding-bottom: 100px;}
    .pageWaterjet.index .wallBelt.explain .explain__item + .explain__item{margin-top: 80px;}
    .pageWaterjet.index .wallBelt.explain .titleBold {
        font-size: 1.6rem;
        margin-bottom: -1em;
        padding: 0 30px;
        position: relative;
        top: -1.5em;
        letter-spacing: -0.12em;
    }
    .pageWaterjet.index .wallBelt.explain .explain__item .oswald{letter-spacing: 0;}
    .pageWaterjet.index .wallBelt.explain .image img{border: 1px solid #8A8A8A;}
}


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

　pageWaterjet.about　ウォータジェット工事の特長

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

.pageWaterjet.about{}
.pageWaterjet.about .methodList{display: flex;}
.methodList__title{
    border-top: 1px solid #005BAC;
    border-bottom: 1px solid #005BAC;
    padding:0.5em 0;
    display: flex;
    justify-content: space-between;
}
.methodList__title .oswald{font-weight: 400;}
.methodList__img__list{display: flex;}

@media print, screen and (min-width: 768px) {
    .methodList{justify-content: space-between; flex-wrap: wrap;}
    .methodList__item{width: 48%; display: flex; flex-direction: column; justify-content: flex-start;}
    .methodList__item:nth-child(n+3){margin-top: 2em;}
    .methodList__item:last-child{width: 100%;}
    
    .methodList__title{font-size: 2.4rem;}
    .methodList__title .oswald {font-size: 2.6rem;}
    
    .methodList__img{margin-top: auto;}
    .methodList__img__list{justify-content: space-between;}
    .methodList__item:last-child .methodList__img__list{justify-content: flex-start;}
    .methodList__item:last-child .methodList__img__list li + li {margin-left: 2%;}
    .methodList__img__list .caption{text-align: right; font-size: 1.4rem; margin-top: 0.5em;}
}


@media screen and (max-width: 767px) {
    .pageWaterjet.about .lead .titleBold{
        font-size: 2.2rem;
        text-align: left!important;
    }    
    .pageWaterjet.about .lead .copy{font-size: 1.4rem;
    }
    .methodList{flex-direction: column;}
    .methodList__item + .methodList__item{margin-top: 3em;}
    
    .methodList__title{font-size: 1.8rem; padding: 0.8em 0;}
    .methodList__title .oswald {font-size: 1.8rem;}
    
    .methodList__img__list{flex-direction: column;}
    .methodList__img__list li + li{margin-top: 2em;}
    .methodList__img__list .caption{text-align: left; font-size: 1.4rem; font-weight: bold; margin-top: 0.5em;}
}

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

　.pageWaterjet.feature　ウォータージェット工法でできること

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

.pageWaterjet.feature .wallBelt.feature{overflow:inherit;}

/*------------------
lead
------------------*/
.pageWaterjet.feature .lead{background: #EFF1F2;}
.pageWaterjet.feature .lead .copy{text-align: center; font-weight: bold;}
.pageWaterjet.feature .lead .copy span{position: relative; display: inline; z-index: 0;}
.pageWaterjet.feature .lead .copy span:before{
    content: "";
    position: absolute;
    bottom: 0;
    width: 90%;
    height: 0.5em;
    background: #FFFF03;
    z-index: -1;
}

@media print, screen and (min-width: 768px) {
    
    .pageWaterjet.feature .topicPath{margin-bottom: 0;}
    .pageWaterjet.feature .lead{padding: 80px;}
    .pageWaterjet.feature .lead .titleBold{font-size: 3.6rem;}
    .pageWaterjet.feature .lead .copy{font-size: 2.2rem;}
    .pageWaterjet.feature .lead .buttonBox{margin-bottom: 0;}
    .pageWaterjet.feature .lead .button{max-width: 416px; width: 100%; padding: 1.5em 0;}

}
@media screen and (max-width: 767px) {
    .pageWaterjet.feature .lead .titleBold{position: relative; margin-bottom: 3em;}
    .pageWaterjet.feature .lead .titleBold:after{
        position: absolute;
        content: "";
        width: 2em;
        height: 3px;
        background: #005BAC;
        bottom: -1em;
        left: 50%;
        transform: translateX(-50%);        
    }
    .pageWaterjet.feature .lead .copy{font-size: 1.6rem;}
    .pageWaterjet.feature .lead .buttonBox{margin-bottom: 0;}
    .pageWaterjet.feature .lead .button{max-width: 416px; width: 100%; padding: 1.5em 0;}
}


/*------------------
performance、solution
------------------*/



.pageWaterjet.feature .performance{background: #000000;}
.pageWaterjet.feature .performance .titleBold,
.pageWaterjet.feature .solution .titleBold{color: #FFFFFF;}
.pageWaterjet.feature .performance .titleBold{justify-content: center; }
.pageWaterjet.feature .performance .titleBold .oswald,
.pageWaterjet.feature .solution .titleBold .oswald{font-weight: 400; padding:0 0.2em;}

.pageWaterjet.feature .performanceList{display: flex;}
.pageWaterjet.feature .performance__item{position: relative;}

.pageWaterjet.feature .tag{
    position: absolute;
    background: #005BAC;
    top: 0;
    min-width: 4.8em;
    left: 1.5em;        
    font-weight: bold;
    color: #FFFFFF;
    padding:1.8em 0 0.4em 0;
    text-align: center;
}
.pageWaterjet.feature .solution .titleBold{font-size: 2.0rem; background: #000000; color: #FFFFFF}
.pageWaterjet.feature .solutionList{display: flex;}
.pageWaterjet.feature .solutionList p{text-align: center; font-feature-settings: "palt";}
.pageWaterjet.feature .solutionList p span{display: block;}
@media print, screen and (min-width: 768px) {
    .pageWaterjet.feature .contents.variations{position: relative; z-index: 0;}
    .pageWaterjet.feature .wallBelt.feature{margin-top: 90px;}
    
    .pageWaterjet.feature .performance{padding: 2em 1em; width: 55.78%;}
    .pageWaterjet.feature .performance .titleBold,
    .pageWaterjet.feature .solution .titleBold{display: flex; align-items: center;}
    .pageWaterjet.feature .performance .titleBold .oswald,
    .pageWaterjet.feature .solution .titleBold .oswald{position: relative; top: -0.1em;}
    .pageWaterjet.feature .performance .titleBold{font-size: 2.8rem; margin-bottom: 0.2em;}
    .pageWaterjet.feature .performance .titleBold .oswald {font-size: 6.0rem; }
    .pageWaterjet.feature .performanceList{justify-content: space-between; flex-wrap: wrap;}
    .pageWaterjet.feature .performance__item{width: 50%;}
    .pageWaterjet.feature .performance__item img{width: 100%;}
    .pageWaterjet.feature .performanceList .tag{padding: 1.4em 0 0.4em 0;}
    .pageWaterjet.feature .tag{font-size: 1.6rem;}
    
    .pageWaterjet.feature .solution{
        position: absolute;
        top: 40px;
        right: 0;
        box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.16);
        width: 55.78%;
        padding-bottom: 30px;
        z-index: -1;
    }
    .pageWaterjet.feature .solution .titleBold{font-size: 2.0rem; padding-right: 1em; margin-bottom: 1.5em; margin-top: 0; width: 100%;}
    .pageWaterjet.feature .solution .titleBold .oswald{font-size: 5.0rem;}
    .pageWaterjet.feature .solution .titleBold{justify-content: flex-end;}
    .pageWaterjet.feature .solutionList{justify-content: space-between; flex-wrap: wrap; width: 57.75%; float: right; margin-right: 5em;}
    .pageWaterjet.feature .solution:after{
        content: "";
        clear: both;
    }
    .pageWaterjet.feature .solutionList li{width: 43.9%; text-align: center;}
    .pageWaterjet.feature .solutionList li:nth-child(n+3){margin-top: 2em;}
    .pageWaterjet.feature .solutionList p{font-size: 1.5rem; line-height:1.5; margin-bottom: 0.5em;}
    .pageWaterjet.feature .solutionList p span{font-size: 1.2rem;}
}
@media screen and (max-width: 767px) {
    .pageWaterjet.feature .contents.variations{padding: 0 0;}
    
    .pageWaterjet.feature .performance{padding: 2em 1em;}
    
    .pageWaterjet.feature .performance .titleBold{font-size: 2.0rem; margin-bottom: 0.2em; text-align: center;}
    .pageWaterjet.feature .performance .titleBold .oswald {font-size: 5.0rem; }
    .pageWaterjet.feature .performance .titleBold .large{font-size: 2.2rem;}
    .pageWaterjet.feature .performanceList{flex-direction: column;}
    .pageWaterjet.feature .performance__item + .performance__item{margin-top: 0.5em}
    .pageWaterjet.feature .performance__item img{width: 100%;}
    .pageWaterjet.feature .tag{font-size: 1.5rem;}
    
    .pageWaterjet.feature .solution{
        padding-bottom: 30px;
        margin-top: 1px;
        box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.16);
    }
    .pageWaterjet.feature .solution .titleBold{font-size: 2.0rem; background: #005BAC; width: 100%; padding: 0.8em 0;}
    .pageWaterjet.feature .solution .titleBold .oswald{font-size: 5.0rem; color: #ffffff;}
    .pageWaterjet.feature .solution .titleBold .large{font-size: 2.2rem;}
    .pageWaterjet.feature .solution .titleBold{text-align: center;}
    .pageWaterjet.feature .solutionList{justify-content: space-between; flex-wrap: wrap; padding: 0 25px;}
    .pageWaterjet.feature .solutionList li{width: 50%; text-align: center;}
    .pageWaterjet.feature .solutionList li:nth-child(n+3){margin-top: 1em;}
    .pageWaterjet.feature .solutionList p{font-size: 1.4rem; line-height:1.5;}
    .pageWaterjet.feature .solutionList p span{font-size: 1.0rem;}
}

/*------------------
list
------------------*/

.pageWaterjet.feature .wallBelt.list{}
.pageWaterjet.feature .featureItem{border: 4px solid #005BAC; position: relative;}
.pageWaterjet.feature .wallBelt.list .titleBold{position: absolute; top: 0;}
.pageWaterjet.feature .featureItem__img__list{display: flex;}
.pageWaterjet.feature .featureItem__img__list .tag_gray {
    display: block;
    background: #545454;
    padding: 0.3em;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 2em;
    text-align: center;
    width: 4.6em;
    margin-bottom: 1em;
}

@media print, screen and (min-width: 768px) {
    .pageWaterjet.feature .wallBelt.list{margin-top: 220px;}
    .pageWaterjet.feature .wallBelt.list .contents{max-width: 1190px;}
    .pageWaterjet.feature .featureItem{padding: 80px 1.5em 60px;}
    .pageWaterjet.feature .featureItem + .featureItem{margin-top: 3em;}
    .pageWaterjet.feature .wallBelt.list .titleBold{font-size: 2.8rem; margin: 1em 0 0; padding: 0 0 0 4em;}
    .pageWaterjet.feature .wallBelt.list .titleBold .small{font-size: 1.8rem;}
    
    .pageWaterjet.feature .featureItem__img__list{justify-content: flex-start; margin-top: 2em;}
    .pageWaterjet.feature .featureItem:not(:first-child) .featureItem__img__list{align-items: flex-end;}
    .pageWaterjet.feature .featureItem__img__list > li + li{margin-left: 0.8em;}
    
    .pageWaterjet.feature .featureItem__use{margin-left: 2em!important;}
    .pageWaterjet.feature .featureItem__use li{font-size: 1.5rem;}
    .pageWaterjet.feature .featureItem__use li + li{margin-top: 0.5em;}
    
    .pageWaterjet.feature .featureItem__img{position: absolute;}
    .pageWaterjet.feature .featureItem__img.img01{ top: 30px; right: 49px;}
    .pageWaterjet.feature .featureItem__img.img02{ top: 34px; right: 60px;}
    .pageWaterjet.feature .featureItem__img.img03{ top: 50px; right: 80px;}
    .pageWaterjet.feature .featureItem__img.img04{ top: 36px; right: 70px;}
    .pageWaterjet.feature .featureItem__img.img05{ top: 31px; right: 50px;}
    .pageWaterjet.feature .featureItem__img.img06{ top: 30px; right: 49px;}
    
}
@media screen and (max-width: 767px) {
    .pageWaterjet.feature .tag{left: 25px;}
    .pageWaterjet.feature .wallBelt.list .contents{padding: 0 0;}
    .pageWaterjet.feature .featureItem{padding: 85px 25px 35px;}
    .pageWaterjet.feature .featureItem +  .featureItem{margin-top: 2em;}
    .pageWaterjet.feature .wallBelt.list .titleBold{font-size: 2.2rem; margin: 1em 0 0; padding-left: 4em; font-feature-settings: "palt";}
    .pageWaterjet.feature .wallBelt.list .titleBold .small{font-size: 1.4rem;}
    .pageWaterjet.feature .listDot{margin-top: 2em;}
    .pageWaterjet.feature .listDot__item{font-size: 1.3rem;}
    .pageWaterjet.feature .featureItem__img__list{justify-content: space-between; margin-top: 2em; flex-wrap: wrap;}
    .pageWaterjet.feature .featureItem__img__list li:not(:last-child){width: 48.5%; order: 2;}
    .pageWaterjet.feature .featureItem__img__list li:last-child{width: 100%; order: 1;}
    .pageWaterjet.feature .featureItem:not(:first-child) .featureItem__img__list{align-items: flex-end;}
    .pageWaterjet.feature .featureItem__img__list li:nth-child(n+3){margin-top: 0.8em;}
    
    .pageWaterjet.feature .featureItem__img{width: 80%; margin: 0 auto;}
    
    .pageWaterjet.feature .featureItem__use{display: flex; justify-content: flex-start;}
    .pageWaterjet.feature .featureItem__use .featureItem__use__list{margin-left: 1em; margin-bottom: 1em; width: 100%; padding-top: 0.3em;}
    .pageWaterjet.feature .featureItem__use .featureItem__use__list li{width: 100%; line-height: 1.2;}
    .pageWaterjet.feature .featureItem__use .featureItem__use__list li + li{margin-top: 0.5em;}
    
    .pageWaterjet.feature .featureItem__img__list .tag_gray{height: 1.8em;width: 5em;}
}


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

　.pageWaterjet.case　工事実績

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

/*------------------
lead
------------------*/


@media print, screen and (min-width: 768px) {
    .pageWaterjet.case .lead .copy{text-align: center;}
}
@media screen and (max-width: 767px) {
    .pageWaterjet.case .lead .titleBold{position: relative; margin-bottom: 3em;}
    .pageWaterjet.case .lead .titleBold:after{
        position: absolute;
        content: "";
        width: 2em;
        height: 3px;
        background: #005BAC;
        bottom: -1em;
        left: 50%;
        transform: translateX(-50%);        
    }
    .pageWaterjet.case .lead .copy{text-align: left;}
}

/*------------------
image
------------------*/
.pageWaterjet.case .image  .case__image{display: flex;}
/*.pageWaterjet.case .image .caption .titleBold{border-bottom: 1px solid #eef8fd;}*/
@media print, screen and (min-width: 768px) {
    .pageWaterjet.case .image .case__image{justify-content: center;}
    .pageWaterjet.case .image .case__image li{max-width: 326px;}
    .pageWaterjet.case .image .case__image li + li{margin-left: 3em;}
    .pageWaterjet.case .image .caption{margin-top: 1.2em;}
    .pageWaterjet.case .image .caption .titleBold{font-size: 1.8rem; margin: 0.5em 0 0.8em 0; padding-bottom: 0.8em;}
    .pageWaterjet.case .image .caption p{font-size: 1.5rem;}
}
@media screen and (max-width: 767px) {
    
    .pageWaterjet.case .image .case__image{flex-direction: column;}
    .pageWaterjet.case .image .case__image li + li{margin-top: 1em;}
    .pageWaterjet.case .image .case__image img{width: 100%;}
    .pageWaterjet.case .image .caption{margin-top: 1.2em;}
    .pageWaterjet.case .image .caption .titleBold{font-size: 1.6rem; margin: 0.5em 0 0.8em 0; padding-bottom: 0.8em;}
    .pageWaterjet.case .image .caption p{font-size: 1.2rem;}
}

/*------------------
case
------------------*/
@media print, screen and (min-width: 768px) {
    .pageWaterjet.case .case tr.sp{display: none;}
    .pageWaterjet.case .case th:nth-child(1),
    .pageWaterjet.case .case td:nth-child(1){text-align: center;}
    .pageWaterjet.case .case th:nth-child(2),
    .pageWaterjet.case .case td:nth-child(2){width: 18%;}
    .pageWaterjet.case .case th:last-child,
    .pageWaterjet.case .case td:last-child{width: 33%;} 
    
    .pageWaterjet.case .case td span{display: block;}
}
@media screen and (max-width: 767px) {
    
    .pageWaterjet.case .case tr.pc{display: none;}
    .pageWaterjet.case .case td{display: block; width: 100%; font-size: 1.4rem; font-feature-settings: "palt"; letter-spacing: -0.01em;}
    .pageWaterjet.case .case td:not(:last-child){border-bottom: 0;}
    .pageWaterjet.case .case td:not(:first-child){border-left-width: 1px;}
    .pageWaterjet.case .case td:nth-child(2){font-weight: bold; padding-top: 0; padding-bottom: 0;}
    
    .pageWaterjet.case .case td:first-child{padding-bottom: 0;}
    
    .pageWaterjet.case .case td:last-child{font-size: 1.2rem; color: #005BAC; padding-top: 0;}
    .pageWaterjet.case .case td span{word-break: break-all;}
    .pageWaterjet.case .case td span:not(:last-child):after{
        content: "、";
    }
}

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

　.pageWaterjet.equipment　保有機器一覧

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

.pageWaterjet.equipment .lead .titleBold{margin-bottom: 0;}
.pageWaterjet.equipment .equipmentList{display: flex; flex-wrap: wrap;}
.pageWaterjet.equipment .equipmentList__item{padding-bottom: 1em; box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.1); border: 1px solid #6292C8;}
.pageWaterjet.equipment .category{background: #0462B4; color: #ffffff; text-align: center; padding: 0.5em 0; font-weight: bold;}
.pageWaterjet.equipment .name{height: 2em;}
.pageWaterjet.equipment .name,
.pageWaterjet.equipment .number,
.pageWaterjet.equipment .circle{text-align: center;}

.pageWaterjet.equipment .circle{background: #D23F3F; border-radius: 100%; font-weight: bold; color: #ffffff;}
.pageWaterjet.equipment .circle{
    position: absolute;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.pageWaterjet.equipment .number{margin-top: 1em;}
.pageWaterjet.equipment .equipmentList__item .name.netis{position: relative;}
.pageWaterjet.equipment .equipmentList__item .name.netis:before{
    content: "";
    position: absolute;
    background: url("../img/contents/waterjet/equipment/netis.png") no-repeat;
    width: 70px;
    height: 32px;
    left: 0.5em;
    top: -0.5em;
}
.pageWaterjet.equipment .spec{
    padding: 0 23px;
    display: flex;
    justify-content: flex-start;
    line-height: 1.5;
}
.pageWaterjet.equipment .spec dd{font-feature-settings: "palt";}
.pageWaterjet.equipment .spec dd:before{content: "：";}
.pageWaterjet.equipment dt.low{
    width: 5em;    
}

.pageWaterjet.equipment dt.low span{display: block;text-align: justify; }

@media print, screen and (min-width: 768px) {
    .pageWaterjet.equipment .equipmentList{justify-content: space-between;}
    .pageWaterjet.equipment .equipmentList:after{
        content: "";
        display: block;width: 23.17%;
    }
    .pageWaterjet.equipment .equipmentList__item{width: 23.17%;}
    .pageWaterjet.equipment .category{font-size: 1.4rem; }
    .pageWaterjet.equipment .name{font-size: 1.8rem; margin-top: 1em; margin-bottom: 0; line-height: 1;}
    .pageWaterjet.equipment .equipmentList__item:nth-child(n+5){margin-top: 3em;}
    .pageWaterjet.equipment .equipmentList__item:nth-child(n+5) .name{height: 4em!important;}
    
    
    
    .pageWaterjet.equipment .name .small{font-size: 1.5rem;}
    .pageWaterjet.equipment .name .mini{font-size: 1.1rem;}
    .pageWaterjet.equipment .equipmentList__item__image{position: relative; text-align: center;}
    .pageWaterjet.equipment .circle {
        font-size: 1.3rem;
        width: 70px;
        height: 70px;
        right: 10px;
        bottom: -25px;
    }
    .pageWaterjet.equipment .circle .small{font-size: 1.1rem; display: block;}
    .pageWaterjet.equipment .number{font-size: 1.6rem; }
    
    .pageWaterjet.equipment .caption{margin-top: 1.5em;}

}
@media screen and (max-width: 767px) {
    .pageWaterjet.equipment .lead .titleBold{position: relative; margin-bottom: 0; font-size: 1.8rem;}
    .pageWaterjet.equipment .lead .titleBold:after{
        position: absolute;
        content: "";
        width: 2em;
        height: 3px;
        background: #005BAC;
        bottom: -1em;
        left: 50%;
        transform: translateX(-50%);        
    }
    .pageWaterjet.equipment .equipmentList{flex-direction: column;}
    .pageWaterjet.equipment .equipmentList__item + .equipmentList__item{margin-top: 2em;}
    
    .pageWaterjet.equipment .category{font-size: 1.4rem; }
    .pageWaterjet.equipment .name{font-size: 1.8rem; margin-top: 1em; margin-bottom: 0; line-height: 1;}
    .pageWaterjet.equipment .equipmentList__item:nth-child(n+5){margin-top: 2em;}
    .pageWaterjet.equipment .equipmentList__item:nth-child(n+5) .name{height: 4em!important;}
    
    
    
    .pageWaterjet.equipment .name .small{font-size: 1.5rem;}
    .pageWaterjet.equipment .name .mini{font-size: 1.1rem;}
    .pageWaterjet.equipment .equipmentList__item__image{position: relative; text-align: center;}
    .pageWaterjet.equipment .equipmentList__item__image img{width: 80%;}
    .pageWaterjet.equipment .circle {
        font-size: 1.3rem;
        width: 70px;
        height: 70px;
        right: 10px;
        bottom: 10px;
    }
    .pageWaterjet.equipment .circle .small{font-size: 1.1rem; display: block;}
    .pageWaterjet.equipment .number{font-size: 1.6rem; line-height: 1.6;}
    .pageWaterjet.equipment .spec{font-size: 1.3rem;}
    .pageWaterjet.equipment .caption{margin-top: 1em;}
}

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

　.pageWaterjet.contact　お問い合わせ

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


.pageWaterjet.contact .contactArea .tel{display: flex;}
.pageWaterjet.contact .contactArea .tel + .tel{margin-top: 0.5em;}

@media print, screen and (min-width: 768px) {
    .pageWaterjet.contact .lead .copy{font-weight: bold; font-size: 2.2rem; margin-bottom: 3em; line-height: 1.5;}
    .pageWaterjet.contact .contactArea .title{font-size: 1.8rem; text-align: center; margin-bottom: 0.5em;}
    .pageWaterjet.contact .contactArea .tel{justify-content: center; align-items: center;}
    .pageWaterjet.contact .contactArea .area{font-size: 1.7rem; font-weight: bold;}
    .pageWaterjet.contact .contactArea .num{font-size: 3.6rem; font-weight: bold; margin-left: 1em;}
    .pageWaterjet.contact .contactArea .num a{ color: #000000;}
    .pageWaterjet.contact .contactArea .time{text-align: center; margin-top: 1em;}
    
}
@media screen and (max-width: 767px) {
    .pageWaterjet.contact .lead .copy{font-size: 1.8rem; margin-bottom: 2em; line-height: 1.5;}
    .pageWaterjet.contact .contactArea .title{font-size: 1.6rem; text-align: center; margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #D4D6D6;}
    .pageWaterjet.contact .contactArea .tel{flex-direction: column;}
    .pageWaterjet.contact .contactArea .area{font-size: 1.5rem; font-weight: bold;}
    .pageWaterjet.contact .contactArea .num{font-size: 3.6rem; font-weight: bold;}
    .pageWaterjet.contact .contactArea .num a{ color: #000000; text-decoration: none;} 
    .pageWaterjet.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";
    }
    .pageWaterjet.contact .contactArea dl {padding-left: 20px;}
}


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

　.pageWaterjet.contact　完了

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

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


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

　.pageWaterjet.error　エラーべージ

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

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