/* .mainContents */
.mainContents
{
    /* Safari */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 100px;
    margin-bottom: 200px;
    /* Safari */

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media print, screen and (max-width: 960px)
{
    .mainContents
    {
        margin-bottom: 100px;
    }
}

.mainContents-bgDesc
{
    z-index: 5;

    padding: 3em;

    background: rgba(255, 255, 255, .9);
}

@media print, screen and (max-width: 960px)
{
    .mainContents-bgDesc
    {
        padding: 3em 1.5em;
    }
}

.mainContents_ttl
{
    font-size: 1.4em;
    font-weight: 400;

    margin-top: 0;
    margin-bottom: 50px;

    color: #01044e;
}

@media print, screen and (max-width: 560px)
{
    .mainContents_ttl
    {
        font-size: 5.35714vw;
        font-weight: 600;

        margin-bottom: 5%;
    }
}

.mainContents_ttl-sub
{
    font-size: .7em;

    padding-left: 5px;

    color: gray;
}

@media print, screen and (max-width: 560px)
{
    .mainContents_ttl-sub
    {
        font-size: 3.57143vw;

        padding-left: 2%;
    }
}

.mainContents_sentence
{
    font-size: .85em;
    font-weight: 300;
    line-height: 1.6em;

    padding-bottom: 20px;

    text-align: left;
}

@media print, screen and (max-width: 560px)
{
    .mainContents_sentence
    {
        font-size: 3.92857vw;

        padding-bottom: 5%;
    }
}

.mainContents_sentence-blue
{
    color: #00a8e3;
    border-bottom: 3px double #00a8e3;
}

/* /.mainContents */
/* .mainContentsConsept */
.mainContentsConsept
{
    margin-top: 0;
    padding-top: 100px;

    background: url('../images/service_strong_bg.png') no-repeat center center;
    background-size: 35% auto;
}

@media print, screen and (max-width: 960px)
{
    .mainContentsConsept
    {
        padding-top: 150px;

        background-size: 60% auto;
    }
}

@media print, screen and (max-width: 560px)
{
    .mainContentsConsept
    {
        padding-top: 10vw;

        background-size: 70% auto;
    }
}

.mainContentsConsept-bgDesc
{
    width: 40vw;
    max-width: 450px;
    margin-top: 30px;
    margin-left: -30vw;
}

@media print, screen and (max-width: 960px)
{
    .mainContentsConsept-bgDesc
    {
        width: 50vw;
        max-width: initial;
    }
}

@media print, screen and (max-width: 560px)
{
    .mainContentsConsept-bgDesc
    {
        width: 90vw;
        margin-top: 0;
        margin-left: 0;
    }
}

/* /.mainContentsConsept */
/* .mainContentsCom */
.mainContentsCom
{
    background: url('../images/service_communication_bg.jpeg') no-repeat center center;
    background-size: 70% auto;
}

@media print, screen and (max-width: 960px)
{
    .mainContentsCom
    {
        background-size: 90% auto;
    }
}

@media print, screen and (max-width: 560px)
{
    .mainContentsCom
    {
        background-size: 100% auto;
    }
}

.mainContentsCom-bgDesc
{
    width: 40vw;
    max-width: 500px;
    margin-top: 20px;
    margin-left: 20vw;
}

@media print, screen and (max-width: 960px)
{
    .mainContentsCom-bgDesc
    {
        width: 65vw;
        max-width: initial;
        margin-left: 15vw;
    }
}

@media print, screen and (max-width: 560px)
{
    .mainContentsCom-bgDesc
    {
        width: 90vw;
        margin-top: 0;
        margin-left: 0;
    }
}

.mainContentsCom_listBlk
{
    text-align: left;
}

.mainContentsCom_listSubTtl
{
    position: relative;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 25px;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsCom_listSubTtl
    {
        font-size: 3.92857vw;

        margin-bottom: 3%;
        padding-left: 6.25vw;
    }
}

.mainContentsCom_listSubTtl:before
{
    position: absolute;
    bottom: -3px;
    left: 0;

    width: 0;
    height: 0;

    content: '';

    border: none;
    border-bottom: solid 15px #01044e;
    border-left: solid 15px transparent;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsCom_listSubTtl:before
    {
        bottom: 0;

        border-bottom: solid 5.35714vw #01044e;
        border-left: solid 5.35714vw transparent;
    }
}

.mainContentsCom_listSubTtl:after
{
    position: absolute;
    bottom: -3px;
    left: 10px;

    width: calc(100% - 10px);

    content: '';

    border-bottom: solid 1px #01044e;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsCom_listSubTtl:after
    {
        bottom: 0;
    }
}

.mainContentsCom_listDesc
{
    font-size: .8em;
    font-weight: 300;

    margin-bottom: 50px;
    margin-left: 10px;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsCom_listDesc
    {
        font-size: 3.92857vw;

        margin-bottom: 5%;
        margin-left: 0;
    }
}

/* /.mainContentsCom */
/* .mainContentsSes */
.mainContentsSes-bgDesc
{
    width: 60%;
    max-width: 500px;
    margin: 50px 20% 0 20%;
}

@media print, screen and (max-width: 960px)
{
    .mainContentsSes-bgDesc
    {
        width: 70%;
        max-width: initial;
        margin: 50px auto 0;
    }
}

@media print, screen and (max-width: 560px)
{
    .mainContentsSes-bgDesc
    {
        width: 90%;
        margin: 0 auto;
    }
}

.mainContentsSes_listBlk
{
    text-align: left;
}

.mainContentsSes_listSubTtl
{
    position: relative;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 25px;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsSes_listSubTtl
    {
        font-size: 3.92857vw;

        margin-bottom: 3%;
        padding-left: 6.25vw;
    }
}

.mainContentsSes_listSubTtl:before
{
    position: absolute;
    bottom: -3px;
    left: 0;

    width: 0;
    height: 0;

    content: '';

    border: none;
    border-bottom: solid 15px #01044e;
    border-left: solid 15px transparent;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsSes_listSubTtl:before
    {
        bottom: 0;

        border-bottom: solid 5.35714vw #01044e;
        border-left: solid 5.35714vw transparent;
    }
}

.mainContentsSes_listSubTtl:after
{
    position: absolute;
    bottom: -3px;
    left: 10px;

    width: calc(100% - 10px);

    content: '';

    border-bottom: solid 1px #01044e;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsSes_listSubTtl:after
    {
        bottom: 0;
    }
}

.mainContentsSes_listDesc
{
    font-size: .8em;
    font-weight: 300;

    margin-bottom: 50px;
    margin-left: 10px;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsSes_listDesc
    {
        font-size: 3.92857vw;

        margin-bottom: 5%;
        margin-left: 0;
    }
}

/* /.mainContentsSes */
/* .mainContentsQuality */
.mainContentsQuality
{
    background: url('../images/service_quality_bg.jpeg') no-repeat center center;
    background-size: 70% auto;
}

@media print, screen and (max-width: 960px)
{
    .mainContentsQuality
    {
        background-size: 80% auto;
    }
}

@media print, screen and (max-width: 560px)
{
    .mainContentsQuality
    {
        background-size: 100% auto;
    }
}

.mainContentsQuality-bgDesc
{
    width: 40vw;
    max-width: 500px;
    margin-top: 20px;
    margin-left: -25vw;
}

@media print, screen and (max-width: 960px)
{
    .mainContentsQuality-bgDesc
    {
        width: 60vw;
        max-width: initial;
        margin-left: -25vw;
    }
}

@media print, screen and (max-width: 560px)
{
    .mainContentsQuality-bgDesc
    {
        width: 90vw;
        margin-left: 0;
    }
}

.mainContentsQuality_listBlk
{
    text-align: left;
}

.mainContentsQuality_listSubTtl
{
    position: relative;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 25px;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsQuality_listSubTtl
    {
        font-size: 3.92857vw;

        margin-bottom: 3%;
        padding-left: 6.25vw;
    }
}

.mainContentsQuality_listSubTtl:before
{
    position: absolute;
    bottom: -3px;
    left: 0;

    width: 0;
    height: 0;

    content: '';

    border: none;
    border-bottom: solid 15px #01044e;
    border-left: solid 15px transparent;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsQuality_listSubTtl:before
    {
        bottom: 0;

        border-bottom: solid 5.35714vw #01044e;
        border-left: solid 5.35714vw transparent;
    }
}

.mainContentsQuality_listSubTtl:after
{
    position: absolute;
    bottom: -3px;
    left: 10px;

    width: calc(100% - 10px);

    content: '';

    border-bottom: solid 1px #01044e;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsQuality_listSubTtl:after
    {
        bottom: 0;
    }
}

.mainContentsQuality_listDesc
{
    font-size: .8em;
    font-weight: 300;

    margin-bottom: 50px;
    margin-left: 10px;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsQuality_listDesc
    {
        font-size: 3.92857vw;

        margin-bottom: 5%;
        margin-left: 0;
    }
}

.mainContentsQuality_img
{
    width: 100%;
}

/* /.mainContentsQuality */
/* .mainContentsPrice */
.mainContentsPrice
{
    margin-bottom: 0;

    background: url('../images/service_price_bg.JPG') no-repeat center center;
    background-size: 70% auto;
}

@media print, screen and (max-width: 960px)
{
    .mainContentsPrice
    {
        background-size: 80% auto;
    }
}

@media print, screen and (max-width: 560px)
{
    .mainContentsPrice
    {
        background-size: 100% auto;
    }
}

.mainContentsPrice-bgDesc
{
    width: 40vw;
    max-width: 500px;
    margin-top: 20px;
    margin-left: 20vw;
}

@media print, screen and (max-width: 960px)
{
    .mainContentsPrice-bgDesc
    {
        width: 60vw;
        max-width: initial;
        margin-left: 15vw;
    }
}

@media print, screen and (max-width: 560px)
{
    .mainContentsPrice-bgDesc
    {
        width: 90vw;
        margin-left: 0;
    }
}

.mainContentsPrice_listBlk
{
    text-align: left;
}

.mainContentsPrice_listSubTtl
{
    position: relative;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 25px;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsPrice_listSubTtl
    {
        font-size: 3.92857vw;

        margin-bottom: 3%;
        padding-left: 6.25vw;
    }
}

.mainContentsPrice_listSubTtl:before
{
    position: absolute;
    bottom: -3px;
    left: 0;

    width: 0;
    height: 0;

    content: '';

    border: none;
    border-bottom: solid 15px #01044e;
    border-left: solid 15px transparent;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsPrice_listSubTtl:before
    {
        bottom: 0;

        border-bottom: solid 5.35714vw #01044e;
        border-left: solid 5.35714vw transparent;
    }
}

.mainContentsPrice_listSubTtl:after
{
    position: absolute;
    bottom: -3px;
    left: 10px;

    width: calc(100% - 10px);

    content: '';

    border-bottom: solid 1px #01044e;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsPrice_listSubTtl:after
    {
        bottom: 0;
    }
}

.mainContentsPrice_listDesc
{
    font-size: .8em;
    font-weight: 300;

    margin-bottom: 50px;
    margin-left: 10px;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsPrice_listDesc
    {
        font-size: 3.92857vw;

        margin-bottom: 5%;
        margin-left: 0;
    }
}

.mainContentsPrice_listDesc-subTtl
{
    font-weight: 400;
    line-height: 25px;

    margin-top: 40px;
    margin-bottom: 10px;
    padding-left: 5px;

    border-left: 3px solid #01044e;
}

/* /.mainContentsPrice */
/* .mainContentsSpeed */
.mainContentsSpeed
{
    margin-top: 0;

    background: url('../images/service_speed_bg.jpg') no-repeat center center;
    background-size: 60% auto;
}

@media print, screen and (max-width: 960px)
{
    .mainContentsSpeed
    {
        background-size: 80% auto;
    }
}

@media print, screen and (max-width: 560px)
{
    .mainContentsSpeed
    {
        background-size: 100% auto;
    }
}

.mainContentsSpeed-bgDesc
{
    width: 40vw;
    max-width: 500px;
    margin-top: 180px;
    margin-left: -30vw;
}

@media print, screen and (max-width: 960px)
{
    .mainContentsSpeed-bgDesc
    {
        width: 60vw;
        max-width: initial;
        margin-left: -20vw;
    }
}

@media print, screen and (max-width: 560px)
{
    .mainContentsSpeed-bgDesc
    {
        width: 90vw;
        margin-left: 0;
    }
}

.mainContentsSpeed_listBlk
{
    text-align: left;
}

.mainContentsSpeed_listSubTtl
{
    position: relative;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 25px;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsSpeed_listSubTtl
    {
        font-size: 3.92857vw;

        margin-bottom: 3%;
        padding-left: 6.25vw;
    }
}

.mainContentsSpeed_listSubTtl:before
{
    position: absolute;
    bottom: -3px;
    left: 0;

    width: 0;
    height: 0;

    content: '';

    border: none;
    border-bottom: solid 15px #01044e;
    border-left: solid 15px transparent;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsSpeed_listSubTtl:before
    {
        bottom: 0;

        border-bottom: solid 5.35714vw #01044e;
        border-left: solid 5.35714vw transparent;
    }
}

.mainContentsSpeed_listSubTtl:after
{
    position: absolute;
    bottom: -3px;
    left: 10px;

    width: calc(100% - 10px);

    content: '';

    border-bottom: solid 1px #01044e;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsSpeed_listSubTtl:after
    {
        bottom: 0;
    }
}

.mainContentsSpeed_listDesc
{
    font-size: .8em;
    font-weight: 300;

    margin-bottom: 50px;
    margin-left: 10px;
}

@media print, screen and (max-width: 560px)
{
    .mainContentsSpeed_listDesc
    {
        font-size: 3.92857vw;

        margin-bottom: 5%;
        margin-left: 0;
    }
}

/* /.mainContentsSpeed */