@charset "UTF-8";

.p-ourbusiness .m-mv{
    background: url("../../images/business/ourbusiness_mv.png");
}


@keyframes bganim1{
    0%{ background-position: 0% 50% }
    50%{ background-position: 100% 50% }
    100%{ background-position: 0% 50% }
}

.p-ourbusiness .p-mv-bh{
    position: absolute;
    overflow: hidden;
    line-height: 0;
    text-indent: -9999px;
    background: url("../../images/business/ourbusiness_bh_title.png") no-repeat 0 0;
    width: 295px;
    height: 91px;
    top: 92px;
    left: 0;
		right: 0;
		margin: auto;
}

.p-ourbusiness .p-block-wrap{
    position: relative;
    z-index: 10;
    width: 1200px;
    margin: 0 auto;
}

.p-ourbusiness .p-block-bh{
    overflow: hidden;
    line-height: 0;
    text-indent: -9999px;
    margin: 0 auto 84px;
}

.p-ourbusiness .p-block-mh{
    margin-bottom: 55px;
}

.p-ourbusiness .p-block-sh{
    font-size: 2.8rem;
    line-height: 1.8;
    letter-spacing: 0.1em;
    font-weight: bold;
    margin-bottom: 30px;
}

.p-ourbusiness .p-block-text{
    font-size: 1.8rem;
    line-height: 1.8;
    letter-spacing: 0.25em;
    margin-bottom: 0.8em;
}

.p-ourbusiness .p-block01{
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 1141px;
}

.p-ourbusiness .p-block01 .p-block-bg{
    z-index: 1;
    width: 1700px;
    height: 588px;
    background: linear-gradient(45deg, rgba(255,237,188,0.3), rgba(76,193,162,0.3), rgba(142,197,252,0.3) ,rgba(224,195,252,0.3), rgba(239,98,159,0.3));
    background-size: 300% 300%;
    animation: bganim1 10s ease infinite;
    position: absolute;
    left: -60px;
    top: 323px;
    transform: rotate(7deg);
}

.p-ourbusiness .p-block01 .p-block-bh{
    background: url("../../images/business/ourbusiness_bh01.png") no-repeat 0 0;
    width: 1132px;
    height: 132px;
}

.p-ourbusiness .p-block01-01{
    margin-bottom: 135px;
}

.p-ourbusiness .p-block01-02 .p-imgBlock{
    float: right;
}

.p-ourbusiness .p-block01-02 .p-block-sh,
.p-ourbusiness .p-block01-02 .p-block-text{
    width: 602px;
    float: left;
}

.p-ourbusiness .p-block02{
    position: relative;
    width: 100%;
    overflow: hidden;
}

.p-ourbusiness .p-block02 .p-block-bh{
    background: url("../../images/business/ourbusiness_bh02.png") no-repeat 0 0;
    width: 353px;
    height: 57px;
}

.p-ourbusiness .p-block02 ul{
    display: flex;
    justify-content: space-between;
}

.p-ourbusiness .p-block02 ul li{
    width: 376px;
}

.p-ourbusiness .p-block02-01 .p-imgBlock{
    margin-bottom: 65px;
}

.p-ourbusiness .p-block03{
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 2655px;
    margin-bottom: 100px;
}

.p-ourbusiness .p-block03 .p-block-bg{
    z-index: 1;
    width: 1700px;
    height: 886px;
    background: linear-gradient(45deg, rgba(255,237,188,0.3), rgba(76,193,162,0.3), rgba(142,197,252,0.3) ,rgba(224,195,252,0.3), rgba(239,98,159,0.3));
    background-size: 300% 300%;
    animation: bganim1 10s ease infinite;
    position: absolute;
    left: -60px;
    top: 100px;
    transform: rotate(-7deg);
}

.p-ourbusiness .p-block03 .p-block-bg2{
    z-index: 1;
    width: 1700px;
    height: 886px;
    background: linear-gradient(45deg, rgba(255,237,188,0.3), rgba(76,193,162,0.3), rgba(142,197,252,0.3) ,rgba(224,195,252,0.3), rgba(239,98,159,0.3));
    background-size: 300% 300%;
    animation: bganim1 10s ease infinite;
    position: absolute;
    left: -60px;
    top: 1788px;
    transform: rotate(7deg);
}

.p-ourbusiness .p-block03 .p-block-wrap{
    padding-top: 200px;
}

.p-ourbusiness .p-block03 .p-block-bh{
    background: url("../../images/business/ourbusiness_bh03.png") no-repeat 0 0;
    width: 837px;
    height: 58px;
}

.p-ourbusiness .p-block03-01,
.p-ourbusiness .p-block03-02,
.p-ourbusiness .p-block03-03,
.p-ourbusiness .p-block03-04,
.p-ourbusiness .p-block03-05{
    margin-bottom: 150px;
}

.p-ourbusiness .p-block03-01 .p-imgBlock,
.p-ourbusiness .p-block03-03 .p-imgBlock,
.p-ourbusiness .p-block03-05 .p-imgBlock{
    float: left;
}

.p-ourbusiness .p-block03-02 .p-imgBlock,
.p-ourbusiness .p-block03-04 .p-imgBlock,
.p-ourbusiness .p-block03-06 .p-imgBlock{
    float: right;
}

.p-ourbusiness .p-block03-01 .p-block-sh,
.p-ourbusiness .p-block03-01 .p-block-text,
.p-ourbusiness .p-block03-03 .p-block-sh,
.p-ourbusiness .p-block03-03 .p-block-text,
.p-ourbusiness .p-block03-05 .p-block-sh,
.p-ourbusiness .p-block03-05 .p-block-text{
    width: 740px;
    float: right;
}

.p-ourbusiness .p-block03-02 .p-block-sh,
.p-ourbusiness .p-block03-02 .p-block-text,
.p-ourbusiness .p-block03-04 .p-block-sh,
.p-ourbusiness .p-block03-04 .p-block-text,
.p-ourbusiness .p-block03-06 .p-block-sh,
.p-ourbusiness .p-block03-06 .p-block-text{
    width: 740px;
    float: left;
}



/* Smartphone Styles
============================================================================ */

@media screen and (max-width: 768px) {

.p-ourbusiness .p-mv .p-mv-cover{
    width: 100vw;
    height: 48vw;
}

.p-ourbusiness .p-mv-bh{
    background: url("../../images/business/ourbusiness_bh_title_sp.png") no-repeat 0 0;
    background-size: 100%;
    width: 41.07vw;
    height: 12.27vw;
    top: 17.6vw;
}

.p-ourbusiness .p-block-wrap{
    width: auto;
    padding: 0 4vw;
}

.p-ourbusiness .p-block-bh{
    margin: 0 auto 70px;
}

.p-ourbusiness .p-block-mh{
    margin-bottom: 40px;
}

.p-ourbusiness .p-block-sh{
    font-size: 1.8rem;
    line-height: 1.6;
    letter-spacing: 0.2em;
    margin-bottom: 30px;
}

.p-ourbusiness .p-block-text{
    font-size: 1.7rem;
    line-height: 1.5;
    margin-bottom: 0.8em;
}

.p-ourbusiness .p-imgBlock{
    margin-bottom: 35px;
}
    
.p-ourbusiness .p-block01{
    min-height: 100vh;
}

.p-ourbusiness .p-block01 .p-block-bg{
    top: 100vw;
}

.p-ourbusiness .p-block01 .p-block-bh{
    background: url("../../images/business/ourbusiness_bh01_sp.png") no-repeat 0 0;
    background-size: 100%;
    width: 91.73vw;
    height: 30.8vw;
}

.p-ourbusiness .p-block01 .p-block-mh{
    width: 92vw;
}

.p-ourbusiness .p-block01-01{
    margin-bottom: 50px;
}

.p-ourbusiness .p-block01-02{
    margin-bottom: 95px;
}

.p-ourbusiness .p-block01-02 .p-imgBlock{
    float: none;
}

.p-ourbusiness .p-block01-02 .p-block-sh,
.p-ourbusiness .p-block01-02 .p-block-text{
    width: auto;
    float: none;
}

.p-ourbusiness .p-block02{
    margin-bottom: 0;
}

.p-ourbusiness .p-block02 .p-block-bh{
    background: url("../../images/business/ourbusiness_bh02_sp.png") no-repeat 0 0;
    background-size: 100%;
    width: 58.4vw;
    height: 9.07vw;
}

.p-ourbusiness .p-block02 .p-block-mh{
    width: 62.4vw;
}

.p-ourbusiness .p-block02 ul{
    display: block;
    margin-bottom: 95px;
}

.p-ourbusiness .p-block02 ul li{
    width: auto;
    margin-bottom: 50px;
}

.p-ourbusiness .p-block02-01 .p-imgBlock{
    margin-bottom: 35px;
}

.p-ourbusiness .p-block03{
    min-height: 100vh;
    margin-bottom: 95px;
}

.p-ourbusiness .p-block03 .p-block-bg{
    top: 10vw;
}

.p-ourbusiness .p-block03 .p-block-bg2{
    top: 460vw;
}

.p-ourbusiness .p-block03 .p-block-wrap{
    padding-top: 0;
}

.p-ourbusiness .p-block03 .p-block-bh{
    background: url("../../images/business/ourbusiness_bh03_sp.png") no-repeat 0 0;
    background-size: 100%;
    width: 88vw;
    height: 19.73vw;
}

.p-ourbusiness .p-block03 .p-block-mh{
    width: 46vw;
}

.p-ourbusiness .p-block03-01,
.p-ourbusiness .p-block03-02,
.p-ourbusiness .p-block03-03,
.p-ourbusiness .p-block03-04,
.p-ourbusiness .p-block03-05{
    margin-bottom: 50px;
}

.p-ourbusiness .p-block03-01 .p-imgBlock,
.p-ourbusiness .p-block03-03 .p-imgBlock,
.p-ourbusiness .p-block03-05 .p-imgBlock,
.p-ourbusiness .p-block03-02 .p-imgBlock,
.p-ourbusiness .p-block03-04 .p-imgBlock,
.p-ourbusiness .p-block03-06 .p-imgBlock{
    float: none;
}

.p-ourbusiness .p-block03-01 .p-block-sh,
.p-ourbusiness .p-block03-01 .p-block-text,
.p-ourbusiness .p-block03-03 .p-block-sh,
.p-ourbusiness .p-block03-03 .p-block-text,
.p-ourbusiness .p-block03-05 .p-block-sh,
.p-ourbusiness .p-block03-05 .p-block-text,
.p-ourbusiness .p-block03-02 .p-block-sh,
.p-ourbusiness .p-block03-02 .p-block-text,
.p-ourbusiness .p-block03-04 .p-block-sh,
.p-ourbusiness .p-block03-04 .p-block-text,
.p-ourbusiness .p-block03-06 .p-block-sh,
.p-ourbusiness .p-block03-06 .p-block-text{
    width: auto;
    float: none;
}

.p-ourbusiness .p-btn-back a{
    width: 92vw;
    height: 20vw;
    border-radius: 10vw;
}

}/* Smartphone Styles END */