@charset "utf-8";

#policy{
    padding-bottom: 230px;
}
.grid-770{
    max-width: 770px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
h2.poTitleStyle00{
    text-align: center;
}
h2.poTitleStyle00 span{
    display: inline-block;
    font-size: 32px;
    font-weight: bold;
    color: #603813;
    line-height: 140%;
    background-image: url(../img/policy/po-img02.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 19px;
    padding-bottom: 15px;
}
.poTxt{
    font-size: 16px;
    color: #603813;
    line-height: 160%;
    text-align: center;
    padding-top: 20px;
}
.poTxt span{
    text-align: left;
    display: inline-block;
}
.poContent01{
    /* overflow: hidden; */
    width: 100%;
    padding-top: 25px;
    position: relative;
}
.poContent01::before{
    content: '';
    background-image: url(../img/policy/po-img04.png);
    background-position: left center;
    background-repeat: no-repeat;
    width: 100%;
    height: 93px;
    position: absolute;
    bottom: -105px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    max-width: 1067px;
}
h2.poTitleStyle01{
    text-align: center;
}
h2.poTitleStyle01 span{
    font-size: 32px;
    font-weight: bold;
    color: #603813;
    line-height: 160%;
    background-image: url(../img/policy/po-img03.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 19px;
    padding-bottom: 15px;
    display: inline-block;
}
.poContent02{
    padding-top: 95px;
    position: relative;
}
.poCo03Item02{
    position: relative;
}
.poCo03Item02::before{
    content: '';
    background-image: url(../img/policy/po-img12.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    max-width: 1136px;
    width: 100%;
    height: 105px;
    position: absolute;
    bottom: -120px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}
span.poCo02Txt{
    font-size: 16px;
    line-height: 160%;
    display: block;
    color: #603813;
    padding-top: 10px;
}
h2.poTitleStyle02{
    text-align: center;
}
h2.poTitleStyle02 span{
    display: inline-block;
    background-image: url(../img/policy/po-img05.png);
    background-position: center center;
    background-repeat: no-repeat;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 19px;
    padding-bottom: 15px;
    font-size: 32px;
    font-weight: bold;
    color: #603813;
    line-height: 160%;
}
.poContent03{
    padding-top: 105px;
    position: relative;
}
.poContent03::before{
    content: '';
    background-image: url(../img/policy/po-img08.png);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
    height: 110px;
    max-width: 1066px;
    position: absolute;
    top: 75px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}
.grid-925{
    max-width: 925px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.poCo03Item01{
    padding-top: 28px;
}
.poCo03IRows{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.poCo03I01Left{
    max-width: 352px;
    width: 100%;
    margin-right: 42px;
    padding-left: 70px;
}
h3.tt03{
    font-size: 24px;
    line-height: 140%;
    font-weight: bold;
    color: #603813;
    position: relative;
}
h3.tt03::before{
    content: '';
    background-repeat: no-repeat;
    background-position: top left;
    background-repeat: no-repeat;
    width: 64px;
    height: 69px;
    position: absolute;
    top: -52px;
    left: -70px;
    z-index: 0;
}
.poCo03I01Left h3::before{
    background-image: url(../img/policy/po-img06.png);
}
span.poColTxt{
    display: block;
    font-size: 16px;
    color: #603813;
    line-height: 168%;
    letter-spacing: -0.5px;
    padding-top: 20px;
    padding-top: 12px;
}
.poCo03Item02{
    padding-top: 55px;
    position: relative;
}
.poCo0302Left{
    order: 1;
    max-width: 390px;
    width: 100%;
    margin-left: 30px;
    padding-left: 28px;
}
.poCo0302Right{
    order: 0;
    padding-left: 8px;
}
h3.tt03.ttRight{
    text-align: right;
}
.poCo0302Left h3::before{
    background-image: url(../img/policy/po-img10.png);
    left: -28px;
    top: -34px;
}
.poCo03Item03 h3::before{
    background-image: url(../img/policy/po-img11.png);
    left: -67px;
    height: 71px;
}
.poCo03Item03{
    padding-top: 115px;
    position: relative;
}
.poCo03Item03::before{
    content: '';
    background-image: url(../img/policy/po-img13.png);
    background-repeat: no-repeat;
    background-position: left top;
    max-width: 1116px;
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}
.grid-992{
    max-width: 992px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.poCo0304Left{
    order: 1;
    max-width: 385px;
    width: 100%;
    margin-left: 25px;
}
.poCo0304Right{
    order: 0;
}
.poCo03Item04 h3::before{
    background-image: url(../img/policy/po-img15.png);
    top: -65px;
    left: 0;
    height: 72px;
    width: 69px;
}
.poCo03Item04{
    padding-top: 85px;
}
.poCo0305Left{
    max-width: 402px;
    width: 100%;
    margin-right: 55px;
    padding-left: 75px;
}
.poCo03Item05 h3::before{
    background-image: url(../img/policy/po-img16.png);
    width: 68px;
    height: 96px;
    top: -62px;
    left: -56px;
}
.poCo03Item05{
    padding-top: 35px;
}
br.br-sp{
    display: none;
}
@media (max-width: 920px){
    .poCo03I01Right img{
        max-width: 45.826vw;
        width: 100%;
    }
    .poCo03I01Left{
        margin-right: 4.565vw;
        max-width: 38.261vw;
    }
    .poCo0302Right img{
        max-width: 45.826vw;
        width: 100%;
    }
    .poCo0302Left{
        margin-left: 3.261vw;
        max-width: 42.391vw;
    }
    .grid-770{
        padding-left: 2.174vw;   
        padding-right: 2.174vw;
    }
    .poCo0304Right img{
        max-width: 45.826vw;
        width: 100%;
    }
    .poCo0304Left{
        max-width: 41.848vw;
        margin-left: 2.717vw;
    }
    .poCo0305Left{
        max-width: 43.696vw;
        margin-right: 5.978vw;
    }
    .poCo0305Right img{
        max-width: 45.109vw;
        width: 100%;
    }
    #policy{
        padding-bottom: 25.000vw;
    }
}
@media (max-width: 767px){
    h2.poTitleStyle00 span{
        font-size: 3.651vw;
    }
    .poContent01{
        padding-top: 11.082vw;
    }
    .grid-770{
        padding-left: 11.082vw;
        padding-right: 11.082vw;
    }
    .poTxt{
        text-align: left;
        font-size: 3.651vw;
        letter-spacing: -0.261vw;
    }
    .poTxt strong{
        letter-spacing: -0.391vw;
    }
    br.br-sp{
        display: block;
    }
    h2.poTitleStyle01 span{
        font-size: 3.651vw;
    }
    .poContent02{
        padding-top: 23.468vw;
    }
    .poContent01::before{
        background-position: left  center;
        bottom: -16.949vw;
        max-width: 100%;
        width: 10.039vw;
        height: 12.125vw;
        left: 12.777vw;
        transform: none;
        background-size: contain;
    }
    span.poCo02Txt{
       font-size: 3.651vw; 
       padding-top: 3.651vw;
    }
    .poContent03::before{
        background-image: url(../img/policy/po-sp-img01.png);
        background-size: contain;
        max-width: none;
        width: 31.551vw;
        height: 17.601vw;
        left: unset;
        right: 14.081vw;
        transform: none;
        top: 8.605vw;
    }
    h2.poTitleStyle02 span{
        font-size: 3.520vw;
        background-size: 58.670vw;
    }
    .poContent03{
        padding-top: 32.595vw;
    }
    .grid-925,
    .grid-992{
        padding-left: 14.993vw;
        padding-right: 14.993vw;
    }
    .poCo03I01Left{
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
        order: 0;
    }
    h3.tt03{
        font-size: 3.651vw;
    }
    h3.tt03 br{
        display: none;
    }
    span.poColTxt{
        font-size: 3.651vw;
        letter-spacing: -0.052vw;
        line-height: 170%;
        padding-top: 2.608vw;
    }
    .poCo03Item01{
        padding-top: 7.171vw;
    }
    h3.tt03::before{
        width: 8.344vw;
        height: 8.996vw;
        top: -5.476vw;
        left: -8.735vw;
        background-size: contain;
    }
    .poCo03I01Right{
        width: 100%;
        order: 1;
        padding-left: 1.565vw;
        padding-top: 1.956vw;
    }
    .poCo03I01Right img{
        max-width: 100%;
        width: 100%;
    }
    .poCo0302Left{
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
        order: 0;
    }
    .poCo0302Right{
        order: 1;
        padding-left: 1.565vw;
        padding-top: 1.956vw;
        width: 100%;
    }
    .poCo0302Right img{
        max-width: 100%;
        width: 100%;
    }
    .poCo03Item02{
        padding-top: 13.299vw;
    }
    .poCo03Item02::before{
        background-image: url(../img/policy/po-sp-img02.png);
        max-width: none;
        width: 7.171vw;
        height: 10.430vw;
        left: 21.121vw;
        bottom: -11.734vw;
        transform: none;
        background-size: contain;
    }
    .poCo03Item03{
        padding-top: 22.816vw;
    }
    h3.tt03.ttRight{
        text-align: left;
    }
    .poCo03Item03::before{
        display: none;
    }
    .poCo0304Left{
        max-width: none;
        width: 100%;
        margin-left: 0;
        order: 0;
    }
    .poCo0304Right{
        width: 100%;
        order: 1;
        padding-left: 1.565vw;
        padding-top: 4.563vw;
    }
    .poCo0304Right img{
        max-width: 100%;
        width: 100%;
    }
    .poCo03Item04 h3.tt03.ttRight br{
        display: block;
    }
    .poCo03Item03 h3::before{
        height: 9.257vw;
        top: -6.476vw;
    }
    .poCo03Item04 h3::before{
        height: 9.387vw;
        width: 8.996vw;
    }
    .poCo0305Left{
        width: 100%;
        max-width: none;
        padding-left: 0;
        margin-right: 0;
        order: 0;
    }
    .poCo0305Right{
        width: 100%;
        order: 1;
        padding-left: 5.215vw;
        padding-top: 4.172vw;
    }
    .poCo0305Right img{
        max-width: 100%;
        width: 100%;
    }
    .poCo03Item05 h3::before{
        height: 12.386vw;
        width: 8.866vw;
        top: -8.476vw;
    }
    .poCo0302Left h3::before{
        top: -3.476vw;
    }
    .poCo03Item05{
        padding-top: 23.468vw;   
    }

    .poCo03Item04{
        padding-top: 23.468vw;
    }
}
@media (max-width: 368px){
    h2.poTitleStyle00 span,
    h2.poTitleStyle01 span,
    h2.poTitleStyle02 span{
        font-size: 18px;
        padding-left: 3px;
        padding-right: 3px;
        letter-spacing: -1px;
    }
    .poTxt,
    span.poCo02Txt,
    span.poColTxt{
        font-size: 14px;
    }
    h3.tt03{
        font-size: 16px;
    }
}