@charset 'UTF-8';
/*!  #poic
================================================ */

#poic #container{
    padding: 0 0 50px;
}
#poic #mainimg .mainTxt{
        top: 8vw;
}
@media screen and (max-width: 599px){
    #poic #mainimg .mainTxt img{
        width: 51vw;
    }
}
@media screen and (min-width: 600px){
    #poic #container{
        padding: 0 0 120px;
    }
    #poic #mainimg .mainTxt{
        top: 23%;
    }
}

/* .poic-intro
================================*/
/* .poic-intro{
    padding-bottom: 46px;
} */
.poic-intro-system{
    background: url(../img/common/bg_pattern01.png) left top repeat;
    background-size: 2%;
    padding: 17px 18px 30px;
    background-color: #fff;
    border: 2px solid #f87b92;
    position: relative;
    z-index: 2;
    text-align: center;
    border-radius: 10px;
}
.poic-intro-system::before{
    content: "";
    background: url(../img/common/img_cat01.png);
    background-size: contain;
    width: 82px;
    height: 58px;
    display: block;
    position: absolute;
    left: 20px;
    top: -50px;
    z-index: 3;
    transform: scale(-1, 1);
}
.poic-intro-system__head{
    font-size: 2.7rem;
    color:  #ee5063;
    line-height: 1.6;
    margin-bottom: 10px;
}
.poic-introTxt{
    margin-bottom: 63px;
}
.poic-intro-system__txt{
        font-size: 1.6rem;
}
@media screen and (max-width: 599px){
    #poic-intro{
        
        background: url(../img/about/bg_footmark02_sp.png) left bottom no-repeat; 
        background-size: 222px auto;
    } 
    .poic-introIn {
        padding: 60px 15px 46px; 
    }

    .poic-intro-system__head{
        margin-bottom: 6px;
    }
    .poic-intro-system{
        padding: 17px 18px 23px;
    }
    
    .poic-introHd{
        padding: 22px 0 27px;
    }  
    .poic-introHd .titEn{ 
        font-size: 1.6rem; font-weight: 500; line-height: 1; 
        display: block; margin-top: 10px; color: #ee5063;
    }
}
@media screen and (min-width: 600px){
    .poic-introIn{ 
        position: relative; 
        width: 1020px; 
        margin: 0 auto;
        padding: 100px 0 100px;
    }   
    .poic-introIn:before{
        position: absolute; 
        z-index: 1; 
        top: 116px; 
        left: -93px; 
        display: block; 
        width: 310px; 
        height: 441px; 
        content: '';
        background: url(../img/about/bg_footmark02_pc.png) left bottom no-repeat;
    }   
    .poic-introHd{
        padding: 92px 0 33px;
    }   
    .poic-introHd .titEn{ 
        font-size: 2rem; font-weight: 500; line-height: 1; 
        display: block; margin-top: 11px; color: #ee5063;
    }  
    .poic-introTxt{
        position: relative; z-index: 2; width: 693px; margin: 0 auto; 
        text-align: center;
        margin-bottom: 70px;
    }
    .poic-intro-system{
        padding: 39px 40px 45px;
    }
    .poic-intro-system::before{
        width: 151px;
        height: 107px;
        left: 168px;
        top: -92px;
    }
    .poic-intro-system__head{
        font-size: 4.2rem;
        margin-bottom: 26px;
        line-height: 1.5;
    }
    .poic-intro-system__txt{
        font-size: 2rem;
        line-height: 1.7;
    }
}

/* .poic-about
================================*/
.poic-aboutIn {
    padding-top: 0;
    padding-bottom: 46px;
}
.poic-about__lead {
    margin-bottom: 23px;
}
.poic-about-case__head {
    background-color: #f87b92;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    padding: 8px 10px;
}
.poic-about-case__img {
    margin: 15px 0 20px;
}
@media screen and (min-width: 600px){
    .poic-aboutIn {
        padding-bottom: 90px;
    }
    .poic-about__lead {
        text-align: center;
        margin-bottom: 55px;
    }
    .poic-about-case__head {
        font-size: 2.4rem;
        padding: 5px 10px;
    }
    .poic-about-case__img {
        margin: 30px 0 30px;
    }
}

/* .poic-effect
================================*/
.poic-effect {
    position: relative;
    background-color: #e9f2f4;
}
.poic-effectIn {
    padding-top: 46px;
    padding-bottom: 46px;
}
.poic-effectIn:after{
    position: absolute; 
    bottom: -165px;
    left: 3px;
    display: block; 
    width: 196px; 
    height: 198px; 
    content: '';
    background: url(../img/poic/bg_footmark01_sp.png) left bottom no-repeat;
}
.poic-effect-content + .poic-effect-content {
    margin-top: 23px;
}
.poic-effect__list{
}
.poic-effect__list-item{
    background: #fff;
    border-radius: 10px;
    padding: 25px 28px;
    margin-bottom: 15px;
    text-align: center;
}
.poic-effect__list-hukidashi {
    position: relative;
    background-color: #f87b92;
    color: #fff;
    font-size: 1.6rem;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 3px;
    box-sizing: border-box;
    margin: 0 auto 25px;
}
.poic-effect__list-hukidashi::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-top: 8px solid #f87b92;
}
.poic-effect__list-ico {
    width: 95px;
    height: auto;
    margin: 0 auto 20px;
}
.poic-effect__list-head{
    position: relative;
    font-size: 1.8rem;
    color: #ee5063;
    text-align: center;    
    line-height: 1.6;
    margin-bottom: 19px;
}
.poic-effect__list-head span{
    position: relative;
    z-index: 2;
}
.poic-effect__list-head::before{
    content: "";
    background: url(../img/whitening/bg_footmark01.png) no-repeat center center / contain;
    width: 42px;
    height: 41px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    z-index: 1;
}
.poic-effect__list-head-txt{
    font-size: 1.3rem;
    text-align: center;
}

.poic-effect__list-item.is-measures .poic-effect__list-hukidashi {
    background-color: #56b5d3;
}
.poic-effect__list-item.is-measures .poic-effect__list-hukidashi::before {
    border-top: 8px solid #56b5d3;
}
.poic-effect__list-item.is-measures .poic-effect__list-head {
    color: #56b5d3;
}

.poic-effect__img {
    margin-bottom: 20px;
}

@media screen and (min-width: 600px){    
    .poic-effectIn {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .poic-effectIn:after{
        bottom: -165px;
        left: 3%;
        width: 401px; 
        height: 406px;
        background: url(../img/poic/bg_footmark01_pc.png) left bottom no-repeat;
    }
    .poic-effect-content + .poic-effect-content {
        margin-top: 55px;
    }
    .poic-effect-content__head {
        margin-bottom: 30px;
    }
    .poic-effect__list{
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .poic-effect__list-item{        
        width: 48.5%;
        padding: 40px 50px;
    }
    .poic-effect__list-hukidashi {
        font-size: 2.4rem;
        padding: 6px 14px;
    }
    .poic-effect__list-ico {
        width: 138px;
        margin: 0 auto 30px;
    }
    .poic-effect__list-head{
        font-size: 2.2rem;
        line-height: 1;
        margin-bottom: 26px;
    }
    .poic-effect__list-head::before{
        width:48px ;
        height: 47px;
    }
    .poic-effect__list-head-txt{
        font-size: 1.6rem;
        line-height: 1.8;
        text-align: left;
    }
}

/* .poic-effect-use */

.poic-effect-use__set + .poic-effect-use__set {
    margin-top: 20px;
}
.poic-effect-use__img {
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}
.poic-effect-use__head {
    display: inline-block;
    background: #f87b92;
    color: #fff;
    font-size: 1.4rem;
    margin-bottom: 10px;
    box-sizing: border-box;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 3px 10px;
}
.poic-effect-use__dl {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}
.poic-effect-use__num {
    background: url(../img/poic/ico_use01.png) no-repeat center center / contain;
    width: 34px;
    height: 35px;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.4rem;
    text-align: center;
    color: #fff;
    padding-top: 3px;
    margin-right: 10px;
}
.poic-effect-use__txt {
    width: 90%;
}
.poic-effect-use__set.is-measures .poic-effect-use__head {
    background-color: #56b5d3;
}

@media screen and (min-width: 600px){
    .poic-effect-use__set + .poic-effect-use__set {
        margin-top: 30px;
    }
    .poic-effect-use {
        display: flex;
        flex-wrap: wrap;        
    }
    .poic-effect-use__img {
        width: 370px;
        margin-bottom: 0;
        margin-right: 50px;
    }
    .poic-effect-use__area-txt {
        max-width: 600px;
    }
    .poic-effect-use__head {
        font-size: 1.8rem;
        margin-bottom: 20px;
    }
    .poic-effect-use__num {
        padding-top: 0;
        font-size: 1.6rem;
    }
}

/* .poic-safety
================================*/
.poic-safety {
    position: relative;
}
.poic-safety__head {
    margin-bottom: 23px;
}
.poic-safetyIn {
    padding-top: 46px;
    padding-bottom: 46px;
}
.poic-safety__img {
    text-align: center;
    margin-bottom: 10px;
}
.poic-safety__set-head {
    display: inline-block;
    font-size: 1.6rem;
    color: #f87b92;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 2px solid #f87b92;
    line-height: 1.6;
}
@media screen and (min-width: 600px){
    .poic-safetyIn {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .poic-safety__head {
        margin-bottom: 60px;
    }
    .poic-safety__set {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .poic-safety__img {
        order: 2;
        width: 494px;
        margin-left: 55px;
        margin-bottom: 0;
    }
    .poic-safety__area-txt {
        order: 1;
        width: 471px;
    }
    .poic-safety__set-head {
        font-size: 2rem;
    }
}

/* .poic-activity
================================*/
.poic-activity {
    background: url(../img/poic/bg_activity01_sp.jpg) no-repeat left top;
    background-size: cover;
}
.poic-activityIn {
    padding-top: 46px;
    padding-bottom: 46px;
}
.poic-activity__head {
    text-align: center;
}
.poic-activity__head-txt {
    color: #f87b92;
}
@media screen and (min-width: 600px){
    .poic-activity {
        background: url(../img/poic/bg_activity01_pc.jpg) no-repeat left top;
        background-size: cover;
    }
    .poic-activityIn {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .poic-activity__txt {
        text-align: center;
    }
}

/* .poic-bnr
================================*/
.poic-bnrIn {
    padding-top: 46px;
    padding-bottom: 46px;
}
.poic-bnr__img {
    margin-bottom: 8px;
}
.poic-bnr__note {
    text-indent: -1em;
    padding-left: 1em;
    font-size: 1.2rem;
}
@media screen and (min-width: 600px){
    .poic-bnrIn {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .poic-bnr__img {
        margin-bottom: 20px;
    }
    .poic-bnr__note {
        font-size: 1.4rem;
    }
}