@charset "utf-8";
/* CSS Document */

/*----------
BBバスターズ
----------*/
.bbbusters .main-content h1,
.bbbusters .main-content h2,
.bbbusters .main-content h3,
.bbbusters .main-content h4,
.bbbusters .main-content h5,
.bbbusters .main-content h6 {
    margin-bottom: 0;
}
.bbbusters .main-content p {
    margin-bottom: 0;
    line-height: 140%;
}
.bbbusters .main-content section ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.bbbusters .main-content section li {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    list-style: none;
}
.bbbusters .main-content img {
    display: block;
}
.bbbusters section>div {
    max-width: 1000px;
    margin: auto;
    font-weight: bold;
}

.bbbusters section p,
.bbbusters section li {
    font-family: 游ゴシック;
}

.bbbusters section h2 {
    width: 100%;
    padding: 28px 0;
    border-bottom: none !important;
    margin-bottom: 0 !important;
    font-family: 游ゴシック;
    font-weight: bold;
}

.bbbusters section h2::after {
    display: none;
}

/* メインビジュアル */
.bbbusters section#mv {
    background: url(../img/business/bbbusters/mv_bk.jpg) no-repeat;
    background-size: cover;
    z-index: -1;
    /*margin-top: 80px;*/
    border-bottom: 80px solid #006BB8;
}

.bbbusters section#mv>div {
    max-width: 1318px;
    margin-right: 10% !important;
}

.bbbusters section h3::after {
    display: none;
}

/* お困り */
.bbbusters section#trouble {
    background: url(../img/business/bbbusters/trouble_bk.png);
}

.bbbusters section#trouble>div {
    max-width: 1200px;
}

.bbbusters section#trouble>div>ul {
    align-items: center;
    padding: 30px 0;
    width: 95%;
    margin: 0 auto;
}

@media all and (-ms-high-contrast: none) {
    .bbbusters section#trouble>div>ul>li:not(:nth-child(2)) {
        width: 100%;/* IE10以上 */
    }
}

.bbbusters section#trouble .txt p {
    font-size: 2.188em;
    font-weight: bold;
    line-height: 1.6;
    text-align: center;
    white-space: nowrap;
}

.bbbusters section#trouble .txt p span {
    color: #006BB8;
}

/* 背景青吹き出し */
.bbbusters section#m_callout {
    background: #006BB9;
}

.bbbusters section#m_callout>div {
    color: #FFF;
    text-align: center;
    padding: 30px 0 10px;
    font-size: 2.188em;
    position: relative;
    width: 92%;
}

.bbbusters section#m_callout>div::after {
    content: url(../img/business/bbbusters/arrow_btm.png);
    display: block;
    position: absolute;
    right: 0;
    bottom: -27px;
    left: 0;
    height: 28px;
    margin: auto;
}

.bbbusters section#m_callout p {
    color: #FFF;
    font-family: 游ゴシック;
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: -0.05em;
}

.marker_org {
    background: linear-gradient(transparent 60%, #FF9326 60%);
    font-weight: bold;
    font-size: 30px;
}

.bbbusters section#m_callout span {
    font-size: 50px;
}

.bbbusters section#m_callout span.marker {
    font-size: 50px;
}

/* 対策 */
.bbbusters section#measures {
    background: url(../img/business/bbbusters/measures_bk.jpg) no-repeat;
    background-size: cover;
    height: 487px;
}

.bbbusters section#measures>div>div {
    max-width: 1000px;
    margin: 0 auto;
    padding: 88px 0;
    width: 95%;
}

.bbbusters section#measures li {
    width: 450px;
    padding: 40px 50px;
    background: #FFF;
    text-align: center;
    font-size: 18px;
    border: 2px solid #006BB9;
}

.bbbusters section#measures ul li h3 {
    color: #006BB9;
    font-size: 30px;
    font-weight: bold;
    border-bottom: 2px solid #006BB9;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.bbbusters section#measures ul li p {
    line-height: 1.2;
}

.bbbusters section#measures ul li:nth-child(1) {
    margin-right: 98px;
    line-height: 1.2;
}

@media (max-width: 1200px) {
    .bbbusters section#measures ul li:nth-child(1) {
        margin-right: 5%;
    }
}

/* ポイント */
.bbbusters section#point>div>div {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    align-items: flex-end;
    padding-bottom: 28px;
    position: relative;
}

.bbbusters section#point>div>div>span>span {
    font-size: 55px;
}

.bbbusters section#point>div>div>img:nth-of-type(1) {
    margin-top: 65px;
}

.bbbusters section#point>div>div>img:nth-of-type(2) {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20%;
}

@media (max-width: 1030px) {

    /*.bbbusters section#point > div > div > img:nth-of-type(2){
        position: static;
    }*/
    .bbbusters section#point>div>div>img:nth-of-type(1) {
        width: 16%;
    }

    .bbbusters section#point>div>ul li:nth-child(4) {
        margin-left: 0 !important;
    }
}

.bbbusters section#point>div span {
    font-size: 35px;
    color: #006BB8;
    display: inline-block;
    white-space: nowrap;
    margin-left: 10px;
}

.bbbusters section#point>div>ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border: 3px solid #006BB9;
    border-radius: 17px;
    padding: 30px;
    align-items: center;
    margin-bottom: 30px;
}

.bbbusters section#point>div>ul li {
    padding: 0 20px 0 0;
}

.bbbusters section#point>div>ul li p {
    color: #006BB8;
}

.bbbusters section#point>div>ul li:nth-child(1) {
    text-align: center;
}

.bbbusters section#point>div>ul li:nth-child(1) p:nth-child(1) {
    font-size: 1em;
}

.bbbusters section#point>div>ul li:nth-child(1) p:nth-child(1)::after {
    content: '';
    display: block;
    width: 100%;
    padding-top: 5px;
    margin-bottom: 5px;
    border-bottom: 4px solid #006BB8;
}

.bbbusters section#point>div>ul li:nth-child(1) p:nth-child(2) {
    font-size: 40px;
}

.bbbusters section#point>div>ul li:nth-child(3) {
    font-size: 1.875em;
    color: #006BB8;
    white-space: nowrap;
}

.bbbusters section#point>div>ul li:nth-child(4) {
    /*max-width: 70%;*/
    margin-left: 50px;
    font-size: 1.25em;
    color: #000;
    line-height: 1.2;
    position: absolute;
    left: 38.5%;
    max-width: 600px;
    font-weight: normal;
}

@media all and (-ms-high-contrast: none) {
    .bbbusters section#point>div>ul {
        position: relative;
    }

    .bbbusters section#point>div>ul li:nth-child(4) {
        top: 50px;
        /* IE10以上 */
        position: static;
        margin-left: 30px;
    }
}

.ylw {
    color: #FFF000;
}

.bbbusters section#point {
    margin-bottom: 80px;
}

.bbbusters section#point>div {
    width: 95%;
}

/* サービス料金 */
.bbbusters section#service>div:nth-of-type(1) {
    max-width: 100%;
}
.bbbusters section#service h2 {
    background: #006BB9;
    color: #FFF;
    text-align: center;
}
.bbbusters section#service {
    position: relative;
}
.bbbusters section#service .txt {
    width: 810px;
    padding: 65px 0;
}
.bbbusters section#service .txt>p:nth-of-type(1) {
    font-size: 25px;
    margin-bottom: 20px;
}
.bbbusters section#service .txt .txt01 p:nth-of-type(1) {
    color: #0494FF;
    font-size: 20px;
    padding-bottom: 10px;
    margin: 0;
}
.bbbusters section#service .txt .txt01 p:nth-of-type(2) {
    color: #006CB9;
    font-size: 50px;
}
.bbbusters section#service .txt .txt01 p:nth-of-type(3) {
    color: #1B1F86;
    font-size: 1.875em;
    padding-left: 265px;
}
.bbbusters section#service .txt .txt02 p {
    font-size: 93.2px;
    color: #D11019;
    font-style: italic;
    font-family: serif;
    padding-top: 20px;
}
.bbbusters section#service .txt .txt01 p:nth-of-type(3) span {
    font-size: 20px;
    font-family: 游ゴシック;
}
.bbbusters section#service>div:nth-of-type(2) img {
    position: absolute;
    right: 15%;
}
.bbbusters section#service>div>ul {
    width: 1000px;
}
@media (min-width: 1201px) and (max-width: 1400px) {
    .bbbusters section#service>div:nth-of-type(2) img {
        right: 0;
    }

    .bbbusters section#service>div:nth-of-type(2)>ul {
        min-width: 1000px;
    }
}
@media (max-width: 1200px) {
    .bbbusters section#service .txt {
        padding: 30px 0;
        margin-left: 10px;
    }

    .bbbusters section#service>div:nth-of-type(2) img {
        position: static;
    }
}
@media all and (-ms-high-contrast: none) {
    .bbbusters section#service .txt {
        width: auto;
    }

    .bbbusters section#service>div:nth-of-type(2) img {
        position: static;
        z-index: -1;
    }

    .bbbusters section#charmist>div:nth-of-type(1) h2 {
        width: 100% !important;
        display: block !important;
    }

    .bbbusters section#charmist>div:nth-of-type(1) h2 img {
        margin: 0 auto 10px;
    }

}
.bbbusters section#service .txt .txt02 p span {
    font-size: 28.22px;
    font-family: 游ゴシック;
    font-style: normal;
    padding-left: 10px;
}
.bbbusters section#service .txt>p:nth-of-type(2) {
    font-size: 1.063em;
    color: #373737;
    line-height: 1.3;
}
.bbbusters section#service .txt>ul {
    padding-bottom: 45px;
}

/* チャーミスト専用噴射器・ULTRAの特長 */
.bbbusters section#ultra>div {
    max-width: 100%;
}
.bbbusters section#ultra h2 {
    background: #F3E127;
    color: #373737;
    text-align: center;
}
.bbbusters section#ultra>.product {
    background: #FEFCE9;
}
.bbbusters section#ultra>.product>ul {
    align-items: normal;
    max-width: 1000px;
    margin: auto;
    justify-content: space-around;
    padding: 50px 0 80px 0;
}
.bbbusters section#ultra>.product>ul>li {
    /*width: 465px;*/
    width: 46.5%;
    /*margin-right: 37px;*/
    background: #FFF;
    padding: 20px;
    /*margin: 50px auto 80px;*/
}
@media (max-width: 1200px) {
    .bbbusters section#ultra>.product>ul>li {
        width: 46.5%;
    }
}
.bbbusters section#ultra>.product>ul>li:last-child {
    margin-right: 0;
    position: relative;
}
.bbbusters section#ultra>.product>ul>li>p {
    color: #373737;
    text-align: center;
}
.bbbusters section#ultra>.product>ul>li>p:nth-of-type(1) {
    font-size: 1.563em;
}
.bbbusters section#ultra>.product>ul>li>p:nth-of-type(2) {
    font-size: 2.500em;
}
.bbbusters section#ultra>.product>ul>li>img {
    margin: 30px auto;
}
.bbbusters section#ultra>.product>ul>li>span {
    position: absolute;
    bottom: 50%;
    right: 117px;
}
.bbbusters section#ultra>.product>ul>li>p:nth-of-type(3) {
    font-size: 22px;
    margin-bottom: 37px;
}
.bbbusters section#ultra>.product>ul>li>ul>li {
    font-size: 16px;
    line-height: 1.6;
}
.bbbusters section#ultra>.product>ul>li>ul {
    display: block;
}
.bbbusters section#ultra>.product>ul>li:nth-child(2)>p:nth-of-type(2) {
    font-size: 22px;
    line-height: 2;
    margin-bottom: 30px;
}
.bbbusters section#ultra>.product>ul>li:nth-child(2)>p:last-of-type {
    font-size: 16px;
}

/* 消臭効果がわかる!! ぜひ体験して下さい */
.bbbusters section#step>div:nth-of-type(1) {
    max-width: 100%;
}
.bbbusters section#step h2 {
    background: #006BB9;
    color: #FFF;
    text-align: center;
}
.bbbusters section#step>div:nth-of-type(2) {
    margin: 60px auto;
    width: 95%;
}
.bbbusters section#step li {
    width: 30%;
    font-size: 20px;
    letter-spacing: 0.01em;
    position: relative;
}
.bbbusters section#step li>p:nth-of-type(1) {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #006BB9;
    font-size: 30px;
    color: #FFF;
    border-radius: 50%;
    font-family: arial;
    font-weight: normal;
    text-align: center;
    margin: 0 auto 40px;
}
.bbbusters section#step li:nth-child(2)>p:nth-of-type(1) {
    margin-left: 112px;
}
.bbbusters section#step li::after {
    content: '▶';
    display: inline-block;
    color: #006BB9;
    font-size: 30px;
    position: absolute;
    right: 40px;
    bottom: 90px;
}
.bbbusters section#step li:nth-child(n+3)::after {
    display: none;
}

.bbbusters section#step li:nth-child(2) {
    width: 500px;
    position: relative;
}

.bbbusters section#step li:nth-child(2) img:nth-of-type(1) {
    margin-left: 0;
}

.bbbusters section#step li:nth-child(2) img:nth-of-type(2) {
    position: absolute;
    right: -50px;
    top: 0;
}

.bbbusters section#step li img {
    margin: 0 auto 30px;
}

.bbbusters section#step li span {
    color: #006CB9;
}

.bbbusters section#step li>p:nth-of-type(2) {
    text-align: center;
    font-family: fantasy;
    transform: scale(1.1, 1.4);
}

.bbbusters section#d_effect h2 {
    background: #444;
    color: #FFF;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 36px;
}

.bbbusters section#d_effect ul>li>ul {
    display: block;
    padding: 30px;
    height: 90%;
}

.bbbusters section#d_effect>div {
    background: #E8E8E8;
    margin-bottom: 50px;
    width: 95%;
}

.bbbusters section#d_effect>div>ul {
    padding: 37px 46px;
    position: relative;
    justify-content: space-between;
}

.bbbusters section#d_effect>div>ul>li {
    width: 48%;
    position: relative;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.6;
    height: 65vh;
}

@media (max-width: 1200px) {
    .bbbusters section#d_effect>div>ul>li {
        height: 82vh;
    }
}

.bbbusters section#d_effect>div>ul>li:nth-child(2)>ul {
    background: url(../img/business/bbbusters/cross.png) no-repeat center #FFF;
}

.bbbusters section#d_effect>div>ul>li>ul {
    background: url(../img/business/bbbusters/circle.png) no-repeat center #FFF;
}

.bbbusters section#d_effect h3 {
    width: 48%;
    background: #FFF;
    line-height: 1.6;
}

.bbbusters section#d_effect ul>li h3 {
    width: 100%;
    background: #999;
    color: #FFF;
    font-size: 20px;
    padding: 10px 0;
    text-align: center;
}

.bbbusters section#charmist {
    background: url(../img/business/bbbusters/charmist_bk.png);
    padding-bottom: 76px;
}

.bbbusters section#charmist>div:nth-of-type(1) {
    max-width: 100%;
    background: #006BB9;
    color: #FFF;
}

.bbbusters section#charmist>div:nth-of-type(1) h2 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.bbbusters section#charmist>div:nth-of-type(1) span {
    color: #FFF;
    font-size: 35px;
    font-family: 游ゴシック;
    padding-left: 15px;
}

.bbbusters section div.dogleg {
    width: 520px;
    margin: 58px auto 55px;
    position: relative;
    border-top: 1px solid #006BB8;
    border-bottom: 1px solid #006BB8;
}

.bbbusters section h3 {
    padding: 12px 0;
    color: #006BB8;
    font-size: 28px;
    text-align: center;
    font-family: 游ゴシック;
    line-height: 1;
}

.bbbusters section div.dogleg::before {
    content: url(../img/business/bbbusters/txt_side_left.png);
    display: inline-block;
    position: absolute;
    top: -1.5px;
    left: -15px;
}

.bbbusters section div.dogleg::after {
    content: url(../img/business/bbbusters/txt_side_right.png);
    display: inline-block;
    position: absolute;
    top: -1.5px;
    right: -15px;
}

.bbbusters section#charmist .point>ul>li {
    width: 33%;
}

.bbbusters section#charmist .point ul li div {
    background: url(../img/business/bbbusters/charmist01.png) no-repeat;
    width: 197px;
    height: 227px;
    text-align: center;
    color: #68D1FF;
    font-size: 20px;
    margin: 0 auto 30px;
}

.bbbusters section#charmist .point ul li div p {
    padding-top: 50px;
}

.bbbusters section#charmist .point ul li div span {
    font-size: 40px;
    color: #006BB9;
    display: block;
    padding-top: 30px;
    line-height: 28px;
}

.bbbusters section#charmist .point ul li>p {
    width: 80%;
    margin: auto;
    font-size: 18px;
    line-height: 1.3;
    font-weight: normal;
}

.bbbusters section#charmist .point>ul>li>ul {
    display: block;
    padding-left: 30px;
    line-height: 1.3;
}

.bbbusters section#charmist .point>ul>li>ul li {
    color: #006BB8;
}

.marker_ylw {
    background: linear-gradient(transparent 60%, #FFFF4D 60%);
    font-weight: bold;
}

.bbbusters section#aboutCharmist {
    background: url(../img/business/bbbusters/charmist_bk2.png) no-repeat 10% 100px;
}

.bbbusters section#aboutCharmist>div {
    width: 95%;
}

.bbbusters section#aboutCharmist>div>div {
    text-align: center;
    font-weight: normal;
    margin-bottom: 100px;
}

.bbbusters section#aboutCharmist>div>div>p {
    color: #373737;
}

.bbbusters section#aboutCharmist>div>div>p:nth-of-type(1) {
    font-size: 22px;
    margin-bottom: 20px;
}

.bbbusters section#aboutCharmist>div>div>p:nth-of-type(2) {
    font-size: 20px;
    line-height: 1.6;
    font-weight: normal;
}

.bbbusters section#aboutCharmist>div>div>ul>li {
    width: 100%;
}

.bbbusters section#aboutCharmist>div>div>ul>li:nth-child(1)>ul {
    display: block;
    text-align: left;
    line-height: 1.6;
    border: 1px solid #016CB9;
    padding: 20px;
    margin-bottom: 30px;
}

.bbbusters section#aboutCharmist>div>div>ul>li:nth-child(1)>div {
    text-align: left;
}

.bbbusters section#aboutCharmist>div>div>ul>li:nth-child(1)>div>p {
    padding-bottom: 25px;
}

.bbbusters section#aboutCharmist>div>div>ul>li:nth-child(2) img {
    margin: auto;
    border-bottom: 3px solid #006BB9;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.bbbusters section#aboutCharmist>div>div>ul>li:nth-child(2)>p {
    text-align: left;
    font-size: 16px;
    width: 80%;
    margin: auto;
    line-height: 1.2;
}

.bbbusters section#aboutCharmist>div>div>ul>li:nth-child(2)>p:nth-of-type(1) {
    color: #006CB9;
    padding-left: 60px;
}

.bbbusters section#aboutCharmist>div>div>ul>li:nth-child(2)>p:nth-of-type(3) {
    padding-top: 10px;
    text-align: right;
}

div.wide.footerContact {
    max-width: 100%;
}

@media (max-width: 875px) {
    .bbbusters section#point>div>ul li:nth-child(4) {
        margin-left: 30px !important;
    }
}
@media only screen and (max-width: 768px) {
    .bbbusters section#mv>div {
        position: relative;
        height: 100%;
    }

    .bbbusters section#mv>div>div>img:nth-of-type(1) {
        padding-top: 37px;
    }

    .bbbusters section#mv>div>div>img:nth-of-type(1) {
        width: 250px;
        height: 220px;
    }

    .bbbusters section#mv>div>img:nth-of-type(2) {
        position: absolute;
        right: -250px;
        bottom: 0;
        width: 65%;
    }

    .bbbusters section#mv .txt {
        max-width: 775px;
        position: absolute;
        bottom: 25px;
        right: 80px;
    }

    .bbbusters section#mv .txt .txt01 p:nth-of-type(1) {
        color: #006CB9;
        font-size: 22.91px;
        text-shadow: 1px 1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px -1px 0 #FFF;
    }

    .bbbusters section#mv .txt p {
        display: inline-block;
    }

    .bbbusters section#mv .txt .txt01 p:not(:nth-of-type(1)) {
        background: #006CB9;
        color: #FFF;
        font-size: 22.91px;
        font-weight: bold;
        padding: 10px;
        margin-right: 10px;
    }

    .bbbusters section#mv .txt>div,
    .bbbusters section#mv .txt>ul {
        margin-bottom: 10px;
    }

    .bbbusters section#mv .txt .txt02 p {
        background: #FFF000;
        transform: skewX(-20deg);
        padding: 10px;
        margin-right: 10px;
        color: #006CB9;
        font-size: 30.28px;
    }

    .bbbusters section#mv>div>img:nth-of-type(3) {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 461px;
        height: 335px;
        z-index: 1;
    }

    .bbbusters section#mv .txt .txt03 {
        margin-left: 70px;
    }

    .bbbusters section#mv>div>.txt>p {
        font-size: 16px;
        text-shadow: 1px 1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px -1px 0 #FFF;
        margin-left: 70px;
    }
}