#supportContents{
    padding-top: 60px;
    padding-bottom: 60px;
}

#supportContents .title p.pre-title {
    font-weight: 700;
}

#supportContents .title h4 {
    font-size: 46px;
    margin-bottom: 30px;
    text-align: center;
}

#supportContents .title p.pre-title,
#supportContents .title h4 {
    width: 460px;
}

#supportContents .sc-line{
    height: 237px;    
}

#supportContents .sc-line.san,
#supportContents .sc-line.yon,
#supportContents .sc-line.go,
#supportContents .sc-line.roku{
    display: none;
}

#supportContents .sc-line.ni{
    height: 284px;    
    margin-bottom: 100px;
}

#supportContents .sc-line.ichi{
    width: 1077px;
    margin: 0 auto 64px auto;
    /* margin-bottom: 64px;
    padding: 0 413px; */
}

#supportContents .sc-line.ni{
    width: 1298px;
    margin: 0 auto;
}

#supportContents .sc-line .scl-item{
    width: 193px;
    height: 237px;
    float: left;
    margin-right: 28px;
    position: relative;
}

#supportContents .sc-line .scl-item.go,
#supportContents .sc-line .scl-item.juu-ichi{
    margin-right: 0;
}

#supportContents .sc-line .scl-item .step-number {
    width: 0;
    height: 0;
    border-top: 56px solid #fff;
    border-right: 56px solid transparent;
    position: absolute;
}

#supportContents .sc-line .scl-item .number {
    color: #286F91;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 2.2px;
    position: absolute;
    line-height: 30px;
    left: 10px;
}

#supportContents .sc-line .scl-item .step-ico {
    width: 193px;
    height: 203px;
    border-radius: 5px;
    margin-bottom: 10px;
}

#supportContents .sc-line .scl-item .step-title{
    text-align: center;
    color: #555555;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.6px;
    line-height: 30px;
}

#supportContents .sc-line .scl-item.ichi .step-ico {
    background: url("../images/shoukai-page-support-01.png") no-repeat, linear-gradient(145deg, #469DC7, #2390C2);
    background-size: 101px 70px, contain;
    background-position: center;
}

#supportContents .sc-line .scl-item.ni .step-ico {
    background: url("../images/shoukai-page-support-02.png") no-repeat, linear-gradient(145deg, #469DC7, #2390C2);
    background-size: 92px 102px, contain;
    background-position: center;
}

#supportContents .sc-line .scl-item.san .step-ico {
    background: url("../images/shoukai-page-support-06.png") no-repeat, linear-gradient(145deg, #469DC7, #2390C2);
    background-size: 85px 99px, contain;
    background-position: center;
}

#supportContents .sc-line .scl-item.yon .step-ico {
    background: url("../images/shoukai-page-support-08.png") no-repeat, linear-gradient(145deg, #469DC7, #2390C2);
    background-size: 101px 100px, contain;
    background-position: center;
}

#supportContents .sc-line .scl-item.go .step-ico {
    background: url("../images/shoukai-page-support-04.png") no-repeat, linear-gradient(145deg, #469DC7, #2390C2);
    background-size: 87px 95px, contain;
    background-position: center;
}

#supportContents .sc-line .scl-item.roku .step-ico {
    background: url("../images/shoukai-page-support-02.png") no-repeat, url("../images/shoukai-page-support-06.png") no-repeat, linear-gradient(145deg, #469DC7, #2390C2);
    background-size: 52px 58px, 66px 76px, contain;
    background-position: top 57px left 44px, top 96px left 92px, center;
}

#supportContents .sc-line .scl-item.nana .step-ico {
    background: url("../images/shoukai-page-support-05.png") no-repeat, linear-gradient(145deg, #469DC7, #2390C2);
    background-size: 111px 98px, contain;
    background-position: center;
}

#supportContents .sc-line .scl-item.hachi .step-ico {
    background: url("../images/shoukai-page-support-07.png") no-repeat, linear-gradient(145deg, #469DC7, #2390C2);
    background-size: 92px 87px, contain;
    background-position: center;
}

#supportContents .sc-line .scl-item.kyu .step-ico {
    background: url("../images/overseas-internship-support-ico-01.png") no-repeat, linear-gradient(145deg, #469DC7, #2390C2);
    background-size: 96px 100px, contain;
    background-position: center;
}

#supportContents .sc-line .scl-item.juu .step-ico {
    background: url("../images/shoukai-page-support-07.png") no-repeat, linear-gradient(145deg, #469DC7, #2390C2);
    background-size: 92px 87px, contain;
    background-position: center;
}

#supportContents .sc-line .scl-item.juu-ichi .step-ico {
    background: url("../images/shoukai-page-support-08.png") no-repeat, linear-gradient(145deg, #469DC7, #2390C2);
    background-size: 101px 100px, contain;
    background-position: center;
}

#supportContents .sc-line .scl-item.juu .number,
#supportContents .sc-line .scl-item.juu-ichi .number{
    left: 0;
}

#supportContents .sc-line.ichi .scl-item.roku,
#supportContents .sc-line.ni .scl-item.san,
#supportContents .sc-line.ni .scl-item.yon,
#supportContents .sc-line.ni .scl-item.go{
    display: none;
}

#supportContents .sc-line.ni .scl-item.roku{
    display: block;
}

#supportContents .sc-line .scl-item .step-top{
    display: none;
}

@media (max-width: 1902.98px) { 
    /* #supportContents .sc-line .scl-item{
        margin-right: 15px;
    } */

    /* #supportContents .sc-line.ichi{
        padding: 0 179px;
    }

    #supportContents .sc-line.ni{
        padding: 0 75px;
    } */
}

/* large desktops more than 1200px*/
@media (max-width: 1399.98px) {   
    #supportContents .sc-line.ichi{
        width: 930px;
    }

    #supportContents .sc-line.ni{
        width: 1120px;
    }
    
    #supportContents .sc-line .scl-item{
        width: 170px;
        margin-right: 20px;
    }

    #supportContents .sc-line .scl-item .step-ico{
        width: 170px;
    }

    /* #supportContents .sc-line .scl-item.juu{
        margin-right: 0;
    }

    #supportContents .sc-line .scl-item{
        height: 300px;
    }

    #supportContents .sc-line.ichi .scl-item.roku{
        display: none;
    }

    #supportContents .sc-line.ni .scl-item.roku{
        display: block;
    } */
}

/* desktop more than 992px */
@media (max-width: 1199.98px) { 
    #supportContents .sc-line .scl-item{
        margin-right: 20px;
    }

    #supportContents .sc-line .scl-item.juu{
        margin-right: 0;
    }

    #supportContents .sc-line .scl-item.juu-ichi{
        margin-top: 50px;
    }

    /* #supportContents .sc-line .scl-item.san,
    #supportContents .sc-line .scl-item.roku,
    #supportContents .sc-line .scl-item.kyu{
        margin-right: 0;
    }

    #supportContents .sc-line .scl-item.go,
    #supportContents .sc-line .scl-item.juu{
        margin-right: 15px;
    } */

    #supportContents .sc-line.ichi{
        width: 930px;
    }

    #supportContents .sc-line.ni{
        width: 930px;
        height: 568px;
    }

    /* #supportContents .sc-line.ichi .scl-item.roku{
        display: block;
    }

    #supportContents .sc-line.ni .scl-item.roku{
        display: none;
    } */
}

/* tablets more than 768px */
@media (max-width: 991.98px) {  
    #supportContents{
        padding-bottom: 50px;
    }  

    #supportContents .sc-line.ichi{
        width: 740px;
    }

    #supportContents .sc-line.ni{
        width: 740px;
        height: 300px;
    }

    #supportContents .sc-line.san{
        width: 740px;
        margin: 0 auto;
        display: block;
    }

    #supportContents .sc-line.ichi .scl-item.go,
    #supportContents .sc-line.ichi .scl-item.roku,
    #supportContents .sc-line.ni .scl-item.kyu,
    #supportContents .sc-line.ni .scl-item.juu,
    #supportContents .sc-line.ni .scl-item.juu-ichi,
    #supportContents .sc-line.san .scl-item.go,
    #supportContents .sc-line.san .scl-item.roku,
    #supportContents .sc-line.san .scl-item.nana,
    #supportContents .sc-line.san .scl-item.hachi{
        display: none;
    }

    #supportContents .sc-line.ni .scl-item.go{
        display: block;
    }

    #supportContents .sc-line .scl-item.yon,
    #supportContents .sc-line .scl-item.hachi{
        margin-right: 0;
    }

    #supportContents .sc-line.ni .scl-item.go,
    #supportContents .sc-line.san .scl-item.juu{
        margin-right: 20px;
    }

    #supportContents .sc-line.san .scl-item.juu-ichi{
        margin-top: 0;
    }

}

/* landscape phones more than 576px */
@media (max-width: 767.98px) {  
    #supportContents .sc-line.ichi{
        width: 550px;
    }

    #supportContents .sc-line.ni{
        width: 550px;
    }

    #supportContents .sc-line.san{
        display: block;
        width: 550px;
        height: 270px;
    }

    #supportContents .sc-line.yon{
        display: block;
        width: 550px;
        margin: 0 auto;
    }

    #supportContents .sc-line.ichi .scl-item.yon,
    #supportContents .sc-line.ni .scl-item.nana,
    #supportContents .sc-line.ni .scl-item.hachi,
    #supportContents .sc-line.san .scl-item.juu,
    #supportContents .sc-line.san .scl-item.juu-ichi,
    #supportContents .sc-line.yon .scl-item.nana,
    #supportContents .sc-line.yon .scl-item.hachi{
        display: none;
    }

    #supportContents .sc-line.ni .scl-item.yon,
    #supportContents .sc-line.san .scl-item.nana,
    #supportContents .sc-line.san .scl-item.hachi,
    #supportContents .sc-line.san .scl-item.kyu{
        display: block;        
    }

    #supportContents .sc-line.ni .scl-item.yon,
    #supportContents .sc-line.san .scl-item.hachi,
    #supportContents .sc-line.yon .scl-item.juu{
        margin-right: 20px;
    }

    #supportContents .sc-line.ichi .scl-item.san,
    #supportContents .sc-line.ni .scl-item.roku,
    #supportContents .sc-line.san .scl-item.kyu{
        margin-right: 0;
    }

    #supportContents .sc-line.yon .scl-item.juu-ichi{
        margin-top: 0;
    }
}

/* portrait phones less than 576px */
@media (max-width: 575.98px) {    
    #supportContents .sc-line.ichi{
        width: 360px;
        height: 190px;
        margin-bottom: 20px;
    }

    #supportContents .sc-line.ni{
        width: 360px;
        height: 190px;
        margin-bottom: 20px;
    }

    #supportContents .sc-line.san{
        display: block;
        width: 360px;
        height: 190px;
        margin-bottom: 20px;
    }

    #supportContents .sc-line.yon{
        display: block;
        width: 360px;
        height: 190px;        
        margin: 0 auto;
        margin-bottom: 20px;
    }

    #supportContents .sc-line.go{
        display: block;
        width: 360px;
        height: 190px;        
        margin: 0 auto;
        margin-bottom: 20px;
    }

    #supportContents .sc-line.roku{
        display: block;
        width: 360px;
        height: 190px;        
        margin: 0 auto;
        margin-bottom: 20px;
    }

    #supportContents .sc-line.ichi .scl-item.san,
    #supportContents .sc-line.ichi .scl-item.yon,
    #supportContents .sc-line.ichi .scl-item.go,
    #supportContents .sc-line.ichi .scl-item.roku,
    #supportContents .sc-line.ni .scl-item.go,
    #supportContents .sc-line.ni .scl-item.roku,
    #supportContents .sc-line.ni .scl-item.nana,
    #supportContents .sc-line.ni .scl-item.hachi,
    #supportContents .sc-line.ni .scl-item.kyu,
    #supportContents .sc-line.ni .scl-item.juu,
    #supportContents .sc-line.ni .scl-item.juu-ichi,
    #supportContents .sc-line.san .scl-item.nana,
    #supportContents .sc-line.san .scl-item.hachi,
    #supportContents .sc-line.san .scl-item.kyu,
    #supportContents .sc-line.san .scl-item.juu,
    #supportContents .sc-line.san .scl-item.juu-ichi,
    #supportContents .sc-line.yon .scl-item.juu,
    #supportContents .sc-line.yon .scl-item.juu-ichi{
        display: none;
    }

    #supportContents .sc-line.ni .scl-item.yon{
        margin-right: 0;
    }

    #supportContents .sc-line.ni .scl-item.san,
    #supportContents .sc-line.san .scl-item.go,
    #supportContents .sc-line.san .scl-item.roku,
    #supportContents .sc-line.yon .scl-item.nana,
    #supportContents .sc-line.yon .scl-item.hachi{
        display: block;
    }

    #supportContents .sc-line .scl-item .step-top{
        display: block;
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 5px;
    }

    #supportContents .sc-line .scl-item .step-number,
    #supportContents .sc-line .scl-item .number{
        display: none;
    }

    #supportContents .sc-line .scl-item .step-ico{
        border-radius: 42px;
        width: 84px;
        height: 84px;
        margin: 0 auto;
        margin-bottom: 5px;
    }

    #supportContents .title p.pre-title{
        font-size: 16px;
    }

    #supportContents .title h4{
        font-size: 26px;
    }

    #supportContents .title p.pre-title, #supportContents .title h4{
        width: 263px;
    }

    #supportContents{
        padding-top: 0;
    }

    #supportContents .sc-line.ichi, #supportContents .sc-line.ni{
        padding: 0;
    }

    #supportContents .sc-line .scl-item{
        width: 170px;
        text-align: center;
        height: 190px;
    }

    #supportContents .sc-line .scl-item.ni,
    #supportContents .sc-line .scl-item.yon,
    #supportContents .sc-line .scl-item.roku,
    #supportContents .sc-line .scl-item.hachi,
    #supportContents .sc-line .scl-item.juu{
        margin-right: 0;
    }

    #supportContents .sc-line .scl-item.ichi .step-ico{
        background-size: 47px 32px, contain;
    }

    #supportContents .sc-line .scl-item.ni .step-ico{
        background-size: 39px 43px, contain;
    }

    #supportContents .sc-line .scl-item.san .step-ico{
        background-size: 39px 46px, contain;
    }

    #supportContents .sc-line .scl-item.yon .step-ico{
        background-size: 45px 45px, contain;
    }

    #supportContents .sc-line .scl-item.go .step-ico{
        background-size: 42px 46px, contain;
    }

    #supportContents .sc-line .scl-item.roku .step-ico{
        background-size: 22px 25px, 28px 33px, contain;
        background-position: top 18px left 17px, top 35px left 37px, center;
    }

    #supportContents .sc-line .scl-item.nana .step-ico{
        background-size: 47px 41px, contain;
    }

    #supportContents .sc-line .scl-item.hachi .step-ico{
        background-size: 44px 42px, contain;
    }

    #supportContents .sc-line .scl-item.kyu .step-ico{
        background-size: 49px 50px, contain;
    }

    #supportContents .sc-line .scl-item.juu .step-ico{
        background-size: 44px 42px, contain;
    }

    #supportContents .sc-line .scl-item.juu-ichi .step-ico{
        background-size: 45px 45px, contain;
    }
}